:root{--primary: #e75822;--primary-light: #ff7a45;--primary-dark: #d14d1a;--bg-dark: #0a0a0a;--bg-card: #141414;--border-color: rgba(255, 255, 255, .06);--text-primary: #ffffff;--text-secondary: #a3a3a3;--text-muted: #737373}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6}.announcement-banner{background:linear-gradient(to right,#e75822,#ff7a45,#e75822);text-align:center;padding:10px 16px;position:fixed;top:0;left:0;width:100%;z-index:1001}.announcement-banner a{color:#fff;text-decoration:none;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.announcement-banner a:hover{text-decoration:underline;gap:12px}.announcement-banner svg{flex-shrink:0}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.navbar{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#0a0a0acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);position:fixed;top:40px;left:0;width:100%;z-index:1000}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-logo-img{height:44px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}.nav-links{display:flex;list-style:none;gap:8px}.nav-links li{display:flex;align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;padding:10px 16px;border-radius:10px;transition:all .2s ease}.nav-links a:hover{color:var(--text-primary);background:#ffffff0d}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0}.bar{width:100%;height:2px;background-color:var(--text-primary);border-radius:2px;transition:all .3s ease}.app>:not(.navbar):not(footer):not(.announcement-banner){margin-top:120px;flex:1;padding:20px}@media (max-width: 768px){.hamburger{display:flex}.navbar{padding:16px 20px}.nav-links{display:none;position:absolute;top:56px;left:0;width:100%;background:#0a0a0af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;align-items:center;padding:24px 0;border-bottom:1px solid var(--border-color);gap:8px}.nav-links.active{display:flex}.nav-links li{width:100%;justify-content:center}.nav-links a{font-size:16px;padding:12px 24px}}.footer{border-top:1px solid var(--border-color);background:#0006;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin-top:auto}.footer-content{max-width:1280px;margin:0 auto;padding:40px 24px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px}.footer-brand{max-width:360px}.footer-logo-img{height:40px;width:auto;object-fit:contain;margin-bottom:20px;filter:brightness(0) invert(1)}.footer-description{color:var(--text-muted);font-size:14px;line-height:1.7;margin-bottom:20px}.footer-social{display:flex;gap:8px}.social-link{width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease;text-decoration:none}.social-link:hover{border-color:#e7582280;color:var(--primary);background:#e758221a}.social-link svg{width:16px;height:16px}.footer-column h3{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:16px}.footer-column ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-column a{color:var(--text-muted);text-decoration:none;font-size:14px;transition:color .2s ease}.footer-column a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border-color);padding:16px 24px;max-width:1280px;margin:0 auto}.footer-bottom p{color:var(--text-muted);font-size:12px}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:32px;padding:32px 20px}.footer-brand{max-width:100%}}.btn-primary{background:linear-gradient(to right,var(--primary),var(--primary-light));color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #e7582240}.btn-primary:hover{box-shadow:0 6px 20px #e7582259;transform:translateY(-1px)}.card{background:#141414b3;border:1px solid var(--border-color);border-radius:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .3s ease}.card:hover{border-color:#e758224d;background:#e7582205}.text-gradient{background:linear-gradient(to right,var(--primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#12121a,#0a0a0f);color:#e0e0e0;padding:0}.hero{padding:80px 24px 40px;max-width:1200px;margin:0 auto}.hero-content{text-align:center;max-width:900px;margin:0 auto}.hero h1{font-size:56px;font-weight:800;color:#fff;margin:0 0 24px;letter-spacing:-1px;line-height:1.1}.hero h1 span{background:linear-gradient(90deg,#fff,#ff6b9d 40%,#ff8a5b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content>p{font-size:1.15rem;color:#888;line-height:1.7;max-width:700px;margin:0 auto}.featured-section{padding:40px 24px 80px;max-width:1280px;margin:0 auto}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;padding:0;margin-bottom:50px}.featured-section .challenge-card{--card-color: #8b5cf6;position:relative;background:#0f0f14cc;padding:28px;border-radius:20px;text-align:center;text-decoration:none;border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;display:flex;flex-direction:column}.featured-section .challenge-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--card-color),transparent);opacity:0;transition:opacity .3s ease}.featured-section .challenge-card:hover:before{opacity:1}.featured-section .challenge-card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--card-color) 40%,transparent);box-shadow:0 25px 50px color-mix(in srgb,var(--card-color) 20%,transparent)}.new-label{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 15px #ec48994d}.featured-section .challenge-icon-wrapper{width:56px;height:56px;margin:0 auto 20px;background:color-mix(in srgb,var(--card-color) 15%,transparent);border-radius:14px;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--card-color) 30%,transparent);transition:all .3s ease}.featured-section .challenge-card:hover .challenge-icon-wrapper{background:color-mix(in srgb,var(--card-color) 25%,transparent);border-color:color-mix(in srgb,var(--card-color) 50%,transparent);transform:scale(1.1) rotate(5deg);box-shadow:0 10px 30px color-mix(in srgb,var(--card-color) 30%,transparent)}.featured-section .challenge-icon-wrapper svg{width:24px;height:24px;color:var(--card-color)}.featured-section .challenge-card h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:10px}.featured-section .challenge-card p{font-size:13px;color:#888;margin-bottom:20px;line-height:1.5;flex-grow:1}.featured-section .start-btn{display:inline-block;padding:10px 20px;background:var(--card-color);color:#fff;text-decoration:none;border-radius:10px;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 4px 15px color-mix(in srgb,var(--card-color) 40%,transparent);border:none}.featured-section .challenge-card:hover .start-btn{filter:brightness(1.15);box-shadow:0 6px 25px color-mix(in srgb,var(--card-color) 50%,transparent);transform:translateY(-2px)}.view-all-wrapper{text-align:center}.view-all-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:12px;color:#a855f7;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease}.view-all-btn:hover{background:#8b5cf633;gap:16px;box-shadow:0 10px 30px #8b5cf633;transform:translateY(-2px)}@media (max-width: 768px){.hero h1{font-size:36px}.hero-content>p{font-size:1rem}.featured-grid{grid-template-columns:1fr;gap:16px}.featured-section{padding:30px 16px 60px}}@media (max-width: 480px){.hero{padding:50px 16px 30px}.hero h1{font-size:28px}.featured-section .challenge-card{padding:24px}}.challenges{padding:60px 24px;text-align:center;min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#12121a,#0a0a0f)}.challenges h2{font-size:40px;font-weight:800;color:var(--text-primary);margin-bottom:40px;letter-spacing:-.5px}.challenges h2 span{background:linear-gradient(135deg,#8b5cf6,#ec4899,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.challenges .challenges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;padding:0;max-width:1280px;margin:0 auto}.challenges .challenge-card{--card-color: #8b5cf6;position:relative;background:#0f0f14cc;padding:28px;border-radius:20px;text-align:center;border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.challenges .challenge-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--card-color),transparent);opacity:0;transition:opacity .3s ease}.challenges .challenge-card:hover:before{opacity:1}.challenges .challenge-card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--card-color) 40%,transparent);box-shadow:0 25px 50px color-mix(in srgb,var(--card-color) 20%,transparent)}.challenges .challenge-card:nth-child(1){--card-color: #8b5cf6}.challenges .challenge-card:nth-child(2){--card-color: #06b6d4}.challenges .challenge-card:nth-child(3){--card-color: #10b981}.challenges .challenge-card:nth-child(4){--card-color: #f97316}.challenges .challenge-card:nth-child(5){--card-color: #ef4444}.challenges .challenge-card:nth-child(6){--card-color: #ec4899}.challenges .challenge-card:nth-child(7){--card-color: #3b82f6}.challenges .challenge-card:nth-child(8){--card-color: #14b8a6}.challenges .challenge-card:nth-child(9){--card-color: #f43f5e}.challenges .challenge-card:nth-child(10){--card-color: #a855f7}.challenges .challenge-card:nth-child(11){--card-color: #eab308}.challenges .challenge-card:nth-child(12){--card-color: #22c55e}.challenges .challenge-card:nth-child(13){--card-color: #6366f1}.challenges .challenge-card:nth-child(14){--card-color: #f59e0b}.challenges .challenge-card:nth-child(15){--card-color: #84cc16}.challenges .challenge-card:nth-child(16){--card-color: #0ea5e9}.challenges .challenge-card:nth-child(17){--card-color: #d946ef}.challenges .challenge-card:nth-child(18){--card-color: #64748b}.challenges .challenge-card:nth-child(19){--card-color: #7c3aed}.challenges .challenge-card:nth-child(20){--card-color: #059669}.challenges .challenge-card:nth-child(21){--card-color: #2563eb}.challenges .challenge-card:nth-child(22){--card-color: #dc2626}.challenges .challenge-card:nth-child(23){--card-color: #db2777}.challenges .challenge-card:nth-child(24){--card-color: #0891b2}.challenges .challenge-card:nth-child(25){--card-color: #ca8a04}.challenges .challenge-card:nth-child(26){--card-color: #9333ea}.challenges .challenge-card:nth-child(27){--card-color: #0d9488}.challenges .challenge-card:nth-child(28){--card-color: #c026d3}.challenges .challenge-card:nth-child(29){--card-color: #e75822}.challenges .challenge-card:nth-child(30){--card-color: #06b6d4}.challenges .challenge-card:nth-child(31){--card-color: #f97316}.challenges .challenge-card:nth-child(32){--card-color: #ef4444}.challenges .challenge-card:nth-child(33){--card-color: #22c55e}.challenges .challenge-card:nth-child(34){--card-color: #8b5cf6}.challenges .challenge-card:nth-child(35){--card-color: #0891b2}.challenges .challenge-card:nth-child(36){--card-color: #be185d}.challenges .challenge-card:nth-child(37){--card-color: #15803d}.challenges .challenge-card:nth-child(38){--card-color: #1d4ed8}.challenges .challenge-card:nth-child(39){--card-color: #b45309}.challenges .challenge-card:nth-child(40){--card-color: #e75822}.challenges .new-label{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 15px #ec48994d}.challenges .challenge-icon-wrapper{width:56px;height:56px;margin:0 auto 20px;background:color-mix(in srgb,var(--card-color) 15%,transparent);border-radius:14px;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--card-color) 30%,transparent);transition:all .3s ease}.challenges .challenge-card:hover .challenge-icon-wrapper{background:color-mix(in srgb,var(--card-color) 25%,transparent);border-color:color-mix(in srgb,var(--card-color) 50%,transparent);transform:scale(1.1) rotate(5deg);box-shadow:0 10px 30px color-mix(in srgb,var(--card-color) 30%,transparent)}.challenges .challenge-icon-wrapper svg{width:24px;height:24px;color:var(--card-color)}.challenges .challenge-card h3{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:10px}.challenges .challenge-card p{font-size:13px;color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.challenge-buttons{display:flex;justify-content:center;gap:12px}.preview-btn{padding:10px 20px;background:#ffffff0d;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.preview-btn:hover{background:color-mix(in srgb,var(--card-color) 15%,transparent);border-color:color-mix(in srgb,var(--card-color) 40%,transparent);color:var(--card-color)}.challenges .challenge-card .start-btn{display:inline-block;padding:10px 20px;background:var(--card-color);color:#fff;text-decoration:none;border-radius:10px;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 4px 15px color-mix(in srgb,var(--card-color) 40%,transparent);border:none}.challenges .challenge-card .start-btn:hover{filter:brightness(1.15);box-shadow:0 6px 25px color-mix(in srgb,var(--card-color) 50%,transparent);transform:translateY(-2px)}.challenges .challenge-card .preview-btn:hover{background:color-mix(in srgb,var(--card-color) 15%,transparent);border-color:var(--card-color);color:var(--card-color)}.preview-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1100;animation:fadeIn .3s ease}.preview-content{background:linear-gradient(135deg,#14141efa,#0f0f14fa);padding:32px;border-radius:24px;max-width:500px;width:90%;text-align:left;border:1px solid rgba(139,92,246,.3);box-shadow:0 25px 50px #8b5cf633;animation:slideIn .3s ease}.preview-content h3{font-size:24px;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.preview-content p{font-size:15px;color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.preview-content p strong{color:var(--text-primary)}.close-btn{padding:12px 24px;background:#ffffff0d;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;margin-right:12px;font-size:14px;font-weight:500;transition:all .2s ease}.close-btn:hover{background:#ffffff1a;color:var(--text-primary)}.preview-content .start-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 4px 15px #8b5cf64d}.challenge-link{color:var(--card-color);text-decoration:none;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.challenge-link:hover{gap:12px;filter:brightness(1.2)}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.challenges{padding:40px 16px}.challenges h2{font-size:28px}.challenges .challenges-grid{grid-template-columns:1fr;gap:16px}}body{font-family:Arial,sans-serif;background-color:#121212;color:#f5f5f5}.about-page{display:flex;flex-direction:column;min-height:100vh}.about-main{flex:1;padding:20px}.about-content{max-width:800px;margin:0 auto;padding:20px}.back-home{display:inline-block;margin-top:40px;margin-bottom:30px;font-size:16px;color:#0c0;text-decoration:none;position:relative;z-index:1}.back-home:hover{color:#0c0;text-decoration:underline}.header-section h1{font-size:28px;color:#0c0;margin-bottom:10px}.header-section p{font-size:18px;color:#f5f5f5;margin-bottom:20px}.info-section h2{font-size:24px;color:#0c0;margin-top:20px;margin-bottom:10px}.info-section h3{font-size:20px;color:#0c0;margin-top:15px;margin-bottom:10px}.info-section p{margin-bottom:15px;line-height:1.5}.stats-section{background-color:#1e1e1e;border:1px solid #00cc00;border-radius:8px;padding:15px;margin-bottom:20px}.cyber-stats{list-style-type:square;padding-left:20px;margin-top:10px}.cyber-stats li{margin-bottom:8px;font-size:16px;color:#f5f5f5}.attack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;margin-bottom:20px}.attack-card{padding:15px;background-color:#1e1e1e;border:1px solid #00cc00;border-radius:8px}.attack-card h3{font-size:20px;color:#0c0;margin-bottom:5px}.attack-card p{font-size:16px;color:#f5f5f5}.protection-tips{list-style-type:disc;padding-left:20px;margin-top:10px;margin-bottom:20px}.protection-tips li{margin-bottom:10px;font-size:16px;color:#f5f5f5}.resources-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;margin-bottom:20px}.resource-card{padding:15px;background-color:#1e1e1e;border:1px solid #00cc00;border-radius:8px;display:flex;flex-direction:column;height:100%}.resource-card h3{font-size:18px;color:#0c0;margin-bottom:8px}.resource-card p{font-size:14px;color:#f5f5f5;margin-bottom:15px;flex-grow:1}.resource-link{display:inline-block;padding:8px 16px;background-color:#1e1e1e;color:#0c0;border:1px solid #00cc00;border-radius:4px;text-decoration:none;text-align:center;transition:all .3s ease}.resource-link:hover{background-color:#0c0;color:#121212}.blog-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;margin-bottom:20px}.blog-card{padding:15px;background-color:#1e1e1e;border:1px solid #00cc00;border-radius:8px;display:flex;flex-direction:column;height:100%}.blog-card h3{font-size:18px;color:#0c0;margin-bottom:8px}.blog-card p{font-size:14px;color:#f5f5f5;margin-bottom:15px;flex-grow:1}.blog-link{display:inline-block;padding:8px 16px;background-color:#1e1e1e;color:#0c0;border:1px solid #00cc00;border-radius:4px;text-decoration:none;text-align:center;transition:all .3s ease}.blog-link:hover{background-color:#0c0;color:#121212}.quiz-promo{padding:20px;background-color:#1e1e1e;border-radius:8px;text-align:center}.quiz-promo h3{font-size:22px;color:#0c0;margin-bottom:10px}.quiz-promo p{font-size:16px;color:#f5f5f5;margin-bottom:20px}.start-quiz{display:inline-block;padding:10px 20px;background-color:#0c0;color:#121212;border-radius:8px;font-size:16px;text-decoration:none;transition:background-color .3s ease}.start-quiz:hover{background-color:#0c0}.about-footer{padding:10px;text-align:center;font-size:14px;color:#f5f5f5;border-top:1px solid #00cc00}@media (max-width: 768px){.about-content{max-width:90%;padding:15px}.header-section h1{font-size:24px;margin-bottom:10px}.header-section p{font-size:16px}.back-home{margin-top:35px}.attack-grid,.resources-section,.blog-section{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.attack-card h3,.resource-card h3,.blog-card h3{font-size:18px}.attack-card p,.resource-card p,.blog-card p{font-size:14px}.resource-link,.blog-link{font-size:14px;padding:6px 12px}.quiz-promo h3{font-size:20px}.quiz-promo p,.cyber-stats li{font-size:14px}}@media (max-width: 480px){.about-content{max-width:95%;padding:10px}.header-section h1{font-size:20px}.header-section p{font-size:14px}.back-home{margin-top:30px}.attack-grid,.resources-section,.blog-section{grid-template-columns:1fr;gap:8px}.attack-card h3,.resource-card h3,.blog-card h3{font-size:16px}.attack-card p,.resource-card p,.blog-card p{font-size:12px}.resource-link,.blog-link{font-size:12px;padding:6px 10px}.quiz-promo h3{font-size:18px}.quiz-promo p{font-size:12px}.start-quiz{font-size:14px;padding:8px 16px}.cyber-stats li{font-size:12px;margin-bottom:6px}.stats-section{padding:10px}}.quiz-page{--theme-color: #8b5cf6;--theme-light: #a78bfa;--theme-dark: #7c3aed;min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#12121a,#0a0a0f);color:#e0e0e0;display:flex;justify-content:center;align-items:center}.quiz-container{width:100%;max-width:800px;padding:20px}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:1rem 1.5rem;background:#0000004d;border-radius:12px;border:1px solid rgba(139,92,246,.15);flex-wrap:wrap;gap:1rem}.exit-link{color:var(--theme-color);text-decoration:none;font-size:16px;display:flex;align-items:center;transition:all .2s ease;font-weight:500;white-space:nowrap}.arrow-left{margin-right:8px}.question-counter{font-size:16px;color:#b0b0b0}.progress-bar{width:100%;height:8px;background-color:#8b5cf633;border-radius:4px;margin-bottom:20px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--theme-color),var(--theme-light));transition:width .3s ease}.quiz-card{background:#0f0f14e6;border:1px solid rgba(139,92,246,.3);border-radius:16px;box-shadow:0 0 30px #8b5cf626;overflow:hidden}.quiz-card-header{padding:20px;border-bottom:1px solid rgba(139,92,246,.2)}.quiz-card-header h2{font-size:24px;color:var(--theme-color);margin:0}.quiz-card-content{padding:20px}.options-grid{display:grid;gap:10px}.option-item{display:flex;align-items:center;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;background:#ffffff05}.option-item:hover{border-color:#8b5cf680;background:#8b5cf60d}.option-item.selected{border-color:var(--theme-color);background:#8b5cf626}.option-item.correct{border-color:#10b981;background:#10b98133}.option-item.incorrect{border-color:#ef4444;background:#ef444433}.option-label{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(139,92,246,.5);border-radius:50%;margin-right:10px;font-size:14px;font-weight:700;color:var(--theme-color)}.option-text{flex:1;font-size:16px}.icon{margin-left:10px;font-size:20px}.correct-icon{color:#10b981}.incorrect-icon{color:#ef4444}.feedback-section{margin-top:20px;padding:15px;background:#8b5cf61a;border-radius:12px;border:1px solid rgba(139,92,246,.2)}.explanation h4,.security-tip h4{font-size:16px;color:var(--theme-color);margin-bottom:5px}.explanation p,.security-tip p{font-size:14px;color:#e0e0e0;margin:0}.quiz-card-footer{padding:20px;border-top:1px solid rgba(139,92,246,.2);display:flex;justify-content:center}.submit-btn,.next-btn,.restart-btn,.home-btn{padding:12px 24px;background:var(--theme-color);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin:10px;min-width:150px;box-shadow:0 4px 15px #8b5cf64d}.submit-btn:hover,.next-btn:hover,.restart-btn:hover,.home-btn:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.submit-btn:disabled{background:#4a4a4a;cursor:not-allowed;box-shadow:none}.next-btn:after{content:"→";margin-left:8px}.final-score{text-align:center;background:#0f0f14e6;border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:40px;box-shadow:0 0 30px #8b5cf633}.final-score h3{font-size:32px;color:var(--theme-color);margin-bottom:20px}.final-score p{font-size:24px;margin-bottom:30px}.final-buttons{display:flex;flex-direction:column;align-items:center;gap:15px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#0a0a0f,#12121a,#0a0a0f);color:#e0e0e0}.escape-room{--theme-color: #06b6d4;--theme-light: #22d3ee;--theme-dark: #0891b2;max-width:650px;margin:100px auto;padding:32px;background:#0f0f14e6;border:1px solid rgba(6,182,212,.3);border-radius:20px;box-shadow:0 0 40px #06b6d433;text-align:center;color:#e0e0e0}.escape-room h2{color:var(--theme-color);margin-bottom:25px;font-size:28px;font-weight:700}.escape-room p{font-size:17px;margin-bottom:25px;line-height:1.6;color:#a3a3a3}.puzzle p{font-size:18px;margin-bottom:25px;text-align:left;padding-left:15px;color:#e0e0e0}.options{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:25px;padding-left:15px}.option{background:#ffffff08;padding:14px 20px;width:100%;border-radius:12px;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;text-align:left}.option:hover{background:#06b6d41a;border-color:var(--theme-color)}.puzzle button{background:var(--theme-color);padding:14px 32px;border:none;cursor:pointer;font-size:16px;font-weight:600;border-radius:12px;margin-top:25px;transition:all .3s ease;color:#fff;box-shadow:0 4px 15px #06b6d44d}.puzzle button:disabled{background:#4a4a4a;cursor:not-allowed;box-shadow:none}.puzzle button:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 6px 20px #06b6d466}.feedback{font-size:18px;margin-top:25px;font-weight:600;text-align:center;animation:fadeIn .3s ease}.feedback.correct{color:#10b981}.feedback.incorrect{color:#ef4444}.result{background:#0f0f14e6;padding:32px;border-radius:20px;border:1px solid rgba(6,182,212,.3);box-shadow:0 0 40px #06b6d433;color:var(--theme-color);text-align:center}.result button{margin-top:20px;background:var(--theme-color);color:#fff;padding:14px 32px;border:none;font-size:16px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;display:block;width:100%;box-shadow:0 4px 15px #06b6d44d}.result button:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 6px 20px #06b6d466}.back-button{margin-top:10px;color:var(--theme-color);text-decoration:none;transition:all .2s ease}@media (max-width: 768px){.escape-room{max-width:90%;margin:120px auto;padding:24px}.escape-room h2{font-size:24px;margin-bottom:20px}.escape-room p,.puzzle p{font-size:15px;margin-bottom:20px}.options{gap:10px}.option{padding:12px 16px;font-size:14px}.puzzle button{font-size:15px;padding:12px 28px}.result{padding:24px}.result button{font-size:15px;padding:12px 24px}}@media (max-width: 480px){.escape-room{max-width:95%;margin:130px auto;padding:20px}.escape-room h2{font-size:20px;margin-bottom:15px}.escape-room p,.puzzle p{font-size:14px}.options{gap:8px}.option{padding:10px 14px;font-size:13px}.puzzle button{font-size:14px;padding:10px 24px}.result{padding:20px}.result button{font-size:14px;padding:10px 20px}}body{background:linear-gradient(135deg,#0a0a0f,#12121a,#0a0a0f);color:#f5f5f5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.password-challenge{--theme-color: #10b981;--theme-light: #34d399;--theme-dark: #059669;max-width:600px;margin:80px auto;padding:32px;background:#0f0f14e6;border:1px solid rgba(16,185,129,.3);border-radius:20px;box-shadow:0 0 40px #10b98126;text-align:center}.password-challenge h2{color:var(--theme-color);font-size:28px;font-weight:700;margin-bottom:16px}.password-challenge p{font-size:16px;margin-bottom:24px;color:#a3a3a3;line-height:1.6}.password-input{width:100%;padding:14px 18px;border-radius:12px;border:1px solid rgba(16,185,129,.3);background:#ffffff08;color:#f5f5f5;font-size:16px;margin-bottom:24px;transition:all .3s ease}.password-input:focus{outline:none;border-color:var(--theme-color);box-shadow:0 0 20px #10b98133}.validate-button{display:block;width:100%;margin:12px auto;padding:14px 24px;border:none;border-radius:12px;background:var(--theme-color);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d}.validate-button:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.restart-button{display:block;width:100%;margin:12px auto;padding:14px 24px;border:1px solid rgba(16,185,129,.3);border-radius:12px;background:transparent;color:var(--theme-color);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.restart-button:hover{background:#10b9811a;border-color:var(--theme-color)}.return-home{display:block;margin-top:16px;text-decoration:none;font-size:15px;color:var(--theme-color);font-weight:600;text-align:center;transition:all .2s ease}.return-home:hover{color:var(--theme-light)}.feedback{margin-top:24px;font-size:16px;padding:16px;background:#10b9811a;border-radius:12px;border:1px solid rgba(16,185,129,.2)}@media (max-width: 768px){.password-challenge{max-width:90%;margin:100px auto;padding:24px}.password-challenge h2{font-size:24px;margin-bottom:12px}.password-challenge p,.password-input{font-size:15px;margin-bottom:20px}.validate-button,.restart-button{font-size:15px;padding:12px 20px;margin:10px auto}.return-home{font-size:14px}}@media (max-width: 480px){.password-challenge{max-width:95%;margin:120px auto;padding:20px}.password-challenge h2{font-size:20px;margin-bottom:10px}.password-challenge p,.password-input{font-size:14px;margin-bottom:18px}.validate-button,.restart-button{font-size:14px;padding:10px 18px;margin:8px auto}.return-home{font-size:13px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#0a0a0f,#12121a,#0a0a0f);color:#f5f5f5}.attack-simulator{--theme-color: #f97316;--theme-light: #fb923c;--theme-dark: #ea580c;max-width:650px;margin:100px auto;padding:32px;background:#0f0f14e6;border:1px solid rgba(249,115,22,.3);border-radius:20px;box-shadow:0 0 40px #f9731626;text-align:center}.attack-simulator h2{color:var(--theme-color);margin-bottom:25px;font-size:28px;font-weight:700}.attack-simulator p{font-size:17px;margin-bottom:25px;line-height:1.6;color:#a3a3a3}.options{display:flex;flex-direction:column;align-items:stretch;gap:12px}.option{background:#ffffff08;padding:14px 20px;border-radius:12px;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;text-align:left;color:#f5f5f5}.option:hover{background:#f973161a;border-color:var(--theme-color)}.option.correct{background:#10b98133;color:#10b981;border-color:#10b981}.option.incorrect{background:#ef444433;color:#ef4444;border-color:#ef4444}.submit-btn{background:var(--theme-color);padding:14px 32px;border:none;border-radius:12px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;margin-top:24px;box-shadow:0 4px 15px #f973164d}.submit-btn:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}.feedback{font-size:17px;margin-top:25px;font-weight:600;animation:fadeIn .3s ease;padding:16px;background:#f973161a;border-radius:12px;border:1px solid rgba(249,115,22,.2)}.feedback.correct{color:#10b981;background:#10b9811a;border-color:#10b98133}.feedback.incorrect{color:#ef4444;background:#ef44441a;border-color:#ef444433}.button-container{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:24px}.back-button{color:var(--theme-color);text-decoration:none;font-weight:600;transition:all .2s ease}.back-button:hover{color:var(--theme-light)}@media (max-width: 768px){.attack-simulator{max-width:90%;margin:120px auto;padding:24px}.attack-simulator h2{font-size:24px;margin-bottom:20px}.attack-simulator p{font-size:15px}.options{gap:10px}.option{padding:12px 16px;font-size:14px}.submit-btn{font-size:15px;padding:12px 28px}}@media (max-width: 480px){.attack-simulator{max-width:95%;margin:130px auto;padding:20px}.attack-simulator h2{font-size:20px;margin-bottom:15px}.attack-simulator p{font-size:14px}.options{gap:8px}.option{padding:10px 14px;font-size:13px}.submit-btn{font-size:14px;padding:10px 24px}}.hack-the-hacker{--theme-color: #ef4444;--theme-light: #f87171;--theme-dark: #dc2626;display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#12121a,#0a0a0f);color:#fff}.hack-the-hacker .main-content{flex:1;padding:16px;overflow:visible!important}.hack-the-hacker .container{max-width:768px;margin:0 auto;padding:32px 16px;overflow:visible!important}.hack-the-hacker .header,.hack-the-hacker .hth-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:32px;width:100%;flex-wrap:wrap;gap:16px;overflow:visible!important;padding:1rem 1.5rem;background:#0000004d;border-radius:12px;border:1px solid rgba(239,68,68,.15)}.hack-the-hacker .challenge-counter{display:flex!important;visibility:visible!important;opacity:1!important}.exit-link{display:flex;align-items:center;font-size:14px;color:var(--theme-color);text-decoration:none;gap:8px;transition:all .2s ease;font-weight:500;white-space:nowrap}.exit-link:hover{color:var(--theme-light)}.hack-the-hacker .progress-text{font-size:16px!important;color:#fff!important;background:#ef444440!important;padding:10px 18px!important;border-radius:10px!important;border:2px solid rgba(239,68,68,.5)!important;display:flex!important;align-items:center!important;gap:8px!important;visibility:visible!important;opacity:1!important;box-shadow:0 0 15px #ef444433}.hack-the-hacker .progress-label{font-weight:700;color:#f87171!important}.progress-bar{height:10px;background-color:#ef444426;margin-bottom:32px;border-radius:5px;overflow:hidden;border:1px solid rgba(239,68,68,.3);box-shadow:inset 0 2px 4px #0000004d}.progress-fill{height:100%;background:linear-gradient(90deg,var(--theme-color),var(--theme-light));transition:width .3s ease;box-shadow:0 0 10px #ef444480;min-width:3%}.challenge-card{background:#0f0f14e6;border:1px solid rgba(239,68,68,.3);border-radius:16px;box-shadow:0 0 30px #ef44441a;color:#fff;overflow:hidden}.card-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(239,68,68,.2)}.card-title{font-size:24px;font-weight:700;margin:0;color:var(--theme-color)}.difficulty-badge{padding:4px 8px;border-radius:4px;text-transform:capitalize;font-size:12px}.difficulty-easy{color:#22c55e;border:1px solid rgba(34,197,94,.5)}.difficulty-medium{color:#eab308;border:1px solid rgba(234,179,8,.5)}.difficulty-hard{color:#ef4444;border:1px solid rgba(239,68,68,.5)}.difficulty-default{color:#6b7280;border:1px solid rgba(107,114,128,.5)}.card-description{padding:16px 16px 8px}.card-description p{font-size:14px;color:#9ca3af;margin:0}.card-content{padding:8px 16px 16px}.challenge-content{margin-top:16px}.terminal-container{border:1px solid rgba(239,68,68,.3);background-color:#0a0a0fe6;border-radius:12px;font-family:monospace;font-size:14px;overflow:hidden}.terminal-header{background:#ef444426;padding:10px 12px;font-size:13px;color:#d1d5db;font-weight:600;border-bottom:1px solid rgba(239,68,68,.3);letter-spacing:.5px}.terminal-body{height:256px;overflow-y:auto;padding:8px;max-width:100%;overflow-x:auto}.terminal-text{margin-bottom:8px;color:#9ca3af}.terminal-command{color:var(--theme-color);padding:2px 0}.terminal-response{color:#d1d5db;padding:2px 0;white-space:pre-wrap}.terminal-input-container{display:flex;align-items:center;margin-top:8px}.terminal-prompt{margin-right:8px;color:var(--theme-color)}.terminal-input{flex:1;border:none;background:transparent;color:#fff;padding:0;outline:none;font-family:monospace}.terminal-input:focus{outline:none}.terminal-footer{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ef444414;border-top:1px solid rgba(239,68,68,.25);flex-wrap:wrap;gap:10px}.terminal-hint{font-size:13px;color:#d1d5db}.code{background-color:#ef44441a;padding:2px 6px;border-radius:4px;color:var(--theme-color)}.submit-final-btn{background:var(--theme-color);border:none;color:#fff;padding:10px 16px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #ef44444d}.submit-final-btn:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.submit-final-btn:disabled{background-color:#4a4a4a;color:#6b7280;cursor:not-allowed;box-shadow:none}.challenge-box{border:1px solid #374151;background-color:#111827;border-radius:8px;padding:16px;margin-bottom:16px}.challenge-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.challenge-label{font-weight:500;color:#d1d5db;margin-bottom:8px}.challenge-text{font-family:monospace;white-space:pre-wrap;color:#9ca3af;margin-bottom:8px;overflow-x:auto;max-width:100%}.challenge-info{font-size:12px;color:#6b7280;margin-top:8px;padding-top:8px;border-top:1px solid #374151}.info-label{color:#9ca3af;font-weight:500}.separator{height:1px;background-color:#374151;margin:8px 0}.input-section{margin-top:16px}.input-label{font-size:14px;color:#d1d5db;margin-bottom:8px}.input-container{display:flex;gap:8px}.challenge-input{flex:1;background:#0a0a0fe6;border:1px solid rgba(239,68,68,.3);color:#fff;padding:10px 14px;border-radius:10px;outline:none;transition:all .3s ease}.challenge-input:focus{border-color:var(--theme-color);box-shadow:0 0 15px #ef444433}.submit-btn{background:var(--theme-color);border:none;color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #ef44444d}.submit-btn:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.submit-btn:disabled{background-color:#4a4a4a;color:#6b7280;cursor:not-allowed;box-shadow:none}.answer-section{margin-top:16px;padding:16px;background-color:#1f2937;border-radius:8px;border:1px solid #374151}.answer-label{font-size:14px;color:#d1d5db;margin-bottom:8px}.answer-input-container{display:flex;gap:8px}.answer-input{flex:1;background-color:#111827;border:1px solid #374151;color:#fff;padding:8px 12px;border-radius:4px;outline:none}.answer-input:focus{border-color:#3b82f6}.result-section{margin-top:16px;padding:16px;background-color:#1f2937;border-radius:8px;border:1px solid #374151}.result-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.result-icon{width:24px;height:24px}.result-icon.correct{color:#22c55e}.result-icon.incorrect{color:#ef4444}.result-text{font-size:18px;font-weight:500}.result-text.correct{color:#22c55e}.result-text.incorrect{color:#ef4444}.explanation-section{padding-top:16px;border-top:1px solid #374151}.explanation-label{font-size:14px;font-weight:500;color:#d1d5db;margin-bottom:8px}.explanation-text{font-size:14px;color:#9ca3af;margin:0;line-height:1.5}.hint-section{margin-top:16px;padding:12px 16px;background-color:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:8px}.hint-content{display:flex;align-items:flex-start;gap:8px}.hint-icon{color:#eab308;width:20px;height:20px;flex-shrink:0;margin-top:2px}.hint-text{font-size:14px;color:#d1d5db;line-height:1.5}.card-footer{padding:16px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #374151}.previous-btn{display:flex;align-items:center;gap:8px;background-color:transparent;border:1px solid #374151;color:#9ca3af;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s}.previous-btn:hover{border-color:#3b82f6;color:#3b82f6}.previous-btn:disabled{border-color:#1f2937;color:#4b5563;cursor:not-allowed}.action-buttons{display:flex;gap:8px}.hint-btn{background-color:transparent;border:1px solid #eab308;color:#eab308;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s}.hint-btn:hover{background-color:#eab3081a}.reset-btn{background-color:transparent;border:1px solid #ef4444;color:#ef4444;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s}.reset-btn:hover{background-color:#ef44441a}.answered-buttons{display:flex;gap:8px;margin-left:auto}.next-btn{background-color:#3b82f6;border:none;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.next-btn:hover{background-color:#2563eb}.finish-btn{background-color:transparent;border:1px solid #3b82f6;color:#3b82f6;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s}.finish-btn:hover{background-color:#3b82f61a}.challenge-error{padding:16px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;margin-top:16px}.quiz-summary{background-color:#1e293b;border:1px solid #374151;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.summary-title{padding:16px;border-bottom:1px solid #374151;margin:0;font-size:24px;font-weight:700;text-align:center}.summary-content{padding:16px}.summary-score{text-align:center;margin-bottom:24px}.score-text{font-size:18px;color:#d1d5db}.correct-score{color:#22c55e;font-weight:700}.total-challenges{font-weight:700}.challenge-list{border:1px solid #374151;border-radius:8px;overflow:hidden}.challenge-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #374151}.challenge-item:last-child{border-bottom:none}.challenge-index{width:24px;text-align:right;margin-right:12px;color:#9ca3af;font-weight:500}.challenge-name{flex:1;color:#d1d5db}.challenge-status{margin-left:12px}.status-icon{width:20px;height:20px}.status-icon.correct{color:#22c55e}.status-icon.incorrect{color:#ef4444}.summary-actions{padding:16px;display:flex;justify-content:center;gap:16px;border-top:1px solid #374151}.summary-btn{background-color:#3b82f6;border:none;color:#fff;padding:8px 24px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s;min-width:120px}.summary-btn:hover{background-color:#2563eb}.hint-btn,.reset-btn,.submit-btn,.submit-final-btn,.next-btn,.previous-btn,.finish-btn,.summary-btn{padding:10px 15px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:120px}.hint-btn{background-color:#f0ad4e;color:#fff}.hint-btn:hover{background-color:#ec971f}.reset-btn{background-color:#d9534f;color:#fff}.reset-btn:hover{background-color:#c9302c}.submit-btn,.submit-final-btn{background-color:#5bc0de;color:#fff}.submit-btn:hover,.submit-final-btn:hover{background-color:#31b0d5}.next-btn{background-color:#5cb85c;color:#fff}.next-btn:hover{background-color:#449d44}.previous-btn{background-color:#6c757d;color:#fff}.previous-btn:hover{background-color:#5a6268}.finish-btn{background-color:#0275d8;color:#fff}.finish-btn:hover{background-color:#025aa5}.card-footer{display:flex;padding:15px;margin-top:20px;border-top:1px solid rgba(255,255,255,.1)}.footer-actions{display:flex;justify-content:space-between;width:100%;align-items:center}.center-buttons{display:flex;gap:10px}.answered-buttons{display:flex;width:100%;justify-content:space-between;gap:15px}.terminal-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#0003;border-radius:0 0 4px 4px}.answer-section{margin-top:20px;padding:15px;background-color:#0000001a;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.answer-label{margin-bottom:10px;font-weight:500}.answer-input-container{display:flex;gap:10px}.answer-input{flex:1;padding:10px;border-radius:4px;border:1px solid rgba(255,255,255,.2);background-color:#0003;color:#fff}button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.container{width:100%;padding-left:16px;padding-right:16px}.card-header{flex-direction:column;align-items:flex-start;gap:8px}.card-footer{flex-wrap:wrap;gap:10px}.answered-buttons{margin-left:0;margin-top:10px;width:100%;justify-content:space-between}.center-buttons{justify-content:center;width:100%}.footer-actions{flex-direction:column;gap:15px}}@media (max-width: 576px){.hack-the-hacker .header{flex-direction:column;align-items:flex-start;gap:12px}.hack-the-hacker .progress-text{font-size:14px!important;width:100%;justify-content:center}.input-container,.answer-input-container{flex-direction:column;gap:10px}.submit-btn,.answer-input{width:100%}.action-buttons{flex-direction:column;width:100%;gap:8px}.hint-btn,.reset-btn,.next-btn,.previous-btn,.finish-btn{width:100%}.hint-btn,.reset-btn,.submit-btn,.submit-final-btn,.next-btn,.previous-btn,.finish-btn,.summary-btn{padding:12px 16px;min-height:48px}.card-footer{padding:12px}.answered-buttons{flex-direction:column;width:100%}.terminal-footer{flex-direction:column;align-items:flex-start;gap:10px}.terminal-hint{width:100%}}@media (min-width: 769px){.action-buttons{display:flex;gap:10px}.hint-btn,.reset-btn,.submit-btn,.submit-final-btn,.next-btn,.previous-btn,.finish-btn,.summary-btn{min-width:120px;max-width:fit-content}}.terminal-body,.challenge-text{max-width:100%;overflow-x:auto}.hack-the-hacker-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#0f172a;color:#fff;padding:16px;font-family:Inter,system-ui,sans-serif}.complete-container{width:100%;max-width:600px}.complete-card{background-color:#1e293b;background-image:linear-gradient(135deg,#3b82f60d,#101827cc);border:3px solid #374151;border-radius:12px;box-shadow:0 8px 20px #0006;position:relative;overflow:hidden}.complete-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#3b82f6,#60a5fa,#3b82f6);z-index:2}.certificate-border{position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:2px dashed rgba(59,130,246,.4);border-radius:8px;pointer-events:none}.certificate-stamp{position:absolute;bottom:20px;right:20px;width:100px;height:100px;border:2px solid rgba(59,130,246,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:.2;transform:rotate(-15deg);color:#3b82f6;font-weight:700;font-size:12px;text-align:center;pointer-events:none}.card-header{padding:32px 24px 16px;text-align:center;position:relative}.header-subtitle{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:#9ca3af;margin-bottom:8px}.icon-container{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 20px;border-radius:50%;background-color:#3b82f626;border:2px solid rgba(59,130,246,.3)}.terminal-icon{width:40px;height:40px;color:#3b82f6}.card-title{font-size:32px;font-weight:700;margin:0 0 8px;background:linear-gradient(to right,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent}.card-subtitle{color:#9ca3af;font-size:16px;margin:0}.card-content{padding:16px 32px 24px;display:flex;flex-direction:column;gap:24px;position:relative;z-index:1}.achievement-box{border-radius:8px;background-color:#1f293780;padding:20px;text-align:center;border:1px solid rgba(59,130,246,.2)}.achievement-label{font-size:14px;color:#9ca3af;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.achievement-title{font-size:28px;font-weight:700;color:#3b82f6;margin:0;text-shadow:0 0 10px rgba(59,130,246,.3)}.skills-box{border-radius:8px;border:1px solid rgba(59,130,246,.3);background-color:#3b82f612;padding:20px;position:relative}.skills-title{font-weight:600;color:#3b82f6;font-size:18px;margin-bottom:12px}.skills-list{margin:16px 0 0;font-size:15px;color:#d1d5db;text-align:left;list-style:none;padding-left:24px;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.skills-list li{position:relative;padding-left:4px}.skills-list li:before{content:"✓";position:absolute;left:-20px;color:#3b82f6}.points-text{margin-top:16px;font-size:14px;color:#60a5fa;text-align:center;font-weight:500}.card-footer{padding:16px 32px 32px;display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.signature-line{width:180px;height:1px;background-color:#d1d5db80;margin:8px auto 0}.signature-text{text-align:center;color:#9ca3af;font-size:12px;margin-top:4px}.date-issued{text-align:center;font-size:14px;color:#d1d5db;margin-bottom:20px}.action-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;width:100%;margin-top:16px}.go-back-btn,.play-again-btn,.home-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:6px;text-decoration:none;text-align:center;font-weight:500;transition:all .2s ease;cursor:pointer}.go-back-btn{border:1px solid #4b5563;background:transparent;color:#d1d5db}.go-back-btn:hover{background-color:#4b556333}.play-again-btn{border:1px solid #3b82f6;background:#3b82f61a;color:#60a5fa}.play-again-btn:hover{background-color:#3b82f633}.home-btn{background-color:#3b82f6;color:#fff;border:none}.home-btn:hover{background-color:#2563eb;box-shadow:0 0 12px #3b82f680}.btn-icon{width:16px;height:16px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#0f172a;color:#fff;padding:16px}.loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-icon{width:48px;height:48px;color:#3b82f6;animation:pulse 1.5s infinite}.loading-text{font-size:24px;font-weight:700}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shine{0%{background-position:-100% 0}to{background-position:200% 0}}@media screen and (max-width: 600px){.complete-container{padding:0 8px}.card-header{padding:24px 16px 12px}.card-title{font-size:28px}.card-content,.card-footer{padding:16px 20px}.skills-list{grid-template-columns:1fr;padding-left:20px}.achievement-title{font-size:24px}@media screen and (max-width: 420px){.action-buttons{grid-template-columns:1fr}.certificate-stamp{width:80px;height:80px;font-size:10px;bottom:10px;right:10px}}@media screen and (min-width: 421px) and (max-width: 520px){.action-buttons{grid-template-columns:1fr 1fr}.home-btn{grid-column:span 2}}}.phishing-detection{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0f0f1a);color:#e0e0e0;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.phishing-detection .container{max-width:900px;margin:0 auto}.phishing-detection .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 1.5rem;background:#0000004d;border-radius:12px;border:1px solid rgba(255,255,255,.08);flex-wrap:wrap;gap:1rem}.phishing-detection .back-link{color:#64b5f6;text-decoration:none;display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;transition:all .2s;white-space:nowrap}.phishing-detection .back-link:hover{color:#90caf9;transform:translate(-3px)}.phishing-detection .arrow{font-size:1.2rem}.phishing-detection .progress-info{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#4caf5033,#4caf501a);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;border:1px solid rgba(76,175,80,.3);white-space:nowrap}.phishing-detection .shield-icon{width:18px;height:18px;color:#4caf50}.phishing-detection .title-section{text-align:center;margin-bottom:2rem}.phishing-detection .title-section h1{font-size:2.2rem;background:linear-gradient(90deg,#ff6b6b,#feca57,#48dbfb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.phishing-detection .title-section p{color:#888;font-size:1.1rem}.phishing-detection .progress-bar{height:6px;background:#ffffff1a;border-radius:3px;margin-bottom:2rem;overflow:hidden}.phishing-detection .progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#81c784);border-radius:3px;transition:width .3s ease}.phishing-detection .scenario-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden}.phishing-detection .email-preview{background:#1e1e2e;border-radius:12px;overflow:hidden}.phishing-detection .email-header{display:flex;gap:1rem;padding:1.5rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.phishing-detection .mail-icon{width:40px;height:40px;color:#64b5f6;flex-shrink:0}.phishing-detection .email-meta{flex:1}.phishing-detection .email-subject{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:.5rem}.phishing-detection .email-sender{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.9rem}.phishing-detection .sender-name{color:#90caf9}.phishing-detection .sender-email{color:#888;word-break:break-all}.phishing-detection .email-body{padding:1.5rem;background:#252535}.phishing-detection .email-body pre{white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:.95rem;line-height:1.6;color:#d0d0d0;margin:0}.phishing-detection .url-preview{padding:1.5rem}.phishing-detection .url-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:#feca57;font-weight:600}.phishing-detection .link-icon{width:24px;height:24px}.phishing-detection .url-display{background:#0d0d15;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1rem;border:1px solid rgba(255,255,255,.1);overflow-x:auto}.phishing-detection .url-display code{color:#48dbfb;font-size:1rem;word-break:break-all}.phishing-detection .url-context{color:#aaa;font-size:.95rem;line-height:1.5}.phishing-detection .url-context strong{color:#fff}.phishing-detection .answer-buttons{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.phishing-detection .answer-buttons button{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.phishing-detection .btn-legitimate{background:linear-gradient(135deg,#2e7d32,#4caf50);color:#fff}.phishing-detection .btn-legitimate:hover{background:linear-gradient(135deg,#388e3c,#66bb6a);transform:translateY(-2px)}.phishing-detection .btn-phishing{background:linear-gradient(135deg,#c62828,#e53935);color:#fff}.phishing-detection .btn-phishing:hover{background:linear-gradient(135deg,#d32f2f,#ef5350);transform:translateY(-2px)}.phishing-detection .result-section{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.phishing-detection .result-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border-radius:10px;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.phishing-detection .result-banner.correct{background:#4caf5033;color:#81c784;border:1px solid rgba(76,175,80,.3)}.phishing-detection .result-banner.incorrect{background:#f4433633;color:#ef5350;border:1px solid rgba(244,67,54,.3)}.phishing-detection .result-icon{width:28px;height:28px}.phishing-detection .result-details{margin-bottom:1.5rem}.phishing-detection .verdict{font-size:1.1rem;text-align:center;margin-bottom:1rem}.phishing-detection .verdict .phishing{color:#ef5350}.phishing-detection .verdict .legit{color:#81c784}.phishing-detection .red-flags{background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:10px;padding:1rem 1.5rem}.phishing-detection .red-flags h4{color:#ffb74d;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600}.phishing-detection .red-flags ul{list-style:none;padding:0;margin:0}.phishing-detection .red-flags li{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem .5rem;color:#ddd;font-size:.95rem;line-height:1.5;background:#ff98000d;border-radius:8px;margin-bottom:.5rem}.phishing-detection .red-flags li svg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;color:#ff9800!important;flex-shrink:0;margin-top:.15rem}.phishing-detection .flag-icon{width:20px!important;height:20px!important;min-width:20px!important;color:#ff9800!important;flex-shrink:0}.phishing-detection .legit-explanation{background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:10px;padding:1rem 1.5rem}.phishing-detection .legit-explanation h4{color:#81c784;margin-bottom:.5rem}.phishing-detection .legit-explanation p{color:#bbb;font-size:.95rem;line-height:1.5}.phishing-detection .btn-next{width:100%;padding:1rem;background:linear-gradient(135deg,#1976d2,#42a5f5);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.phishing-detection .btn-next:hover{background:linear-gradient(135deg,#1e88e5,#64b5f6);transform:translateY(-2px)}.phishing-detection .completion-screen{padding:2rem 0}.phishing-detection .score-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;text-align:center}.phishing-detection .score-card h2{font-size:1.8rem;margin-bottom:1.5rem;background:linear-gradient(90deg,#4caf50,#81c784);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.phishing-detection .final-score{margin-bottom:2rem}.phishing-detection .score-circle{display:inline-flex;align-items:baseline;gap:.25rem;background:linear-gradient(135deg,#4caf5033,#4caf501a);padding:1.5rem 2.5rem;border-radius:50px;border:2px solid rgba(76,175,80,.3);margin-bottom:1rem}.phishing-detection .score-number{font-size:3rem;font-weight:700;color:#81c784}.phishing-detection .score-total{font-size:1.5rem;color:#888}.phishing-detection .score-label{color:#aaa;font-size:1.1rem}.phishing-detection .summary-list{text-align:left;margin:2rem 0;background:#0003;border-radius:12px;padding:1.5rem}.phishing-detection .summary-list h3{margin-bottom:1rem;color:#fff;font-size:1.1rem}.phishing-detection .summary-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:8px;margin-bottom:.5rem}.phishing-detection .summary-item.correct{background:#4caf501a}.phishing-detection .summary-item.incorrect{background:#f443361a}.phishing-detection .summary-number{color:#888;font-weight:600;min-width:24px}.phishing-detection .summary-type{flex:1;color:#ddd;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phishing-detection .summary-icon{width:20px;height:20px}.phishing-detection .summary-icon.correct{color:#81c784}.phishing-detection .summary-icon.incorrect{color:#ef5350}.phishing-detection .completion-buttons{display:flex;gap:1rem;justify-content:center}.phishing-detection .btn-restart,.phishing-detection .btn-home{padding:.875rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none}.phishing-detection .btn-restart{background:linear-gradient(135deg,#7c4dff,#b388ff);color:#fff;border:none}.phishing-detection .btn-restart:hover{background:linear-gradient(135deg,#9575cd,#ce93d8);transform:translateY(-2px)}.phishing-detection .btn-home{background:transparent;color:#64b5f6;border:2px solid #64b5f6}.phishing-detection .btn-home:hover{background:#64b5f61a;transform:translateY(-2px)}.phishing-detection .loading{text-align:center;padding:4rem;color:#888;font-size:1.2rem}@media (max-width: 768px){.phishing-detection{padding:1rem}.phishing-detection .title-section h1{font-size:1.6rem}.phishing-detection .answer-buttons{flex-direction:column}.phishing-detection .email-header{flex-direction:column;text-align:center}.phishing-detection .email-sender{justify-content:center}.phishing-detection .completion-buttons{flex-direction:column}.phishing-detection .btn-restart,.phishing-detection .btn-home{width:100%;text-align:center}}.crypto-challenge{min-height:100vh;background:linear-gradient(135deg,#0a0f0a,#0d1a0d,#0a0f0a);color:#e0e0e0;padding:1.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow-x:hidden}.crypto-challenge:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(0,255,100,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(0,200,100,.03) 0%,transparent 50%);pointer-events:none}.crypto-challenge .container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.crypto-challenge .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.5rem;background:#0000004d;border-radius:12px;border:1px solid rgba(74,222,128,.15);flex-wrap:wrap;gap:1rem}.crypto-challenge .back-link{color:#4ade80;text-decoration:none;display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;transition:all .2s;white-space:nowrap}.crypto-challenge .back-link:hover{color:#86efac;transform:translate(-3px)}.crypto-challenge .progress-info{display:flex;align-items:center;gap:.5rem;background:#4ade801a;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(74,222,128,.2)}.crypto-challenge .lock-icon{width:16px;height:16px;color:#4ade80}.crypto-challenge .title-section{text-align:center;margin-bottom:1.5rem}.crypto-challenge .title-section h1{font-size:2rem;background:linear-gradient(90deg,#4ade80,#22d3ee,#4ade80);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite;margin-bottom:.5rem}.crypto-challenge .title-section p{color:#888;font-size:1rem}.crypto-challenge .progress-bar{height:4px;background:#4ade801a;border-radius:2px;margin-bottom:1.5rem;overflow:hidden}.crypto-challenge .progress-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22d3ee);border-radius:2px;transition:width .3s ease}.crypto-challenge .challenge-layout{display:grid;grid-template-columns:1fr 320px;gap:1.5rem}@media (max-width: 1024px){.crypto-challenge .challenge-layout{grid-template-columns:1fr}}.crypto-challenge .challenge-card{background:#0006;border:1px solid rgba(74,222,128,.2);border-radius:16px;padding:1.5rem}.crypto-challenge .challenge-header{margin-bottom:1.5rem}.crypto-challenge .challenge-title-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.crypto-challenge .challenge-title-row h2{font-size:1.4rem;color:#fff;margin:0}.crypto-challenge .difficulty-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.crypto-challenge .difficulty-beginner{background:#4ade8033;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.crypto-challenge .difficulty-intermediate{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.crypto-challenge .difficulty-advanced{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.crypto-challenge .challenge-desc{color:#aaa;font-size:.95rem;line-height:1.5}.crypto-challenge .tutorial-section{background:#4ade800d;border:1px solid rgba(74,222,128,.15);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.crypto-challenge .tutorial-header{display:flex;align-items:center;gap:.5rem;color:#4ade80;font-weight:600;margin-bottom:.75rem}.crypto-challenge .tutorial-icon{width:18px;height:18px}.crypto-challenge .tutorial-content{font-family:Consolas,Monaco,monospace;font-size:.85rem;line-height:1.6;color:silver;white-space:pre-wrap;margin:0;background:#0000004d;padding:1rem;border-radius:8px;margin-bottom:.75rem}.crypto-challenge .btn-hide-tutorial,.crypto-challenge .btn-show-tutorial{background:transparent;border:1px solid rgba(74,222,128,.3);color:#4ade80;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.crypto-challenge .btn-hide-tutorial:hover,.crypto-challenge .btn-show-tutorial:hover{background:#4ade801a}.crypto-challenge .btn-show-tutorial{margin-bottom:1.5rem}.crypto-challenge .encrypted-section{background:#0d1117;border:1px solid rgba(74,222,128,.3);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.crypto-challenge .encrypted-label{display:flex;align-items:center;gap:.5rem;color:#4ade80;font-size:.85rem;margin-bottom:.75rem}.crypto-challenge .encrypted-text{background:#00000080;padding:1rem;border-radius:8px;overflow-x:auto}.crypto-challenge .encrypted-text code{font-family:Consolas,Monaco,monospace;font-size:1.1rem;color:#22d3ee;letter-spacing:2px}.crypto-challenge .hint-section{background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:10px;padding:1rem;margin-bottom:1.5rem;display:flex;gap:.75rem}.crypto-challenge .hint-icon{width:20px;height:20px;color:#fbbf24;flex-shrink:0}.crypto-challenge .hint-section p{color:#d4a855;font-size:.9rem;margin:0;line-height:1.5}.crypto-challenge .answer-section{margin-bottom:1.5rem}.crypto-challenge .answer-label{display:flex;align-items:center;gap:.5rem;color:#86efac;font-size:.9rem;margin-bottom:.5rem}.crypto-challenge .answer-input{width:100%;background:#0006;border:2px solid rgba(74,222,128,.3);border-radius:10px;padding:1rem;font-size:1rem;color:#fff;font-family:Consolas,Monaco,monospace;transition:all .2s}.crypto-challenge .answer-input:focus{outline:none;border-color:#4ade80;box-shadow:0 0 0 3px #4ade801a}.crypto-challenge .answer-input::placeholder{color:#555}.crypto-challenge .answer-input:disabled{opacity:.7;cursor:not-allowed}.crypto-challenge .result-section{padding:1rem;border-radius:10px;margin-bottom:1.5rem}.crypto-challenge .result-section.correct{background:#4ade801a;border:1px solid rgba(74,222,128,.3)}.crypto-challenge .result-section.incorrect{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.crypto-challenge .result-header{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.crypto-challenge .result-section.correct .result-header{color:#4ade80}.crypto-challenge .result-section.incorrect .result-header{color:#ef4444}.crypto-challenge .result-icon{width:22px;height:22px}.crypto-challenge .correct-answer{color:#aaa;font-size:.9rem}.crypto-challenge .correct-answer strong{color:#22d3ee;font-family:Consolas,Monaco,monospace}.crypto-challenge .action-buttons{display:flex;gap:1rem;margin-bottom:1rem}.crypto-challenge .btn-hint,.crypto-challenge .btn-submit,.crypto-challenge .btn-next{flex:1;padding:.875rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.crypto-challenge .btn-hint{background:transparent;border:2px solid rgba(251,191,36,.4);color:#fbbf24}.crypto-challenge .btn-hint:hover{background:#fbbf241a}.crypto-challenge .btn-submit{background:linear-gradient(135deg,#059669,#10b981);border:none;color:#fff}.crypto-challenge .btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#34d399);transform:translateY(-2px)}.crypto-challenge .btn-submit:disabled{opacity:.5;cursor:not-allowed}.crypto-challenge .btn-next{background:linear-gradient(135deg,#0891b2,#22d3ee);border:none;color:#fff}.crypto-challenge .btn-next:hover{background:linear-gradient(135deg,#22d3ee,#67e8f9);transform:translateY(-2px)}.crypto-challenge .navigation-buttons{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.crypto-challenge .btn-prev,.crypto-challenge .btn-skip{background:transparent;border:1px solid rgba(255,255,255,.2);color:#888;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.crypto-challenge .btn-prev:hover:not(:disabled),.crypto-challenge .btn-skip:hover:not(:disabled){border-color:#fff6;color:#ccc}.crypto-challenge .btn-prev:disabled,.crypto-challenge .btn-skip:disabled{opacity:.4;cursor:not-allowed}.crypto-challenge .nav-counter{color:#666;font-size:.85rem}.crypto-challenge .tools-sidebar{position:sticky;top:1.5rem}.crypto-challenge .tools-card{background:#0006;border:1px solid rgba(74,222,128,.2);border-radius:16px;padding:1.25rem}.crypto-challenge .tools-card h3{display:flex;align-items:center;gap:.5rem;color:#4ade80;font-size:1rem;margin-bottom:1rem}.crypto-challenge .tool-select{margin-bottom:1rem}.crypto-challenge .tool-select label{display:block;color:#888;font-size:.8rem;margin-bottom:.5rem}.crypto-challenge .tool-select select{width:100%;background:#0d1117;border:1px solid rgba(74,222,128,.3);border-radius:8px;padding:.625rem;color:#fff;font-size:.9rem;cursor:pointer}.crypto-challenge .tool-select select:focus{outline:none;border-color:#4ade80}.crypto-challenge .shift-control{margin-bottom:1rem}.crypto-challenge .shift-control label{display:block;color:#888;font-size:.8rem;margin-bottom:.5rem}.crypto-challenge .shift-control input[type=range]{width:100%;accent-color:#4ade80}.crypto-challenge .tool-input{margin-bottom:1rem}.crypto-challenge .tool-input label{display:block;color:#888;font-size:.8rem;margin-bottom:.5rem}.crypto-challenge .tool-input textarea{width:100%;background:#0d1117;border:1px solid rgba(74,222,128,.3);border-radius:8px;padding:.75rem;color:#fff;font-family:Consolas,Monaco,monospace;font-size:.85rem;resize:vertical}.crypto-challenge .tool-input textarea:focus{outline:none;border-color:#4ade80}.crypto-challenge .btn-convert{width:100%;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;color:#0a0f0a;padding:.75rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;margin-bottom:1rem;transition:all .2s}.crypto-challenge .btn-convert:hover{background:linear-gradient(135deg,#86efac,#4ade80);transform:translateY(-2px)}.crypto-challenge .tool-output{margin-bottom:1rem}.crypto-challenge .tool-output label{display:block;color:#888;font-size:.8rem;margin-bottom:.5rem}.crypto-challenge .output-box{background:#0d1117;border:1px solid rgba(34,211,238,.3);border-radius:8px;padding:.75rem;min-height:60px;font-family:Consolas,Monaco,monospace;font-size:.85rem;color:#22d3ee;word-break:break-all}.crypto-challenge .quick-reference{background:#4ade800d;border-radius:8px;padding:.75rem}.crypto-challenge .quick-reference h4{color:#4ade80;font-size:.8rem;margin-bottom:.5rem}.crypto-challenge .ref-items{display:flex;flex-direction:column;gap:.375rem}.crypto-challenge .ref-item{display:flex;justify-content:space-between;font-size:.75rem}.crypto-challenge .ref-label{color:#888}.crypto-challenge .ref-value{color:#22d3ee;font-family:Consolas,Monaco,monospace}.crypto-challenge .completion-screen{text-align:center;padding:3rem 1rem}.crypto-challenge .completion-icon{margin-bottom:1.5rem}.crypto-challenge .key-icon{width:80px;height:80px;color:#4ade80;animation:float 3s ease-in-out infinite}.crypto-challenge .completion-screen h1{font-size:2.5rem;background:linear-gradient(90deg,#4ade80,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.crypto-challenge .completion-subtitle{color:#888;font-size:1.1rem;margin-bottom:2rem}.crypto-challenge .final-score{background:#4ade801a;border:1px solid rgba(74,222,128,.2);border-radius:16px;padding:2rem;display:inline-block;margin-bottom:2rem}.crypto-challenge .score-display{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.crypto-challenge .score-num{font-size:4rem;font-weight:700;color:#4ade80}.crypto-challenge .score-divider{font-size:2rem;color:#555}.crypto-challenge .score-total{font-size:2rem;color:#888}.crypto-challenge .score-label{color:#888;margin-top:.5rem}.crypto-challenge .skills-learned{margin-bottom:2rem}.crypto-challenge .skills-learned h3{color:#fff;margin-bottom:1rem}.crypto-challenge .skill-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.crypto-challenge .skill-tag{background:#22d3ee1a;border:1px solid rgba(34,211,238,.2);color:#22d3ee;padding:.5rem 1rem;border-radius:20px;font-size:.85rem}.crypto-challenge .completion-buttons{display:flex;gap:1rem;justify-content:center}.crypto-challenge .btn-restart{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;color:#0a0f0a;padding:.875rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.crypto-challenge .btn-restart:hover{transform:translateY(-2px)}.crypto-challenge .btn-home{background:transparent;border:2px solid #4ade80;color:#4ade80;padding:.875rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.crypto-challenge .btn-home:hover{background:#4ade801a;transform:translateY(-2px)}@media (max-width: 768px){.crypto-challenge{padding:1rem}.crypto-challenge .title-section h1{font-size:1.5rem}.crypto-challenge .challenge-title-row{flex-direction:column;align-items:flex-start}.crypto-challenge .action-buttons,.crypto-challenge .completion-buttons{flex-direction:column}.crypto-challenge .btn-restart,.crypto-challenge .btn-home{width:100%;justify-content:center}.crypto-challenge .tools-sidebar{position:static}}.network-challenge{min-height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a1a3a,#0a0a1a);color:#e0e0e0;padding:1.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative}.network-challenge:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 20%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(139,92,246,.05) 0%,transparent 50%);pointer-events:none}.network-challenge .container{max-width:900px;margin:0 auto;position:relative;z-index:1}.network-challenge .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.5rem;background:#0000004d;border-radius:12px;border:1px solid rgba(59,130,246,.15);flex-wrap:wrap;gap:1rem}.network-challenge .back-link{color:#60a5fa;text-decoration:none;display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;transition:all .2s;white-space:nowrap}.network-challenge .back-link:hover{color:#93c5fd;transform:translate(-3px)}.network-challenge .progress-info{display:flex;align-items:center;gap:.5rem;background:#3b82f61a;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(59,130,246,.2)}.network-challenge .wifi-icon{width:16px;height:16px;color:#60a5fa}.network-challenge .title-section{text-align:center;margin-bottom:1.5rem}.network-challenge .title-section h1{font-size:2rem;background:linear-gradient(90deg,#60a5fa,#a78bfa,#60a5fa);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite;margin-bottom:.5rem}.network-challenge .title-section p{color:#888;font-size:1rem}.network-challenge .progress-bar{height:4px;background:#3b82f61a;border-radius:2px;margin-bottom:1.5rem;overflow:hidden}.network-challenge .progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;transition:width .3s ease}.network-challenge .challenge-card{background:#0006;border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.network-challenge .challenge-header{margin-bottom:1.5rem}.network-challenge .challenge-meta{display:flex;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.network-challenge .type-badge{display:flex;align-items:center;gap:.5rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);padding:.375rem .75rem;border-radius:20px;font-size:.8rem;color:#a78bfa;text-transform:capitalize}.network-challenge .type-icon{width:14px;height:14px}.network-challenge .difficulty-badge{padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.network-challenge .difficulty-beginner{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.network-challenge .difficulty-intermediate{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.network-challenge .difficulty-advanced{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.network-challenge .challenge-header h2{font-size:1.4rem;color:#fff;margin:0 0 .5rem}.network-challenge .challenge-desc{color:#999;font-size:.95rem;line-height:1.5}.network-challenge .scenario-section{background:#0d1117;border:1px solid rgba(59,130,246,.2);border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.network-challenge .scenario-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#3b82f61a;border-bottom:1px solid rgba(59,130,246,.2);color:#60a5fa;font-weight:600;font-size:.9rem}.network-challenge .scenario-icon{width:16px;height:16px}.network-challenge .scenario-content{padding:1rem;font-family:Consolas,Monaco,Courier New,monospace;font-size:.85rem;line-height:1.6;color:#c9d1d9;white-space:pre-wrap;margin:0;overflow-x:auto}.network-challenge .question-section{margin-bottom:1.5rem}.network-challenge .question-section h3{color:#fff;font-size:1.1rem;margin-bottom:1rem}.network-challenge .options-grid{display:flex;flex-direction:column;gap:.75rem}.network-challenge .option-btn{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ddd;font-size:.95rem;text-align:left;cursor:pointer;transition:all .2s}.network-challenge .option-btn:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f64d}.network-challenge .option-btn.selected{background:#3b82f626;border-color:#3b82f6}.network-challenge .option-btn.correct{background:#22c55e26;border-color:#22c55e}.network-challenge .option-btn.incorrect{background:#ef444426;border-color:#ef4444}.network-challenge .option-btn:disabled{cursor:default}.network-challenge .option-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#3b82f633;border-radius:6px;color:#60a5fa;font-weight:600;font-size:.85rem;flex-shrink:0}.network-challenge .option-text{flex:1}.network-challenge .option-icon{width:20px;height:20px;flex-shrink:0}.network-challenge .option-icon.correct{color:#22c55e}.network-challenge .option-icon.incorrect{color:#ef4444}.network-challenge .hint-section{background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:10px;padding:1rem;margin-bottom:1.5rem;display:flex;gap:.75rem}.network-challenge .hint-icon{width:20px;height:20px;color:#fbbf24;flex-shrink:0}.network-challenge .hint-section p{color:#d4a855;font-size:.9rem;margin:0;line-height:1.5}.network-challenge .result-section{padding:1.25rem;border-radius:12px;margin-bottom:1.5rem}.network-challenge .result-section.correct{background:#22c55e1a;border:1px solid rgba(34,197,94,.25)}.network-challenge .result-section.incorrect{background:#ef44441a;border:1px solid rgba(239,68,68,.25)}.network-challenge .result-header{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.network-challenge .result-section.correct .result-header{color:#4ade80}.network-challenge .result-section.incorrect .result-header{color:#f87171}.network-challenge .result-icon{width:24px;height:24px}.network-challenge .explanation-box{background:#0000004d;border-radius:8px;padding:1rem;margin-bottom:1rem}.network-challenge .explanation-box h4{color:#60a5fa;margin:0 0 .5rem;font-size:.9rem}.network-challenge .explanation-box p{color:#bbb;font-size:.9rem;line-height:1.5;margin:0}.network-challenge .learn-box{display:flex;gap:.75rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:8px;padding:1rem}.network-challenge .learn-icon{width:20px;height:20px;color:#a78bfa;flex-shrink:0;margin-top:2px}.network-challenge .learn-box h4{color:#a78bfa;margin:0 0 .25rem;font-size:.85rem}.network-challenge .learn-box p{color:#bbb;font-size:.85rem;line-height:1.5;margin:0}.network-challenge .action-buttons{display:flex;gap:1rem;margin-bottom:1rem}.network-challenge .btn-hint,.network-challenge .btn-next{flex:1;padding:.875rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.network-challenge .btn-hint{background:transparent;border:2px solid rgba(251,191,36,.4);color:#fbbf24}.network-challenge .btn-hint:hover{background:#fbbf241a}.network-challenge .btn-next{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;color:#fff}.network-challenge .btn-next:hover{background:linear-gradient(135deg,#60a5fa,#a78bfa);transform:translateY(-2px)}.network-challenge .navigation-buttons{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.network-challenge .btn-prev,.network-challenge .btn-skip{background:transparent;border:1px solid rgba(255,255,255,.2);color:#888;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.network-challenge .btn-prev:hover:not(:disabled),.network-challenge .btn-skip:hover{border-color:#fff6;color:#ccc}.network-challenge .btn-prev:disabled{opacity:.4;cursor:not-allowed}.network-challenge .nav-counter{color:#666;font-size:.85rem}.network-challenge .protocol-reference{background:#0000004d;border:1px solid rgba(59,130,246,.15);border-radius:12px;padding:1rem}.network-challenge .protocol-reference h3{color:#60a5fa;font-size:.9rem;margin-bottom:.75rem}.network-challenge .ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.network-challenge .ref-item{display:flex;flex-direction:column;align-items:center;background:#3b82f60d;padding:.5rem;border-radius:6px;border:1px solid rgba(59,130,246,.1)}.network-challenge .ref-port{color:#60a5fa;font-family:Consolas,monospace;font-weight:600;font-size:.9rem}.network-challenge .ref-name{color:#888;font-size:.75rem}.network-challenge .completion-screen{text-align:center;padding:3rem 1rem}.network-challenge .completion-icon{margin-bottom:1.5rem}.network-challenge .network-icon{width:80px;height:80px;color:#60a5fa;animation:pulse 2s ease-in-out infinite}.network-challenge .completion-screen h1{font-size:2.5rem;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.network-challenge .completion-subtitle{color:#888;font-size:1.1rem;margin-bottom:2rem}.network-challenge .final-score{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:2rem;display:inline-block;margin-bottom:2rem}.network-challenge .score-display{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.network-challenge .score-num{font-size:4rem;font-weight:700;color:#60a5fa}.network-challenge .score-divider{font-size:2rem;color:#555}.network-challenge .score-total{font-size:2rem;color:#888}.network-challenge .score-label{color:#888;margin-top:.5rem}.network-challenge .skills-learned{margin-bottom:2rem}.network-challenge .skills-learned h3{color:#fff;margin-bottom:1rem}.network-challenge .skill-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.network-challenge .skill-tag{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);color:#a78bfa;padding:.5rem 1rem;border-radius:20px;font-size:.85rem}.network-challenge .completion-buttons{display:flex;gap:1rem;justify-content:center}.network-challenge .btn-restart{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;color:#fff;padding:.875rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.network-challenge .btn-restart:hover{transform:translateY(-2px)}.network-challenge .btn-home{background:transparent;border:2px solid #60a5fa;color:#60a5fa;padding:.875rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.network-challenge .btn-home:hover{background:#3b82f61a;transform:translateY(-2px)}@media (max-width: 768px){.network-challenge{padding:1rem}.network-challenge .title-section h1{font-size:1.5rem}.network-challenge .scenario-content{font-size:.75rem}.network-challenge .option-btn{padding:.75rem}.network-challenge .ref-grid{grid-template-columns:repeat(4,1fr)}.network-challenge .completion-buttons{flex-direction:column}.network-challenge .btn-restart,.network-challenge .btn-home{width:100%;justify-content:center}}.malware-challenge{min-height:100vh;background:linear-gradient(135deg,#1a0a0a,#2d1515,#1a0a0a);color:#e0e0e0;padding:1.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative}.malware-challenge:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 20%,rgba(220,38,38,.05) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(251,146,60,.03) 0%,transparent 50%);pointer-events:none}.malware-challenge .container{max-width:900px;margin:0 auto;position:relative;z-index:1}.malware-challenge .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.5rem;background:#0000004d;border-radius:12px;border:1px solid rgba(220,38,38,.15);flex-wrap:wrap;gap:1rem}.malware-challenge .back-link{color:#f87171;text-decoration:none;display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;transition:all .2s;white-space:nowrap}.malware-challenge .back-link:hover{color:#fca5a5;transform:translate(-3px)}.malware-challenge .progress-info{display:flex;align-items:center;gap:.5rem;background:#dc26261a;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(220,38,38,.2)}.malware-challenge .bug-header-icon{width:16px;height:16px;color:#f87171}.malware-challenge .title-section{text-align:center;margin-bottom:1.5rem}.malware-challenge .title-section h1{font-size:2rem;background:linear-gradient(90deg,#f87171,#fb923c,#f87171);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite;margin-bottom:.5rem}.malware-challenge .title-section p{color:#888;font-size:1rem}.malware-challenge .progress-bar{height:4px;background:#dc26261a;border-radius:2px;margin-bottom:1.5rem;overflow:hidden}.malware-challenge .progress-fill{height:100%;background:linear-gradient(90deg,#dc2626,#f97316);border-radius:2px;transition:width .3s ease}.malware-challenge .challenge-card{background:#0006;border:1px solid rgba(220,38,38,.2);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.malware-challenge .challenge-header{margin-bottom:1.5rem}.malware-challenge .challenge-meta{display:flex;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.malware-challenge .type-badge{display:flex;align-items:center;gap:.5rem;background:#fb923c26;border:1px solid rgba(251,146,60,.3);padding:.375rem .75rem;border-radius:20px;font-size:.8rem;color:#fb923c;text-transform:capitalize}.malware-challenge .type-icon{width:14px;height:14px}.malware-challenge .difficulty-badge{padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.malware-challenge .difficulty-beginner{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.malware-challenge .difficulty-intermediate{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.malware-challenge .difficulty-advanced{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.malware-challenge .challenge-header h2{font-size:1.4rem;color:#fff;margin:0 0 .5rem}.malware-challenge .challenge-desc{color:#999;font-size:.95rem;line-height:1.5}.malware-challenge .scenario-section{background:#0d0d0d;border:1px solid rgba(220,38,38,.2);border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.malware-challenge .scenario-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#dc26261a;border-bottom:1px solid rgba(220,38,38,.2);color:#f87171;font-weight:600;font-size:.9rem}.malware-challenge .scenario-icon{width:16px;height:16px}.malware-challenge .scenario-content{padding:1rem;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8rem;line-height:1.5;color:#c9d1d9;white-space:pre-wrap;margin:0;overflow-x:auto;max-height:400px;overflow-y:auto}.malware-challenge .question-section{margin-bottom:1.5rem}.malware-challenge .question-section h3{color:#fff;font-size:1.1rem;margin-bottom:1rem}.malware-challenge .options-grid{display:flex;flex-direction:column;gap:.75rem}.malware-challenge .option-btn{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ddd;font-size:.95rem;text-align:left;cursor:pointer;transition:all .2s}.malware-challenge .option-btn:hover:not(:disabled){background:#dc26261a;border-color:#dc26264d}.malware-challenge .option-btn.selected{background:#dc262626;border-color:#dc2626}.malware-challenge .option-btn.correct{background:#22c55e26;border-color:#22c55e}.malware-challenge .option-btn.incorrect{background:#ef444426;border-color:#ef4444}.malware-challenge .option-btn:disabled{cursor:default}.malware-challenge .option-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#dc262633;border-radius:6px;color:#f87171;font-weight:600;font-size:.85rem;flex-shrink:0}.malware-challenge .option-text{flex:1}.malware-challenge .option-icon{width:20px;height:20px;flex-shrink:0}.malware-challenge .option-icon.correct{color:#22c55e}.malware-challenge .option-icon.incorrect{color:#ef4444}.malware-challenge .hint-section{background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:10px;padding:1rem;margin-bottom:1.5rem;display:flex;gap:.75rem}.malware-challenge .hint-icon{width:20px;height:20px;color:#fbbf24;flex-shrink:0}.malware-challenge .hint-section p{color:#d4a855;font-size:.9rem;margin:0;line-height:1.5}.malware-challenge .result-section{padding:1.25rem;border-radius:12px;margin-bottom:1.5rem}.malware-challenge .result-section.correct{background:#22c55e1a;border:1px solid rgba(34,197,94,.25)}.malware-challenge .result-section.incorrect{background:#ef44441a;border:1px solid rgba(239,68,68,.25)}.malware-challenge .result-header{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.malware-challenge .result-section.correct .result-header{color:#4ade80}.malware-challenge .result-section.incorrect .result-header{color:#f87171}.malware-challenge .result-icon{width:24px;height:24px}.malware-challenge .explanation-box{background:#0000004d;border-radius:8px;padding:1rem;margin-bottom:1rem}.malware-challenge .explanation-box h4{color:#f87171;margin:0 0 .5rem;font-size:.9rem}.malware-challenge .explanation-box p{color:#bbb;font-size:.9rem;line-height:1.5;margin:0}.malware-challenge .learn-box{display:flex;gap:.75rem;background:#fb923c1a;border:1px solid rgba(251,146,60,.2);border-radius:8px;padding:1rem}.malware-challenge .learn-icon{width:20px;height:20px;color:#fb923c;flex-shrink:0;margin-top:2px}.malware-challenge .learn-box h4{color:#fb923c;margin:0 0 .25rem;font-size:.85rem}.malware-challenge .learn-box p{color:#bbb;font-size:.85rem;line-height:1.5;margin:0}.malware-challenge .action-buttons{display:flex;gap:1rem;margin-bottom:1rem}.malware-challenge .btn-hint,.malware-challenge .btn-next{flex:1;padding:.875rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.malware-challenge .btn-hint{background:transparent;border:2px solid rgba(251,191,36,.4);color:#fbbf24}.malware-challenge .btn-hint:hover{background:#fbbf241a}.malware-challenge .btn-next{background:linear-gradient(135deg,#dc2626,#f97316);border:none;color:#fff}.malware-challenge .btn-next:hover{background:linear-gradient(135deg,#ef4444,#fb923c);transform:translateY(-2px)}.malware-challenge .navigation-buttons{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.malware-challenge .btn-prev,.malware-challenge .btn-skip{background:transparent;border:1px solid rgba(255,255,255,.2);color:#888;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.malware-challenge .btn-prev:hover:not(:disabled),.malware-challenge .btn-skip:hover{border-color:#fff6;color:#ccc}.malware-challenge .btn-prev:disabled{opacity:.4;cursor:not-allowed}.malware-challenge .nav-counter{color:#666;font-size:.85rem}.malware-challenge .analysis-reference{background:#0000004d;border:1px solid rgba(220,38,38,.15);border-radius:12px;padding:1rem}.malware-challenge .analysis-reference h3{color:#f87171;font-size:.9rem;margin-bottom:.75rem}.malware-challenge .ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem}.malware-challenge .ref-item{display:flex;flex-direction:column;align-items:center;background:#dc26260d;padding:.5rem;border-radius:6px;border:1px solid rgba(220,38,38,.1)}.malware-challenge .ref-label{color:#f87171;font-family:Consolas,monospace;font-weight:600;font-size:.8rem}.malware-challenge .ref-value{color:#888;font-size:.7rem}.malware-challenge .completion-screen{text-align:center;padding:3rem 1rem}.malware-challenge .completion-icon{margin-bottom:1.5rem}.malware-challenge .bug-icon{width:80px;height:80px;color:#f87171;animation:pulse 2s ease-in-out infinite}.malware-challenge .completion-screen h1{font-size:2.5rem;background:linear-gradient(90deg,#f87171,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.malware-challenge .completion-subtitle{color:#888;font-size:1.1rem;margin-bottom:2rem}.malware-challenge .final-score{background:#dc26261a;border:1px solid rgba(220,38,38,.2);border-radius:16px;padding:2rem;display:inline-block;margin-bottom:2rem}.malware-challenge .score-display{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.malware-challenge .score-num{font-size:4rem;font-weight:700;color:#f87171}.malware-challenge .score-divider{font-size:2rem;color:#555}.malware-challenge .score-total{font-size:2rem;color:#888}.malware-challenge .score-label{color:#888;margin-top:.5rem}.malware-challenge .skills-learned{margin-bottom:2rem}.malware-challenge .skills-learned h3{color:#fff;margin-bottom:1rem}.malware-challenge .skill-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.malware-challenge .skill-tag{background:#fb923c1a;border:1px solid rgba(251,146,60,.2);color:#fb923c;padding:.5rem 1rem;border-radius:20px;font-size:.85rem}.malware-challenge .completion-buttons{display:flex;gap:1rem;justify-content:center}.malware-challenge .btn-restart{background:linear-gradient(135deg,#dc2626,#f97316);border:none;color:#fff;padding:.875rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.malware-challenge .btn-restart:hover{transform:translateY(-2px)}.malware-challenge .btn-home{background:transparent;border:2px solid #f87171;color:#f87171;padding:.875rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.malware-challenge .btn-home:hover{background:#f871711a;transform:translateY(-2px)}.malware-challenge .scenario-content::-webkit-scrollbar{width:8px;height:8px}.malware-challenge .scenario-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.malware-challenge .scenario-content::-webkit-scrollbar-thumb{background:#dc26264d;border-radius:4px}.malware-challenge .scenario-content::-webkit-scrollbar-thumb:hover{background:#dc262680}@media (max-width: 768px){.malware-challenge{padding:1rem}.malware-challenge .title-section h1{font-size:1.5rem}.malware-challenge .scenario-content{font-size:.7rem;max-height:300px}.malware-challenge .option-btn{padding:.75rem}.malware-challenge .ref-grid{grid-template-columns:repeat(3,1fr)}.malware-challenge .completion-buttons{flex-direction:column}.malware-challenge .btn-restart,.malware-challenge .btn-home{width:100%;justify-content:center}}.social-engineering{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1025,#0f0f1a);color:#e0e0e0;padding:1.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.social-engineering .container{max-width:800px;margin:0 auto}.social-engineering .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.5rem;background:#0000004d;border-radius:12px;border:1px solid rgba(192,132,252,.15);flex-wrap:wrap;gap:1rem}.social-engineering .back-link{color:#c084fc;text-decoration:none;display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;transition:all .2s;white-space:nowrap}.social-engineering .back-link:hover{color:#e9d5ff;transform:translate(-3px)}.social-engineering .progress-info{display:flex;align-items:center;gap:.5rem;background:#c084fc1a;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(192,132,252,.2)}.social-engineering .msg-icon{width:16px;height:16px;color:#c084fc}.social-engineering .title-section{text-align:center;margin-bottom:1.5rem}.social-engineering .title-section h1{font-size:2rem;background:linear-gradient(90deg,#c084fc,#f472b6,#c084fc);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite;margin-bottom:.5rem}.social-engineering .title-section p{color:#888;font-size:1rem}.social-engineering .progress-bar{height:4px;background:#c084fc1a;border-radius:2px;margin-bottom:1.5rem;overflow:hidden}.social-engineering .progress-fill{height:100%;background:linear-gradient(90deg,#c084fc,#f472b6);border-radius:2px;transition:width .3s ease}.social-engineering .scenario-header-card{background:#0000004d;border:1px solid rgba(192,132,252,.2);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.social-engineering .scenario-meta{display:flex;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.social-engineering .scenario-type{display:flex;align-items:center;gap:.5rem;background:#f472b626;border:1px solid rgba(244,114,182,.3);padding:.375rem .75rem;border-radius:20px;font-size:.8rem;color:#f472b6;text-transform:capitalize}.social-engineering .scenario-type-icon{width:14px;height:14px}.social-engineering .difficulty-badge{padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.social-engineering .difficulty-beginner{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.social-engineering .difficulty-intermediate{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.social-engineering .difficulty-advanced{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.social-engineering .scenario-header-card h2{font-size:1.3rem;color:#fff;margin:0 0 .5rem}.social-engineering .scenario-header-card p{color:#999;font-size:.9rem;margin:0}.social-engineering .chat-container{background:#0006;border:1px solid rgba(192,132,252,.2);border-radius:16px;overflow:hidden;margin-bottom:1rem}.social-engineering .chat-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#c084fc1a;border-bottom:1px solid rgba(192,132,252,.2)}.social-engineering .chat-avatar{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:50%}.social-engineering .chat-info{display:flex;flex-direction:column}.social-engineering .chat-name{font-weight:600;color:#fff}.social-engineering .chat-role{font-size:.8rem;color:#888}.social-engineering .chat-messages{padding:1rem;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.social-engineering .message{display:flex;gap:.75rem;animation:fadeIn .3s ease}.social-engineering .message.user{flex-direction:row-reverse}.social-engineering .message.system{justify-content:center}.social-engineering .message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;background:#0000004d}.social-engineering .user-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.social-engineering .user-icon{width:18px;height:18px;color:#fff}.social-engineering .system-avatar{background:#fbbf2433;color:#fbbf24}.social-engineering .message-bubble{max-width:80%;padding:.875rem 1rem;border-radius:16px;font-size:.9rem;line-height:1.5}.social-engineering .message-bubble pre{margin:0;font-family:inherit;white-space:pre-wrap;word-wrap:break-word}.social-engineering .message-bubble.attacker{background:#2a2a3a;border:1px solid rgba(255,255,255,.1);border-radius:16px 16px 16px 4px;color:#e0e0e0}.social-engineering .message-bubble.user{background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:16px 16px 4px;color:#fff}.social-engineering .message-bubble.system{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:#fbbf24;max-width:90%;text-align:center}.social-engineering .response-options{padding:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.5rem}.social-engineering .response-btn{padding:.875rem 1rem;background:#c084fc1a;border:1px solid rgba(192,132,252,.3);border-radius:10px;color:#e0e0e0;font-size:.9rem;text-align:left;cursor:pointer;transition:all .2s}.social-engineering .response-btn:hover{background:#c084fc33;border-color:#c084fc;transform:translate(5px)}.social-engineering .result-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;font-weight:600;font-size:1rem}.social-engineering .result-banner.success{background:#22c55e26;color:#4ade80;border-top:1px solid rgba(34,197,94,.3)}.social-engineering .result-banner.failure{background:#ef444426;color:#f87171;border-top:1px solid rgba(239,68,68,.3)}.social-engineering .result-icon{width:24px;height:24px}.social-engineering .debrief-section{background:#0000004d;border:1px solid rgba(192,132,252,.2);border-radius:12px;padding:1.25rem}.social-engineering .debrief-section h3{color:#c084fc;font-size:1.1rem;margin:0 0 1rem}.social-engineering .debrief-content{display:grid;gap:1rem;margin-bottom:1rem}.social-engineering .red-flags,.social-engineering .best-practice{background:#0003;border-radius:8px;padding:1rem}.social-engineering .red-flags h4,.social-engineering .best-practice h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.9rem}.social-engineering .red-flags h4{color:#f87171}.social-engineering .red-flags h4 svg{width:16px;height:16px}.social-engineering .red-flags ul{list-style:none;padding:0;margin:0}.social-engineering .red-flags li{padding:.375rem 0 .375rem 1.25rem;position:relative;color:#bbb;font-size:.85rem}.social-engineering .red-flags li:before{content:"•";position:absolute;left:0;color:#f87171}.social-engineering .best-practice h4{color:#4ade80}.social-engineering .best-practice h4 svg{width:16px;height:16px}.social-engineering .best-practice p{color:#bbb;font-size:.9rem;margin:0;line-height:1.5}.social-engineering .btn-next-scenario{width:100%;padding:.875rem;background:linear-gradient(135deg,#7c3aed,#c084fc);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.social-engineering .btn-next-scenario:hover{background:linear-gradient(135deg,#8b5cf6,#d8b4fe);transform:translateY(-2px)}.social-engineering .final-results{text-align:center;padding:2rem 0}.social-engineering .results-icon{margin-bottom:1.5rem}.social-engineering .shield-icon{width:80px;height:80px;color:#c084fc;animation:pulse 2s ease-in-out infinite}.social-engineering .final-results h1{font-size:2.2rem;background:linear-gradient(90deg,#c084fc,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.social-engineering .results-subtitle{color:#888;font-size:1rem;margin-bottom:2rem}.social-engineering .score-card{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.social-engineering .score-main,.social-engineering .score-secondary{background:#c084fc1a;border:1px solid rgba(192,132,252,.2);border-radius:12px;padding:1.5rem 2rem;display:flex;flex-direction:column;align-items:center}.social-engineering .score-value{font-size:3rem;font-weight:700;color:#c084fc}.social-engineering .score-main .score-label,.social-engineering .score-secondary span:last-child{color:#888;font-size:.9rem}.social-engineering .score-secondary span:first-child{font-size:2rem;font-weight:700;color:#4ade80}.social-engineering .tactics-learned{margin-bottom:2rem}.social-engineering .tactics-learned h3{color:#fff;margin-bottom:1rem}.social-engineering .tactic-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.social-engineering .tactic-tag{background:#f472b61a;border:1px solid rgba(244,114,182,.2);color:#f472b6;padding:.5rem 1rem;border-radius:20px;font-size:.85rem}.social-engineering .final-buttons{display:flex;gap:1rem;justify-content:center}.social-engineering .btn-restart{background:linear-gradient(135deg,#7c3aed,#c084fc);border:none;color:#fff;padding:.875rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.social-engineering .btn-restart:hover{transform:translateY(-2px)}.social-engineering .btn-home{background:transparent;border:2px solid #c084fc;color:#c084fc;padding:.875rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.social-engineering .btn-home:hover{background:#c084fc1a;transform:translateY(-2px)}.social-engineering .chat-messages::-webkit-scrollbar{width:6px}.social-engineering .chat-messages::-webkit-scrollbar-track{background:#0003;border-radius:3px}.social-engineering .chat-messages::-webkit-scrollbar-thumb{background:#c084fc4d;border-radius:3px}.social-engineering .chat-messages::-webkit-scrollbar-thumb:hover{background:#c084fc80}@media (max-width: 768px){.social-engineering{padding:1rem}.social-engineering .title-section h1{font-size:1.5rem}.social-engineering .message-bubble{max-width:85%}.social-engineering .score-card{flex-direction:column;gap:1rem}.social-engineering .final-buttons{flex-direction:column}.social-engineering .btn-restart,.social-engineering .btn-home{width:100%;text-align:center}}.incident-response{min-height:100vh;background:linear-gradient(135deg,#0f0a0a,#1a0f0f,#0f0a0a);color:#e0e0e0;padding:1.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.incident-response .container{max-width:900px;margin:0 auto}.incident-response .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.5rem;background:#0000004d;border-radius:12px;border:1px solid rgba(239,68,68,.15);flex-wrap:wrap;gap:1rem}.incident-response .back-link{color:#f87171;text-decoration:none;display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;transition:all .2s;white-space:nowrap}.incident-response .back-link:hover{color:#fca5a5;transform:translate(-3px)}.incident-response .header-right{display:flex;align-items:center;gap:1rem}.incident-response .timer{display:flex;align-items:center;gap:.5rem;background:#ef44441a;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(239,68,68,.3);font-family:Consolas,monospace;color:#f87171}.incident-response .timer-icon{width:16px;height:16px}.incident-response .incident-counter{color:#888;font-size:.9rem}.incident-response .title-section{text-align:center;margin-bottom:1.5rem}.incident-response .title-section h1{font-size:2rem;background:linear-gradient(90deg,#f87171,#fbbf24,#f87171);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite;margin-bottom:.5rem}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}.incident-response .title-section p{color:#888;font-size:1rem}.incident-response .incident-header{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.incident-response .incident-info{display:flex;align-items:center;gap:1rem}.incident-response .incident-icon{width:48px;height:48px;color:#f87171;flex-shrink:0}.incident-response .incident-details{flex:1}.incident-response .incident-details h2{color:#fff;font-size:1.3rem;margin:0 0 .25rem}.incident-response .incident-details p{color:#999;font-size:.9rem;margin:0}.incident-response .severity-badge{padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.incident-response .severity-critical{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4);animation:pulse-critical 2s infinite}@keyframes pulse-critical{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.incident-response .severity-high{background:#f9731633;color:#fb923c;border:1px solid rgba(249,115,22,.4)}.incident-response .severity-medium{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.4)}.incident-response .timeline-progress{display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:1.5rem;padding:0 1rem}.incident-response .timeline-line{position:absolute;top:50%;left:1rem;right:1rem;height:3px;background:#ffffff1a;transform:translateY(-50%);z-index:0;border-radius:2px}.incident-response .timeline-line-fill{height:100%;background:linear-gradient(90deg,#f87171,#fbbf24);border-radius:2px;transition:width .5s ease}.incident-response .timeline-dot{width:16px;height:16px;border-radius:50%;background:#333;border:2px solid #555;z-index:1;position:relative;transition:all .3s}.incident-response .timeline-dot.active{border-color:transparent}.incident-response .timeline-dot.current{transform:scale(1.3);box-shadow:0 0 12px currentColor}.incident-response .timeline-dot-label{position:absolute;top:24px;left:50%;transform:translate(-50%);font-size:.7rem;color:#666;white-space:nowrap}.incident-response .timeline-dot.active .timeline-dot-label{color:#999}.incident-response .step-card{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem}.incident-response .step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.incident-response .phase-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;color:#fff}.incident-response .phase-icon{width:16px;height:16px}.incident-response .step-time{color:#888;font-family:Consolas,monospace}.incident-response .step-title{color:#fff;font-size:1.3rem;margin:0 0 .5rem}.incident-response .step-description{color:#aaa;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.incident-response .evidence-section{background:#fbbf240d;border:1px solid rgba(251,191,36,.2);border-radius:10px;padding:1rem;margin-bottom:1.5rem}.incident-response .evidence-section h4{display:flex;align-items:center;gap:.5rem;color:#fbbf24;font-size:.9rem;margin:0 0 .75rem}.incident-response .evidence-icon{width:16px;height:16px}.incident-response .evidence-list{list-style:none;padding:0;margin:0}.incident-response .evidence-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#bbb;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.05)}.incident-response .evidence-list li:last-child{border-bottom:none}.incident-response .evidence-list li:before{content:"•";position:absolute;left:0;color:#fbbf24}.incident-response .decision-section{margin-bottom:1rem}.incident-response .decision-section h4{color:#fff;font-size:1.1rem;margin:0 0 1rem}.incident-response .options-list{display:flex;flex-direction:column;gap:.75rem}.incident-response .option-btn{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ddd;font-size:.95rem;text-align:left;cursor:pointer;transition:all .2s}.incident-response .option-btn:hover:not(:disabled){background:#f871711a;border-color:#f871714d}.incident-response .option-btn.selected{background:#f8717126;border-color:#f87171}.incident-response .option-btn.correct{background:#22c55e26;border-color:#22c55e}.incident-response .option-btn.wrong{background:#ef444426;border-color:#ef4444}.incident-response .option-btn:disabled{cursor:default}.incident-response .option-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f8717133;border-radius:6px;color:#f87171;font-weight:600;font-size:.85rem;flex-shrink:0}.incident-response .option-text{flex:1}.incident-response .option-result-icon{width:22px;height:22px;flex-shrink:0}.incident-response .option-result-icon.correct{color:#22c55e}.incident-response .option-result-icon.wrong{color:#ef4444}.incident-response .feedback-section{margin-top:1.5rem;padding:1.25rem;border-radius:12px}.incident-response .feedback-section.correct{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.incident-response .feedback-section.partial{background:#fbbf241a;border:1px solid rgba(251,191,36,.3)}.incident-response .feedback-section.wrong{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.incident-response .feedback-header{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.incident-response .feedback-section.correct .feedback-header{color:#4ade80}.incident-response .feedback-section.partial .feedback-header{color:#fbbf24}.incident-response .feedback-section.wrong .feedback-header{color:#f87171}.incident-response .feedback-header svg{width:22px;height:22px}.incident-response .score-change{margin-left:auto;font-size:.9rem;padding:.25rem .75rem;background:#0003;border-radius:12px}.incident-response .feedback-section p{color:#bbb;font-size:.95rem;line-height:1.5;margin:0 0 1rem}.incident-response .btn-next-step{width:100%;padding:.875rem;background:linear-gradient(135deg,#f87171,#fbbf24);border:none;border-radius:10px;color:#000;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.incident-response .btn-next-step:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f871714d}.incident-response .incident-complete{text-align:center;padding:2rem 0}.incident-response .complete-icon{width:64px;height:64px;color:#4ade80;margin-bottom:1rem}.incident-response .incident-complete h2{color:#4ade80;font-size:1.8rem;margin:0 0 .5rem}.incident-response .incident-complete>p{color:#888;font-size:1rem;margin-bottom:1.5rem}.incident-response .incident-score{display:inline-flex;flex-direction:column;align-items:center;background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:12px;padding:1.5rem 2.5rem;margin-bottom:2rem}.incident-response .score-number{font-size:3rem;font-weight:700;color:#4ade80}.incident-response .score-text{color:#888;font-size:.9rem}.incident-response .timeline-summary h3{color:#fff;font-size:1rem;margin-bottom:1rem}.incident-response .timeline-mini{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.incident-response .timeline-mini-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#ffffff08;border-radius:6px}.incident-response .timeline-mini-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.incident-response .timeline-mini-time{color:#666;font-size:.8rem;font-family:Consolas,monospace;min-width:70px}.incident-response .timeline-mini-title{color:#aaa;font-size:.85rem}.incident-response .btn-next-incident{padding:.875rem 2rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.incident-response .btn-next-incident:hover{transform:translateY(-2px)}.incident-response .final-results{text-align:center;padding:2rem 0}.incident-response .results-icon{margin-bottom:1.5rem}.incident-response .shield-icon{width:80px;height:80px;color:#4ade80;animation:pulse 2s ease-in-out infinite}.incident-response .final-results h1{font-size:2.2rem;background:linear-gradient(90deg,#4ade80,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.incident-response .results-subtitle{color:#888;font-size:1rem;margin-bottom:2rem}.incident-response .score-summary{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.incident-response .score-main,.incident-response .score-percentage,.incident-response .score-time{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;align-items:center;min-width:120px}.incident-response .score-value{font-size:2.5rem;font-weight:700;color:#4ade80}.incident-response .score-label{color:#888;font-size:.85rem}.incident-response .percentage-value{font-size:2.5rem;font-weight:700;color:#fbbf24}.incident-response .percentage-label{color:#888;font-size:.85rem}.incident-response .score-time{flex-direction:row;gap:.5rem;color:#888}.incident-response .time-icon{width:20px;height:20px}.incident-response .incident-breakdown{background:#0000004d;border-radius:12px;padding:1.25rem;margin-bottom:2rem;text-align:left}.incident-response .incident-breakdown h3{color:#fff;font-size:1rem;margin-bottom:1rem}.incident-response .incident-score-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff08;border-radius:8px;margin-bottom:.5rem}.incident-response .incident-score-icon{width:24px;height:24px;color:#f87171}.incident-response .incident-score-title{flex:1;color:#ccc}.incident-response .incident-score-value{color:#4ade80;font-weight:600;font-family:Consolas,monospace}.incident-response .phases-learned{margin-bottom:2rem}.incident-response .phases-learned h3{color:#fff;margin-bottom:1rem}.incident-response .phase-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.incident-response .phase-tag{padding:.5rem 1rem;border:1px solid;border-radius:20px;font-size:.85rem;background:#0003}.incident-response .final-buttons{display:flex;gap:1rem;justify-content:center}.incident-response .btn-restart{background:linear-gradient(135deg,#f87171,#fbbf24);border:none;color:#000;padding:.875rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.incident-response .btn-restart:hover{transform:translateY(-2px)}.incident-response .btn-home{background:transparent;border:2px solid #f87171;color:#f87171;padding:.875rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.incident-response .btn-home:hover{background:#f871711a;transform:translateY(-2px)}@media (max-width: 768px){.incident-response{padding:1rem}.incident-response .title-section h1{font-size:1.5rem}.incident-response .incident-info{flex-direction:column;text-align:center}.incident-response .timeline-dot-label{display:none}.incident-response .score-summary{flex-direction:column;align-items:center}.incident-response .final-buttons{flex-direction:column}.incident-response .btn-restart,.incident-response .btn-home{width:100%;text-align:center;justify-content:center}}.osint-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0f0f1a);padding:2rem;color:#e0e0e0}.osint-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.5rem;background:#0000004d;border-radius:12px;border:1px solid rgba(0,200,255,.15);flex-wrap:wrap;gap:1rem}.osint-header h1{display:flex;align-items:center;gap:.75rem;font-size:2rem;color:#00c8ff;text-shadow:0 0 20px rgba(0,200,255,.4)}.osint-header .title-icon{color:#00c8ff}.back-button{display:flex;align-items:center;gap:.5rem;color:#888;text-decoration:none;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px;background:#ffffff0d;font-weight:500;white-space:nowrap}.back-button:hover{color:#00c8ff;background:#00c8ff1a}.score-display{display:flex;align-items:center;gap:.5rem;background:#00c8ff26;padding:.75rem 1.25rem;border-radius:12px;border:1px solid rgba(0,200,255,.3);font-weight:600;color:#00c8ff}.case-info{background:#00c8ff0d;border:1px solid rgba(0,200,255,.15);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.case-icon{color:#00c8ff;background:#00c8ff26;padding:.75rem;border-radius:12px}.case-category{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#00c8ff;background:#00c8ff26;padding:.25rem .75rem;border-radius:20px}.case-description{color:#aaa;line-height:1.6;margin-bottom:1rem}.case-briefing{display:flex;align-items:flex-start;gap:.75rem;background:#00c8ff1a;padding:1rem;border-radius:8px;border-left:3px solid #00c8ff}.case-briefing svg{color:#00c8ff;flex-shrink:0;margin-top:2px}.case-briefing span{font-size:.9rem;color:#ccc}.clue-progress{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.progress-dot.active{background:#00c8ff33;color:#00c8ff;border-color:#00c8ff;box-shadow:0 0 15px #00c8ff66}.clue-card{background:#141423cc;border:1px solid rgba(0,200,255,.2);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 40px #0000004d}.clue-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,200,255,.15)}.clue-type-icon{color:#00c8ff;background:#00c8ff26;padding:.5rem;border-radius:8px}.clue-header h3{flex:1;margin:0;font-size:1.25rem;color:#fff}.clue-points{background:linear-gradient(135deg,#00c8ff,#0080ff);color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.osint-evidence{background:#0a0a12;border:1px solid rgba(0,200,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;font-family:Monaco,Menlo,monospace;font-size:.9rem}.evidence-item{display:flex;gap:.75rem;margin-bottom:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.evidence-item:last-child{border-bottom:none;margin-bottom:0}.evidence-label{color:#00c8ff;font-weight:500;text-transform:capitalize;min-width:140px}.evidence-value{color:#ccc}.evidence-section .evidence-label{display:block;margin-bottom:.5rem}.evidence-list li{padding:.5rem .75rem;margin:.25rem 0;background:#00c8ff0d;border-radius:6px;border-left:2px solid #00c8ff;color:#bbb;font-size:.85rem}.evidence-nested{margin-bottom:1rem;padding:1rem;background:#00c8ff08;border-radius:8px}.evidence-nested>.evidence-label{display:block;margin-bottom:.75rem;font-size:.95rem;color:#00c8ff}.nested-content{padding-left:1rem;border-left:2px solid rgba(0,200,255,.2)}.nested-item{margin-bottom:.75rem}.nested-label{color:#888;font-size:.85rem;display:block;margin-bottom:.25rem;text-transform:capitalize}.nested-value{color:#ccc}.nested-content ul{list-style:disc;padding-left:1.5rem;margin:.5rem 0}.nested-content ul li{color:#aaa;font-size:.85rem;margin:.25rem 0}.clue-question{background:#00c8ff14;border:1px solid rgba(0,200,255,.2);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.clue-question h4{color:#00c8ff;margin:0 0 .5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.clue-question p{color:#fff;font-size:1.1rem;margin:0}.answer-section input{background:#0006;border:2px solid rgba(0,200,255,.3);border-radius:12px;padding:1rem 1.25rem;font-size:1rem;color:#fff;transition:all .3s ease}.answer-section input:focus{outline:none;border-color:#00c8ff;box-shadow:0 0 20px #00c8ff33}.submit-btn{flex:1;background:linear-gradient(135deg,#00c8ff,#0080ff);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #00c8ff66}.correct-answer strong{color:#00c8ff}.next-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#00c8ff,#0080ff);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.next-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #00c8ff66}.osint-tips{background:#00c8ff0d;border:1px solid rgba(0,200,255,.15);border-radius:12px;padding:1.25rem}.osint-tips h4{display:flex;align-items:center;gap:.5rem;color:#00c8ff;margin:0 0 1rem;font-size:.95rem}.osint-tips ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem}.osint-tips li{padding:.5rem .75rem;background:#00c8ff14;border-radius:8px;color:#aaa;font-size:.85rem}.case-complete,.osint-complete{max-width:600px;margin:3rem auto;text-align:center;background:#141423cc;border:1px solid rgba(0,200,255,.2);border-radius:20px;padding:3rem}.case-complete h2,.osint-complete h2{color:#fff;margin:0 0 .5rem;font-size:2rem}.case-complete h3{color:#00c8ff;margin:0 0 1.5rem}.case-stat{background:#00c8ff1a;padding:1rem 2rem;border-radius:12px}.stat-num{font-size:2rem;font-weight:700;color:#00c8ff}.case-summary{color:#aaa;margin-bottom:2rem;line-height:1.6}.case-actions{margin-bottom:2rem}.next-case-btn,.restart-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#00c8ff,#0080ff);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.next-case-btn:hover,.restart-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00c8ff66}.progress-fill{height:100%;background:linear-gradient(90deg,#00c8ff,#0080ff);border-radius:3px;transition:width .5s ease}.stat-card{background:#00c8ff1a;border:1px solid rgba(0,200,255,.2);border-radius:12px;padding:1.25rem}.stat-card .stat-value{display:block;font-size:2rem;font-weight:700;color:#00c8ff}.rank.advanced{background:#00c8ff33;color:#00c8ff;border:1px solid rgba(0,200,255,.4)}@media (max-width: 768px){.osint-container{padding:1rem}.osint-header{flex-wrap:wrap;gap:1rem}.osint-header h1{font-size:1.5rem;order:-1;width:100%}.case-header{flex-direction:column;text-align:center}.case-icon{margin:0 auto}.clue-card{padding:1.25rem}.evidence-item{flex-direction:column;gap:.25rem}.evidence-label{min-width:auto}.answer-actions{flex-direction:column}.final-stats,.osint-tips ul{grid-template-columns:1fr}}.password-ctf-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a0a20,#0a0a15);padding:2rem;color:#e0e0e0}.password-ctf-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,100,100,.2)}.password-ctf-header h1{display:flex;align-items:center;gap:.75rem;font-size:2rem;color:#ff6b6b;text-shadow:0 0 20px rgba(255,107,107,.4)}.password-ctf-header .title-icon{color:#ff6b6b}.back-button:hover{color:#ff6b6b;background:#ff6b6b1a}.flags-counter{display:flex;align-items:center;gap:.5rem;background:#ffd70026;padding:.75rem 1.25rem;border-radius:12px;border:1px solid rgba(255,215,0,.3);font-weight:600;color:gold;cursor:pointer;transition:all .3s ease}.flags-counter:hover{background:#ffd70040;transform:scale(1.05)}.ctf-intro{display:flex;align-items:flex-start;gap:1.5rem;background:linear-gradient(135deg,#ff6b6b1a,#ff6b6b0d);border:1px solid rgba(255,107,107,.2);border-radius:16px;padding:2rem;margin-bottom:2rem}.intro-icon{background:#ff6b6b26;padding:1rem;border-radius:12px;color:#ff6b6b}.intro-content h2{margin:0 0 .5rem;color:#fff;font-size:1.5rem}.intro-content p{margin:0;color:#aaa;line-height:1.6}.mode-toggle{display:flex;gap:1rem;margin-bottom:2rem}.mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#888;font-size:1rem;cursor:pointer;transition:all .3s ease}.mode-btn:hover{background:#ffffff1a;color:#fff}.mode-btn.active{background:#ff6b6b26;border-color:#ff6b6b;color:#ff6b6b}.password-input-section{background:#14141ecc;border:1px solid rgba(255,107,107,.2);border-radius:16px;padding:2rem;margin-bottom:2rem}.input-wrapper{position:relative;margin-bottom:1.5rem}.password-input{width:100%;background:#0006;border:2px solid rgba(255,107,107,.3);border-radius:12px;padding:1.25rem 3.5rem 1.25rem 1.25rem;font-size:1.25rem;font-family:Monaco,Menlo,monospace;color:#fff;transition:all .3s ease}.password-input:focus{outline:none;border-color:#ff6b6b;box-shadow:0 0 20px #ff6b6b4d}.password-input::placeholder{color:#555}.toggle-visibility{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#888;cursor:pointer;padding:.5rem;transition:color .3s ease}.toggle-visibility:hover{color:#ff6b6b}.strength-meter{margin-top:1rem}.strength-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.strength-label span:first-child{color:#888}.strength-bar-container{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.strength-bar-fill{height:100%;border-radius:4px;transition:all .3s ease}.flag-display{display:flex;align-items:flex-start;gap:1.5rem;background:linear-gradient(135deg,#ffd70026,#ffa5001a);border:2px solid rgba(255,215,0,.4);border-radius:16px;padding:1.5rem;margin-bottom:2rem;animation:flagPulse 2s infinite}@keyframes flagPulse{0%,to{box-shadow:0 0 20px #ffd70033}50%{box-shadow:0 0 40px #ffd70066}}.flag-icon{background:#ffd70033;padding:1rem;border-radius:12px;color:gold}.flag-content h3{margin:0 0 .5rem;color:gold}.flag-content code{display:block;background:#0000004d;padding:.75rem 1rem;border-radius:8px;font-size:1rem;color:#00ff64;margin-bottom:.75rem}.flag-warning{display:flex;align-items:center;gap:.5rem;color:#ff6b6b;font-size:.85rem;margin:0}.rules-section{background:#14141ecc;border:1px solid rgba(255,107,107,.2);border-radius:16px;padding:2rem;margin-bottom:2rem}.rules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.rules-header h3{display:flex;align-items:center;gap:.5rem;margin:0;color:#ff6b6b}.rules-progress{background:#ff6b6b26;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:#ff6b6b}.rules-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.rule-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff08;border-radius:10px;border-left:3px solid;transition:all .3s ease}.rule-item.valid{border-left-color:#00ff64;background:#00ff640d}.rule-item.invalid{border-left-color:#f44;background:#ff44440d}.rule-icon.valid{color:#00ff64}.rule-icon.invalid{color:#f44}.success-message{margin-top:2rem;padding:2rem;background:linear-gradient(135deg,#00ff6426,#00c8641a);border:2px solid rgba(0,255,100,.4);border-radius:16px;text-align:center;animation:successGlow 2s infinite}@keyframes successGlow{0%,to{box-shadow:0 0 20px #00ff6433}50%{box-shadow:0 0 40px #00ff6466}}.success-message svg{color:gold;margin-bottom:1rem}.success-message h3{color:#00ff64;margin:0 0 .5rem}.success-message p{color:#aaa;margin-bottom:1rem}.success-message code{display:inline-block;background:#0000004d;padding:.75rem 1.5rem;border-radius:8px;font-size:1.1rem;color:gold}.strength-section{background:#14141ecc;border:1px solid rgba(0,200,255,.2);border-radius:16px;padding:2rem;margin-bottom:2rem}.strength-section h3{display:flex;align-items:center;gap:.5rem;color:#00c8ff;margin:0 0 1.5rem}.strength-criteria{display:grid;gap:.75rem}.criterion{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ff44441a;border-radius:8px;color:#ff6b6b;transition:all .3s ease}.criterion.met{background:#00ff641a;color:#00ff64}.flags-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.flags-modal{background:#1a1a2e;border:1px solid rgba(255,215,0,.3);border-radius:16px;padding:2rem;max-width:500px;width:90%;max-height:70vh;overflow-y:auto}.flags-modal h3{display:flex;align-items:center;gap:.5rem;color:gold;margin:0 0 1.5rem}.no-flags{color:#888;text-align:center;padding:2rem}.collected-flags{list-style:none;padding:0;margin:0 0 1.5rem}.collected-flags li{padding:.75rem;background:#0000004d;border-radius:8px;margin-bottom:.5rem}.collected-flags code{color:#00ff64;font-size:.9rem}.close-modal{width:100%;background:#ffd70033;border:1px solid rgba(255,215,0,.4);color:gold;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.close-modal:hover{background:#ffd7004d}.tips-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.tips-section h4{display:flex;align-items:center;gap:.5rem;color:#888;margin:0 0 1rem}.tips-section li{padding:.5rem 0;color:#666;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.05)}.tips-section li:last-child{border-bottom:none}.credits{text-align:center;padding:1rem;color:#444;font-size:.85rem}@media (max-width: 768px){.password-ctf-container{padding:1rem}.password-ctf-header{flex-wrap:wrap;gap:1rem}.password-ctf-header h1{font-size:1.5rem;order:-1;width:100%}.ctf-intro{flex-direction:column;text-align:center}.mode-toggle{flex-direction:column}.rules-header{flex-direction:column;gap:1rem;text-align:center}.flag-display{flex-direction:column;text-align:center}}.firewall-container{min-height:100vh;background:linear-gradient(180deg,#0f0f15,#1a1a25,#0f0f15);padding:1rem;color:#e0e0e0;overflow-x:hidden}.firewall-container *:focus{outline:none}.firewall-header{display:flex;align-items:center;justify-content:space-between;max-width:800px;margin:0 auto 1rem;padding:.75rem 1rem;background:#0000004d;border-radius:12px;border:1px solid rgba(255,255,255,.06);animation:slideDown .5s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.firewall-header h1{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;color:#ff6b35;margin:0}.firewall-header .title-icon{color:#ff6b35;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.back-button{display:flex;align-items:center;gap:.4rem;color:#888;text-decoration:none;font-size:.9rem;padding:.5rem .75rem;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}.back-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.back-button:hover:before{width:150px;height:150px}.back-button:hover{color:#fff}.rounds-counter{background:#ff6b3526;padding:.5rem 1rem;border-radius:20px;color:#ff6b35;font-weight:600;font-size:.9rem;border:1px solid rgba(255,107,53,.25);animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 5px #ff6b3533}50%{box-shadow:0 0 15px #ff6b3566}}.start-screen{max-width:500px;margin:2rem auto;text-align:center;background:#14141ee6;border:1px solid rgba(255,107,53,.2);border-radius:20px;padding:2.5rem 2rem;animation:fadeInUp .6s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.game-logo{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:linear-gradient(135deg,#ff6b3533,#ff505026);border-radius:50%;margin-bottom:1.5rem;color:#ff6b35;animation:logoFloat 3s ease-in-out infinite;position:relative}.game-logo:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:2px solid rgba(255,107,53,.3);border-radius:50%;animation:logoRing 2s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes logoRing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.5}}.start-screen h2{font-size:1.75rem;color:#fff;margin:0 0 .75rem}.start-screen>p{color:#888;font-size:1rem;margin-bottom:1.5rem;line-height:1.5}.game-rules{background:#0000004d;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;text-align:left}.game-rules h3{color:#ff6b35;margin:0 0 .75rem;font-size:.9rem}.game-rules li{display:flex;align-items:center;gap:.6rem;padding:.4rem 0;color:#aaa;font-size:.9rem;transition:all .3s ease}.game-rules li:hover{color:#fff;transform:translate(5px)}.game-rules li svg{color:#ff6b35;flex-shrink:0;transition:transform .3s ease}.game-rules li:hover svg{transform:scale(1.2)}.start-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ff6b35,#ea580c);color:#fff;border:none;padding:.875rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.start-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.start-btn:hover:before{left:100%}.start-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ff6b3566}.start-btn:active{transform:translateY(-1px)}.credits{margin-top:1.5rem;color:#555;font-size:.8rem}.game-board{max-width:800px;margin:0 auto;padding:0 .5rem;animation:fadeIn .4s ease}.life-bars{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.25rem;background:#14141ee6;border-radius:16px;border:1px solid rgba(255,255,255,.08);animation:slideIn .5s ease}.life-section{flex:1;display:flex;align-items:center;gap:.75rem}.player-section{flex-direction:row}.hacker-section{flex-direction:row-reverse;animation-delay:.1s}.life-info{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:40px}.life-emoji{font-size:1.75rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.life-name{font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.life-bar-container{flex:1;height:14px;background:#ffffff14;border-radius:7px;overflow:hidden;position:relative}.life-bar-container:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.15),transparent);border-radius:7px 7px 0 0}.life-bar-fill{height:100%;border-radius:7px;transition:all .5s ease;position:relative;overflow:hidden}.life-bar-fill:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:200%}}.life-total{font-weight:700;font-size:.95rem;min-width:50px;text-align:center;color:#fff;transition:all .3s ease}.vs-badge{background:linear-gradient(135deg,#ff6b35,#ea580c);color:#fff;padding:.5rem .875rem;border-radius:20px;font-weight:700;font-size:.8rem;flex-shrink:0;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.round-result-box{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;border-radius:12px;margin-bottom:1rem;font-weight:600;font-size:.95rem;animation:resultBounce .5s ease}@keyframes resultBounce{0%{opacity:0;transform:scale(.8) translateY(-10px)}50%{transform:scale(1.05) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.round-result-box.player{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid rgba(34,197,94,.35);color:#4ade80;box-shadow:0 0 20px #22c55e26}.round-result-box.hacker{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid rgba(239,68,68,.35);color:#f87171;box-shadow:0 0 20px #ef444426;animation:resultBounce .5s ease,shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}.round-result-box.tie{background:linear-gradient(135deg,#eab30826,#eab3080d);border:1px solid rgba(234,179,8,.35);color:#facc15;box-shadow:0 0 20px #eab30826}.hacker-area{margin-bottom:1rem;animation:fadeInUp .4s ease .1s both}.hacker-area h3,.player-area h3{display:flex;align-items:center;gap:.4rem;color:#666;font-size:.75rem;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.hacker-area h3 svg{color:#ef4444;animation:iconGlow 2s ease-in-out infinite}@keyframes iconGlow{0%,to{filter:drop-shadow(0 0 2px currentColor)}50%{filter:drop-shadow(0 0 8px currentColor)}}.player-area h3 svg{color:#ff6b35}.game-card{background:#191923f2;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.25rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.hacker-card{border-color:#ef444440;background:linear-gradient(135deg,#ef44441a,#191923f2);animation:cardAppear .5s ease}@keyframes cardAppear{0%{opacity:0;transform:rotateX(-10deg) translateY(-20px)}to{opacity:1;transform:rotateX(0) translateY(0)}}.hacker-card.revealed{box-shadow:0 0 25px #ef444433}.player-card{cursor:pointer;border-color:#ffffff1a;animation:cardStagger .4s ease both}.player-card:nth-child(1){animation-delay:.1s}.player-card:nth-child(2){animation-delay:.2s}.player-card:nth-child(3){animation-delay:.3s}@keyframes cardStagger{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.player-card:hover:not(.selected):not(.dimmed){transform:translateY(-8px) scale(1.02);border-color:#ff6b3580;box-shadow:0 15px 35px #ff6b3526;z-index:10}.player-card.selected{border-color:#ff6b35;background:linear-gradient(135deg,#ff6b3526,#191923f2);box-shadow:0 0 30px #ff6b3540;transform:scale(1.02);animation:selectedPulse 1.5s ease-in-out infinite}@keyframes selectedPulse{0%,to{box-shadow:0 0 20px #ff6b3533}50%{box-shadow:0 0 35px #ff6b3559}}.player-card.dimmed{opacity:.3;cursor:not-allowed;transform:scale(.98);filter:grayscale(50%)}.card-content{min-height:60px;display:flex;align-items:center}.card-text{color:#ccc;line-height:1.5;font-size:.9rem;transition:color .3s ease}.player-card:hover:not(.dimmed) .card-text{color:#fff}.card-power{position:absolute;top:-10px;right:-10px;display:flex;align-items:center;gap:.2rem;padding:.4rem .7rem;border-radius:20px;font-weight:700;font-size:.95rem;opacity:0;transform:scale(0) rotate(-10deg);transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.card-power.show{opacity:1;transform:scale(1) rotate(0)}.hacker-card .card-power{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef444466}.player-card .card-power{background:linear-gradient(135deg,#ff6b35,#ea580c);color:#fff;box-shadow:0 4px 15px #ff6b3566}.player-area{margin-bottom:1rem;animation:fadeInUp .4s ease .2s both}.player-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.next-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:.75rem;background:linear-gradient(135deg,#ff6b35,#ea580c);color:#fff;border:none;padding:1rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;animation:buttonAppear .4s ease .3s both}@keyframes buttonAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.next-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:btnShine 2s infinite}@keyframes btnShine{0%{left:-100%}50%,to{left:100%}}.next-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ff6b3566}.next-btn:active{transform:translateY(-1px)}.next-btn svg{transition:transform .3s ease}.next-btn:hover svg{transform:translate(5px)}.game-over-box{max-width:450px;margin:1rem auto;text-align:center;padding:2rem;border-radius:20px;animation:gameOverAppear .6s ease}@keyframes gameOverAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}50%{transform:scale(1.02) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.game-over-box.player{background:linear-gradient(135deg,#22c55e1a,#14141ef2);border:1px solid rgba(34,197,94,.3);box-shadow:0 0 40px #22c55e1a}.game-over-box.hacker{background:linear-gradient(135deg,#ef44441a,#14141ef2);border:1px solid rgba(239,68,68,.3);box-shadow:0 0 40px #ef44441a}.winner-icon{display:inline-flex;align-items:center;justify-content:center;width:90px;height:90px;border-radius:50%;margin-bottom:1.25rem;animation:iconCelebrate .6s ease}@keyframes iconCelebrate{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}.winner-icon.player-win{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#4ade80;animation:iconCelebrate .6s ease,victoryGlow 1.5s ease-in-out infinite}@keyframes victoryGlow{0%,to{box-shadow:0 0 20px #22c55e4d}50%{box-shadow:0 0 40px #22c55e80}}.winner-icon.hacker-win{background:linear-gradient(135deg,#ef444433,#ef44441a);color:#ef4444}.game-over-box h2{font-size:1.4rem;margin:0 0 .5rem;animation:textSlideIn .5s ease .2s both}@keyframes textSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.game-over-box.player h2{color:#4ade80}.game-over-box.hacker h2{color:#f87171}.game-over-box p{color:#888;margin-bottom:1.25rem;font-size:.9rem;line-height:1.5;animation:textSlideIn .5s ease .3s both}.game-stats{display:flex;justify-content:center;gap:.75rem;margin-bottom:1.25rem;animation:textSlideIn .5s ease .4s both}.stat{text-align:center;background:#ffffff08;padding:.75rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.06);min-width:70px;transition:all .3s ease}.stat:hover{transform:translateY(-3px);background:#ffffff0d}.stat-value{display:block;font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.15rem}.stat-label{font-size:.65rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.restart-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ff6b35,#ea580c);color:#fff;border:none;padding:.875rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;animation:textSlideIn .5s ease .5s both}.restart-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.restart-btn:hover:before{left:100%}.restart-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ff6b3566}.restart-btn svg{transition:transform .3s ease}.restart-btn:hover svg{transform:rotate(-180deg)}@media (max-width: 768px){.firewall-container{padding:.75rem}.firewall-header{flex-wrap:wrap;gap:.5rem}.firewall-header h1{font-size:1.1rem;order:2;width:100%;justify-content:center}.back-button{order:1}.rounds-counter{order:3}.life-bars{flex-direction:column;gap:.75rem;padding:1rem}.life-section{width:100%}.hacker-section{flex-direction:row}.vs-badge{display:none}.player-cards{grid-template-columns:1fr;gap:.6rem}.game-card{padding:1rem}.card-text{font-size:.85rem}.card-content{min-height:50px}.start-screen{padding:1.5rem;margin:1rem}.start-screen h2{font-size:1.4rem}.game-stats{flex-wrap:wrap;gap:.5rem}.stat{flex:1;min-width:60px;padding:.6rem .75rem}}.hangman-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#0a1a0a,#0a0a15);padding:1.5rem;color:#e0e0e0}.hangman-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,255,100,.2)}.hangman-header h1{font-size:1.75rem;color:#00ff64;text-shadow:0 0 20px rgba(0,255,100,.4)}.back-button:hover{color:#00ff64;background:#00ff641a}.about-btn:hover{color:#00ff64;background:#00ff641a}.start-screen{max-width:500px;margin:2rem auto;text-align:center;background:#14141ecc;border:1px solid rgba(0,255,100,.2);border-radius:20px;padding:2.5rem}.hangman-logo{width:150px;height:150px;margin:0 auto 1.5rem}.hangman-svg{width:100%;height:100%}.info-icon{font-size:1.25rem}.game-area{max-width:600px;margin:0 auto}.hangman-display{width:200px;height:250px;margin:0 auto 1.5rem;background:#14141ecc;border-radius:16px;padding:1rem;display:flex;align-items:center;justify-content:center}.tries-display{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.5rem;background:#00ff641a;border-radius:20px;color:#00ff64;font-weight:600;width:fit-content;margin-left:auto;margin-right:auto}.tries-display svg.danger{color:#f44;animation:pulse .5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.word-display{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;padding:1.5rem;background:#14141ecc;border-radius:16px}.letter-box{width:40px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;text-transform:uppercase;border-bottom:3px solid #00ff64;color:#fff;transition:all .3s ease}.letter-box.revealed{color:#00ff64;animation:revealLetter .3s ease}@keyframes revealLetter{0%{transform:scale(1.3)}to{transform:scale(1)}}.keyboard{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;padding:1.5rem;background:#14141ecc;border-radius:16px}.key-btn{width:40px;height:45px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600;text-transform:uppercase;background:#00ff641a;border:2px solid rgba(0,255,100,.3);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.key-btn:hover:not(:disabled){background:#00ff6433;border-color:#00ff64;transform:translateY(-2px)}.key-btn:disabled{cursor:not-allowed}.key-btn.correct{background:#00ff644d;border-color:#00ff64;color:#00ff64}.key-btn.wrong{background:#f443;border-color:#ff444480;color:#ff6b6b;opacity:.5}.game-controls{display:flex;justify-content:center}.hint-btn{display:flex;align-items:center;gap:.5rem;background:#ffc80026;border:1px solid rgba(255,200,0,.3);color:#ffc800;padding:.75rem 1.5rem;border-radius:10px;font-size:.95rem;cursor:pointer;transition:all .3s ease}.hint-btn:hover:not(:disabled){background:#ffc80040}.result-screen{max-width:450px;margin:3rem auto;text-align:center;padding:3rem;border-radius:20px;animation:fadeIn .5s ease}.result-screen.won{background:linear-gradient(135deg,#00ff641a,#0064321a);border:1px solid rgba(0,255,100,.3)}.result-screen.lost{background:linear-gradient(135deg,#ff44441a,#6400001a);border:1px solid rgba(255,68,68,.3)}.result-icon{display:inline-flex;padding:1.5rem;border-radius:50%;margin-bottom:1.5rem}.result-screen.won .result-icon{background:#ffd70026;color:gold}.result-screen.lost .result-icon{background:#ff444426;color:#f44}.result-screen h2{font-size:1.75rem;margin:0 0 .5rem}.result-screen.won h2{color:#00ff64}.result-screen.lost h2{color:#f44}.result-screen p{color:#888;margin-bottom:1.5rem}.word-reveal{padding:1rem 2rem;background:#0000004d;border-radius:10px;margin-bottom:2rem}.word-reveal span{font-size:1.25rem;text-transform:uppercase;letter-spacing:2px;color:#fff}.word-reveal strong{color:#00ff64}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:#1a1a2e;border:1px solid rgba(0,255,100,.2);border-radius:16px;padding:2rem;max-width:400px;width:90%;text-align:center;position:relative}.modal h3{color:#fff;margin:0 0 1rem}.modal p{color:#888;margin-bottom:1.5rem}.modal-actions{display:flex;flex-direction:column;gap:.75rem}.modal-cancel{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#888;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.modal-cancel:hover{background:#ffffff26;color:#fff}.modal-confirm{background:linear-gradient(135deg,#00ff64,#00cc50);border:none;color:#000;padding:.75rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-confirm:hover{transform:translateY(-2px);box-shadow:0 5px 20px #00ff6466}.about-modal{text-align:left}.about-modal h3{text-align:center;color:#00ff64}.close-modal{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#666;cursor:pointer;padding:.25rem;transition:color .3s ease}@media (max-width: 600px){.hangman-container{padding:1rem}.hangman-header h1{font-size:1.25rem}.start-screen{padding:1.5rem}.letter-box{width:30px;height:40px;font-size:1.2rem}.key-btn{width:32px;height:38px;font-size:.9rem}.keyboard{gap:.35rem;padding:1rem}}.forensics-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#0a0a1a,#0a1020);padding:2rem;color:#e0e0e0}.forensics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(100,150,255,.2)}.forensics-header h1{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;color:#6496ff;text-shadow:0 0 20px rgba(100,150,255,.4)}.forensics-header .title-icon{color:#6496ff}.back-button:hover{color:#6496ff;background:#6496ff1a}.score-display{display:flex;align-items:center;gap:.5rem;background:#6496ff26;padding:.75rem 1.25rem;border-radius:12px;border:1px solid rgba(100,150,255,.3);font-weight:600;color:#6496ff}.case-info{background:#6496ff0d;border:1px solid rgba(100,150,255,.15);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.case-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.case-icon{color:#6496ff;background:#6496ff26;padding:.75rem;border-radius:12px}.case-details{flex:1}.case-category{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#6496ff;background:#6496ff26;padding:.25rem .75rem;border-radius:20px}.case-details h2{margin:.5rem 0;font-size:1.5rem;color:#fff}.difficulty{font-size:.8rem;padding:.25rem .75rem;border-radius:20px;font-weight:500}.difficulty.beginner{background:#00ff6426;color:#00ff64}.difficulty.intermediate{background:#ffc80026;color:#ffc800}.difficulty.advanced{background:#ff646426;color:#ff6464}.case-description{color:#aaa;line-height:1.6;margin:0}.puzzle-progress{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.progress-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;background:#ffffff1a;color:#666;border:2px solid transparent;transition:all .3s ease}.progress-dot.active{background:#6496ff33;color:#6496ff;border-color:#6496ff;box-shadow:0 0 15px #6496ff66}.progress-dot.solved{background:#00ff6433;color:#00ff64;border-color:#00ff64}.puzzle-card{background:#141423cc;border:1px solid rgba(100,150,255,.2);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 40px #0000004d}.puzzle-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(100,150,255,.15)}.puzzle-icon{color:#6496ff;background:#6496ff26;padding:.5rem;border-radius:8px}.puzzle-header h3{flex:1;margin:0;font-size:1.25rem;color:#fff}.puzzle-points{background:linear-gradient(135deg,#6496ff,#4080ff);color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.forensics-evidence{background:#0a0a12;border:1px solid rgba(100,150,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;font-family:Monaco,Menlo,Consolas,monospace;font-size:.9rem}.evidence-row{display:flex;gap:1rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.evidence-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.evidence-key{color:#6496ff;font-weight:500;min-width:150px;text-transform:capitalize}.evidence-value{color:#ccc;word-break:break-all}.evidence-section{margin-bottom:1rem}.evidence-section .evidence-key{display:block;margin-bottom:.5rem}.evidence-list{padding-left:1rem;border-left:2px solid rgba(100,150,255,.3)}.evidence-list-item{padding:.5rem .75rem;margin:.25rem 0;background:#6496ff0d;border-radius:6px;color:#bbb;font-size:.85rem}.evidence-nested{margin-bottom:1rem;padding:1rem;background:#6496ff08;border-radius:8px}.evidence-nested>.evidence-key{display:block;margin-bottom:.75rem;font-size:.95rem}.nested-content{padding-left:1rem;border-left:2px solid rgba(100,150,255,.2)}.nested-row{display:flex;gap:.75rem;margin-bottom:.5rem}.nested-key{color:#888;font-size:.85rem;min-width:120px}.nested-value{color:#ccc;font-size:.85rem}.puzzle-question{background:#6496ff14;border:1px solid rgba(100,150,255,.2);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.puzzle-question h4{color:#6496ff;margin:0 0 .5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.puzzle-question p{color:#fff;font-size:1.1rem;margin:0}.answer-section{display:flex;flex-direction:column;gap:1rem}.answer-section input{background:#0006;border:2px solid rgba(100,150,255,.3);border-radius:12px;padding:1rem 1.25rem;font-size:1rem;color:#fff;font-family:inherit;transition:all .3s ease}.answer-section input:focus{outline:none;border-color:#6496ff;box-shadow:0 0 20px #6496ff33}.answer-section input::placeholder{color:#555}.answer-actions{display:flex;gap:1rem}.submit-btn{flex:1;background:linear-gradient(135deg,#6496ff,#4080ff);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #6496ff66}.hint-box{display:flex;align-items:flex-start;gap:.75rem;background:#ffc8001a;border:1px solid rgba(255,200,0,.2);border-radius:10px;padding:1rem;animation:fadeIn .3s ease}.result-section{padding:1.5rem;border-radius:12px;animation:fadeIn .3s ease}.result-section.incorrect{background:#ff64641a;border:1px solid rgba(255,100,100,.3)}.correct-answer{color:#ccc;margin-bottom:1rem}.correct-answer strong{color:#6496ff}.next-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#6496ff,#4080ff);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.next-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #6496ff66}.forensics-tips{background:#6496ff0d;border:1px solid rgba(100,150,255,.15);border-radius:12px;padding:1.25rem}.forensics-tips h4{display:flex;align-items:center;gap:.5rem;color:#6496ff;margin:0 0 1rem;font-size:.95rem}.forensics-tips ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem}.forensics-tips li{padding:.5rem .75rem;background:#6496ff14;border-radius:8px;color:#aaa;font-size:.85rem}.case-complete,.forensics-complete{max-width:600px;margin:3rem auto;text-align:center;background:#141423cc;border:1px solid rgba(100,150,255,.2);border-radius:20px;padding:3rem}.case-complete-icon,.complete-icon{display:inline-flex;padding:1.5rem;background:#00ff6426;border-radius:50%;margin-bottom:1.5rem}.case-complete-icon svg,.complete-icon svg{color:#00ff64}.forensics-complete .complete-icon svg{color:gold}.case-complete h2,.forensics-complete h2{color:#fff;margin:0 0 .5rem;font-size:2rem}.case-complete h3{color:#6496ff;margin:0 0 1.5rem}.complete-subtitle{color:#888;margin-bottom:2rem}.case-stats{display:flex;justify-content:center;margin-bottom:1.5rem}.case-stat{background:#6496ff1a;padding:1rem 2rem;border-radius:12px}.stat-num{font-size:2rem;font-weight:700;color:#6496ff}.stat-text{color:#888;font-size:.9rem}.next-case-btn,.restart-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#6496ff,#4080ff);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:2rem}.next-case-btn:hover,.restart-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6496ff66}.progress-indicator{color:#666;font-size:.9rem}.progress-bar{height:6px;background:#ffffff1a;border-radius:3px;margin-top:.5rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6496ff,#4080ff);border-radius:3px;transition:width .5s ease}.stat-card{background:#6496ff1a;border:1px solid rgba(100,150,255,.2);border-radius:12px;padding:1.25rem}.stat-card .stat-value{display:block;font-size:2rem;font-weight:700;color:#6496ff}.rank.advanced{background:#6496ff33;color:#6496ff;border:1px solid rgba(100,150,255,.4)}@media (max-width: 768px){.forensics-container{padding:1rem}.forensics-header{flex-wrap:wrap;gap:1rem}.forensics-header h1{font-size:1.5rem;order:-1;width:100%}.case-header{flex-direction:column;text-align:center}.case-icon{margin:0 auto}.puzzle-card{padding:1.25rem}.evidence-row{flex-direction:column;gap:.25rem}.evidence-key{min-width:auto}.answer-actions{flex-direction:column}.final-stats,.forensics-tips ul{grid-template-columns:1fr}}.secure-code-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a0a1a,#0a0a15);padding:2rem;color:#e0e0e0}.secure-code-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(200,100,255,.2)}.secure-code-header h1{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;color:#c864ff;text-shadow:0 0 20px rgba(200,100,255,.4)}.secure-code-header .title-icon{color:#c864ff}.back-button:hover{color:#c864ff;background:#c864ff1a}.score-display{display:flex;align-items:center;gap:.5rem;background:#c864ff26;padding:.75rem 1.25rem;border-radius:12px;border:1px solid rgba(200,100,255,.3);font-weight:600;color:#c864ff}.progress-bar-container{margin-bottom:2rem}.progress-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:#888}.progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#c864ff,#9040ff);border-radius:3px;transition:width .5s ease}.challenge-card{background:#141423cc;border:1px solid rgba(200,100,255,.2);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 40px #0000004d}.challenge-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(200,100,255,.15)}.challenge-info{display:flex;align-items:flex-start;gap:1rem}.challenge-icon{color:#c864ff;background:#c864ff26;padding:.5rem;border-radius:8px}.challenge-info h2{margin:0 0 .5rem;font-size:1.25rem;color:#fff}.challenge-meta{display:flex;gap:.75rem}.language-badge{background:#00c8ff26;color:#00c8ff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.difficulty-badge{font-size:.8rem;font-weight:600}.points-badge{background:linear-gradient(135deg,#c864ff,#9040ff);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.code-block{background:#0a0a12;border:1px solid rgba(200,100,255,.1);border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.code-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#c864ff1a;color:#888;font-size:.85rem;border-bottom:1px solid rgba(200,100,255,.1)}.code-block pre{margin:0;padding:1.25rem;overflow-x:auto}.code-block code{font-family:Monaco,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.6;color:#e0e0e0;white-space:pre}.question-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.question-header svg{color:#ff6b6b}.question-header h3{margin:0;font-size:1.1rem;color:#fff}.options-grid{display:grid;gap:.75rem;margin-bottom:1.5rem}.option-btn{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left}.option-btn:hover:not(:disabled){background:#c864ff1a;border-color:#c864ff4d}.option-btn.selected{background:#c864ff26;border-color:#c864ff}.option-btn.correct{background:#00ff6426;border-color:#00ff64}.option-btn.incorrect{background:#ff444426;border-color:#f44}.option-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#c864ff33;border-radius:8px;font-weight:600;color:#c864ff;flex-shrink:0}.option-btn.selected .option-letter{background:#c864ff;color:#000}.option-btn.correct .option-letter{background:#00ff64;color:#000}.option-btn.incorrect .option-letter{background:#f44;color:#fff}.option-text{flex:1;color:#ddd}.result-icon{flex-shrink:0}.result-icon.correct{color:#00ff64}.result-icon.incorrect{color:#f44}.action-buttons{display:flex;gap:1rem}.hint-btn{display:flex;align-items:center;gap:.5rem;background:#ffc80026;color:#ffc800;border:1px solid rgba(255,200,0,.3);padding:.75rem 1.25rem;border-radius:10px;cursor:pointer;transition:all .3s ease}.hint-btn:hover{background:#ffc80040}.submit-btn{flex:1;background:linear-gradient(135deg,#c864ff,#9040ff);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #c864ff66}.hint-box{display:flex;align-items:flex-start;gap:.75rem;background:#ffc8001a;border:1px solid rgba(255,200,0,.2);border-radius:10px;padding:1rem;margin-top:1rem;animation:fadeIn .3s ease}.hint-box svg{color:#ffc800;flex-shrink:0}.hint-box span{color:#ddd}.result-section{margin-top:1.5rem;padding:1.5rem;border-radius:12px;animation:fadeIn .3s ease}.result-section.correct{background:#00ff641a;border:1px solid rgba(0,255,100,.3)}.result-section.incorrect{background:#ff44441a;border:1px solid rgba(255,68,68,.3)}.result-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.result-section.correct .result-header{color:#00ff64}.result-section.incorrect .result-header{color:#ff6464}.explanation{background:#0003;border-radius:10px;padding:1rem;margin-bottom:1rem}.explanation h4{display:flex;align-items:center;gap:.5rem;color:#c864ff;margin:0 0 .75rem;font-size:.9rem}.explanation p{color:#ccc;line-height:1.6;margin:0}.next-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#c864ff,#9040ff);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.next-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #c864ff66}.vulnerability-reference{background:#c864ff0d;border:1px solid rgba(200,100,255,.15);border-radius:12px;padding:1.25rem}.vulnerability-reference h4{display:flex;align-items:center;gap:.5rem;color:#c864ff;margin:0 0 1rem;font-size:.9rem}.vuln-tags{display:flex;flex-wrap:wrap;gap:.5rem}.vuln-tags span{padding:.4rem .75rem;background:#c864ff1a;border:1px solid rgba(200,100,255,.2);border-radius:20px;font-size:.8rem;color:#aaa}.completion-screen{max-width:600px;margin:3rem auto;text-align:center;background:#141423cc;border:1px solid rgba(200,100,255,.2);border-radius:20px;padding:3rem}.completion-icon{display:inline-flex;padding:1.5rem;background:#ffd70026;border-radius:50%;margin-bottom:1.5rem;color:gold}.completion-screen h2{color:#fff;margin:0 0 .5rem;font-size:2rem}.completion-screen>p{color:#888;margin-bottom:2rem}.stat-card{background:#c864ff1a;border:1px solid rgba(200,100,255,.2);border-radius:12px;padding:1.25rem}.stat-card .stat-value{display:block;font-size:2rem;font-weight:700;color:#c864ff}.stat-card .stat-label{font-size:.85rem;color:#888}.rank-display{margin-bottom:2rem}.rank-display h3{color:#888;font-size:.9rem;margin-bottom:.75rem}.rank{display:inline-block;padding:.75rem 2rem;border-radius:30px;font-size:1.25rem;font-weight:600}.rank.elite{background:linear-gradient(135deg,#ffd70033,#ffa50033);color:gold;border:1px solid rgba(255,215,0,.4);text-shadow:0 0 20px rgba(255,215,0,.4)}.rank.advanced{background:#c864ff33;color:#c864ff;border:1px solid rgba(200,100,255,.4)}.rank.novice{background:#00ff6426;color:#00ff64;border:1px solid rgba(0,255,100,.3)}.restart-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#c864ff,#9040ff);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.restart-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #c864ff66}@media (max-width: 768px){.secure-code-container{padding:1rem}.secure-code-header{flex-wrap:wrap;gap:1rem}.secure-code-header h1{font-size:1.5rem;order:-1;width:100%}.challenge-header{flex-direction:column;gap:1rem}.challenge-card{padding:1.25rem}.code-block pre{font-size:.8rem}.action-buttons{flex-direction:column}.final-stats{grid-template-columns:1fr}.option-btn{padding:.75rem 1rem}}.code-block{position:relative;overflow:hidden}.code-block:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(200,100,255,.1),transparent);animation:codeGlow 3s ease-in-out infinite}@keyframes codeGlow{0%{left:-50%}to{left:150%}}.owasp-badge{display:inline-block;padding:.25rem .6rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-left:.5rem}.owasp-injection{background:#ff323233;color:#f55;border:1px solid rgba(255,50,50,.3)}.owasp-auth{background:#ff960033;color:#f90;border:1px solid rgba(255,150,0,.3)}.owasp-exposure{background:#ffc80033;color:#fc0;border:1px solid rgba(255,200,0,.3)}.owasp-xxe{background:#b464ff33;color:#b464ff;border:1px solid rgba(180,100,255,.3)}.owasp-access{background:#0096ff33;color:#0096ff;border:1px solid rgba(0,150,255,.3)}.owasp-misconfig{background:#00c8c833;color:#0cc;border:1px solid rgba(0,200,200,.3)}.owasp-xss{background:#ff649633;color:#ff6496;border:1px solid rgba(255,100,150,.3)}.owasp-deserial{background:#00c86433;color:#00c864;border:1px solid rgba(0,200,100,.3)}.severity-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.severity-critical{background:#ff003240;color:#f36;animation:criticalPulse 1.5s ease-in-out infinite}.severity-high{background:#ff640033;color:#ff6400}.severity-medium{background:#ffc80033;color:#ffc800}.severity-low{background:#00c86433;color:#00c864}@keyframes criticalPulse{0%,to{box-shadow:0 0 5px #ff003266}50%{box-shadow:0 0 15px #ff0032b3}}.difficulty-badge.hard{animation:hardDiffPulse 2s ease-in-out infinite}@keyframes hardDiffPulse{0%,to{box-shadow:0 0 5px #ff64644d}50%{box-shadow:0 0 12px #ff646499}}.code-block pre{position:relative}.code-block pre::selection{background:#c864ff4d}.code-block{counter-reset:line}.code-header:after{content:"";display:inline-block;width:8px;height:16px;background:#c864ff;margin-left:8px;animation:typingCursor 1s step-end infinite}@keyframes typingCursor{0%,to{opacity:1}50%{opacity:0}}.deepfake-detection{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0f0f1a);padding:2rem;color:#e0e0e0;position:relative;overflow:hidden}.deepfake-detection:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(255,0,128,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(0,200,255,.1) 0%,transparent 50%);pointer-events:none}.deepfake-detection:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00d4ff,transparent);animation:scanLine 3s linear infinite;pointer-events:none;z-index:100}@keyframes scanLine{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.deepfake-intro{max-width:900px;margin:0 auto;position:relative;z-index:1}.intro-header{text-align:center;margin-bottom:3rem}.ai-icon{font-size:5rem;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.intro-header h1{font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,#ff0080,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:-1px}.intro-subtitle{font-size:1.3rem;color:#888}.intro-content{display:flex;flex-direction:column;gap:2rem}.threat-warning{display:flex;gap:1.5rem;background:linear-gradient(135deg,#ff005026,#ff00500d);border:1px solid rgba(255,0,80,.3);border-radius:16px;padding:1.5rem;align-items:center}.warning-icon{font-size:3rem;flex-shrink:0}.warning-text h3{color:#ff4080;margin-bottom:.5rem;font-size:1.2rem}.warning-text p{color:#aaa;line-height:1.6}.intro-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;text-align:center;display:flex;flex-direction:column;gap:.5rem}.stat-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content-types{text-align:center}.content-types h3{margin-bottom:1rem;color:#aaa}.type-grid{display:flex;justify-content:center;gap:2rem}.type-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#ffffff0d;padding:1rem 2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.type-icon{font-size:2rem}.start-game-btn{background:linear-gradient(135deg,#ff0080,#ff4080);border:none;padding:1.2rem 3rem;border-radius:50px;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1rem;margin:1rem auto;transition:all .3s ease;box-shadow:0 10px 40px #ff00804d}.start-game-btn:hover{transform:translateY(-3px);box-shadow:0 15px 50px #ff008066}.btn-arrow{font-size:1.5rem;transition:transform .3s ease}.start-game-btn:hover .btn-arrow{transform:translate(5px)}.tips-toggle-btn{background:transparent;border:2px solid rgba(0,212,255,.5);color:#00d4ff;padding:.8rem 2rem;border-radius:50px;cursor:pointer;font-size:1rem;margin:0 auto;display:block;transition:all .3s ease}.tips-toggle-btn:hover{background:#00d4ff1a}.tips-section{margin-top:2rem;padding:2rem;background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);border-radius:16px}.tips-section h2{text-align:center;margin-bottom:1.5rem;color:#00d4ff}.tips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.tip-category{background:#0000004d;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.tip-category h4{color:#0f8;margin-bottom:1rem;font-size:1.1rem}.tip-category ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.tip-category li{color:#aaa;font-size:.9rem;padding-left:1.5rem;position:relative}.tip-category li:before{content:"→";position:absolute;left:0;color:#00d4ff}.back-link:hover{color:#00d4ff}.deepfake-game{max-width:800px;margin:0 auto;position:relative;z-index:1}.progress-fill{height:100%;background:linear-gradient(90deg,#ff0080,#00d4ff);border-radius:4px;transition:width .5s ease}.score-display{display:flex;flex-direction:column;align-items:center;background:#00ff881a;border:1px solid rgba(0,255,136,.3);padding:.8rem 1.5rem;border-radius:12px}.score-value{font-size:1.8rem;font-weight:800;color:#0f8}.scenario-header{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.scenario-type{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.scenario-type.video{background:#ff008033;color:#ff4080;border:1px solid rgba(255,0,128,.3)}.scenario-type.audio{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.3)}.scenario-type.image{background:#00d4ff33;color:#00d4ff;border:1px solid rgba(0,212,255,.3)}.difficulty{padding:.4rem .8rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase}.difficulty.hard{background:#ff005033;color:#ff4080}.timer{margin-left:auto;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border-radius:20px;font-weight:600}.timer.urgent{background:#ff005033;color:#ff4080;animation:timerPulse .5s ease infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.6}}.scenario-content{text-align:center;margin-bottom:2rem}.scenario-thumbnail{font-size:5rem;margin-bottom:1rem}.scenario-content h2{font-size:1.8rem;margin-bottom:1rem;color:#fff}.scenario-description{color:#aaa;line-height:1.8;font-size:1.05rem;max-width:600px;margin:0 auto}.indicators-section{background:#0000004d;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.indicators-section h4{color:#00d4ff;margin-bottom:1rem}.indicators-list{list-style:none;padding:0;display:grid;gap:.8rem}.indicators-list li{color:#bbb;padding:.8rem 1rem;background:#ffffff08;border-radius:8px;border-left:3px solid rgba(0,212,255,.5);font-size:.95rem}.answer-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.answer-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;border-radius:16px;border:2px solid;cursor:pointer;transition:all .3s ease;font-family:inherit}.answer-btn.deepfake{background:#ff00501a;border-color:#ff005066;color:#ff4080}.answer-btn.deepfake:hover{background:#ff005033;border-color:#ff4080;transform:translateY(-3px);box-shadow:0 10px 30px #ff00504d}.answer-btn.authentic{background:#00ff881a;border-color:#0f86;color:#0f8}.answer-btn.authentic:hover{background:#0f83;border-color:#0f8;transform:translateY(-3px);box-shadow:0 10px 30px #00ff884d}.btn-icon{font-size:2.5rem}.answer-btn span:nth-child(2){font-size:1.3rem;font-weight:800}.btn-subtitle{font-size:.85rem;opacity:.7}.explanation-section{display:flex;flex-direction:column;gap:1.5rem}.result-banner{text-align:center;padding:1.5rem;border-radius:12px;font-size:1.5rem;font-weight:800}.result-banner.incorrect{background:#ff005033;color:#ff4080;border:1px solid rgba(255,0,80,.4)}.actual-answer{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:12px}.answer-label{color:#888}.answer-value{font-weight:700;font-size:1.2rem}.answer-value.fake{color:#ff4080}.answer-value.real{color:#0f8}.explanation-box,.tip-box{padding:1.5rem;border-radius:12px}.explanation-box{background:#00d4ff1a;border:1px solid rgba(0,212,255,.2)}.explanation-box h4{color:#00d4ff;margin-bottom:.8rem}.tip-box{background:#ffc8001a;border:1px solid rgba(255,200,0,.2)}.tip-box h4{color:#ffc800;margin-bottom:.8rem}.tip-box p{color:#bbb;line-height:1.7}.next-btn{background:linear-gradient(135deg,#00d4ff,#0f8);border:none;padding:1rem 2rem;border-radius:50px;color:#000;font-size:1.1rem;font-weight:700;cursor:pointer;margin:1rem auto 0;display:block;transition:all .3s ease}.next-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00d4ff4d}.deepfake-complete{max-width:900px;margin:0 auto;position:relative;z-index:1}.complete-header h1{font-size:2.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#ff0080,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;text-align:center;display:flex;flex-direction:column;gap:.5rem}.stat-box .stat-value{font-size:2.2rem;font-weight:800;color:#00d4ff}.results-breakdown{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.result-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;background:#0003;border-radius:8px;border-left:3px solid}.result-item.incorrect{border-color:#ff4080}.result-icon{font-size:1.2rem;width:24px}.result-item.incorrect .result-icon{color:#ff4080}.result-type{color:#888;font-size:.85rem;text-transform:capitalize}.result-difficulty{padding:.2rem .6rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.key-takeaways{background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.key-takeaways h3{color:#00d4ff;margin-bottom:1rem}.key-takeaways li{color:#bbb;line-height:1.6}.play-again-btn{background:linear-gradient(135deg,#ff0080,#ff4080);border:none;padding:1rem 2rem;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff00804d}.back-btn{background:transparent;border:2px solid rgba(255,255,255,.3);padding:1rem 2rem;border-radius:50px;color:#888;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease}.back-btn:hover{border-color:#00d4ff;color:#00d4ff}@media (max-width: 768px){.deepfake-detection{padding:1rem}.intro-header h1{font-size:2rem}.intro-stats{grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-number{font-size:1.8rem}.tips-grid{grid-template-columns:1fr}.type-grid{gap:1rem}.type-card{padding:.8rem 1rem}.answer-buttons{grid-template-columns:1fr;gap:1rem}.answer-btn{padding:1.5rem}.final-stats{grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-box .stat-value{font-size:1.5rem}.complete-actions{flex-direction:column}.threat-warning{flex-direction:column;text-align:center}}.scenario-type.text{background:#ffc80033;color:#ffc800;border:1px solid rgba(255,200,0,.3)}.scenario-type:before{animation:typePulse 2s ease-in-out infinite}@keyframes typePulse{0%,to{opacity:1}50%{opacity:.6}}.result-banner.incorrect{animation:glitchReveal .5s ease-out}@keyframes glitchReveal{0%{transform:translate(-5px);filter:hue-rotate(90deg)}25%{transform:translate(5px);filter:hue-rotate(-90deg)}50%{transform:translate(-3px);filter:hue-rotate(45deg)}75%{transform:translate(3px);filter:hue-rotate(-45deg)}to{transform:translate(0);filter:none}}.scenario-card{position:relative;overflow:hidden}.scenario-card:before{content:"";position:absolute;top:-100%;left:0;right:0;height:50%;background:linear-gradient(180deg,transparent,rgba(0,212,255,.03),transparent);animation:cardScan 4s linear infinite;pointer-events:none}@keyframes cardScan{0%{top:-50%}to{top:150%}}.scenario-thumbnail{animation:floatIcon 3s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.indicators-section{position:relative}.indicators-section:after{content:"ANALYZING...";position:absolute;top:-10px;right:10px;font-size:.7rem;color:#00d4ff;letter-spacing:2px;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.answer-btn.deepfake:before,.answer-btn.authentic:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.answer-btn:hover:before{left:100%}.adversarial-ai-challenge{min-height:100vh;background:linear-gradient(135deg,#0d0d0d,#1a0a2e,#0d1a0d);padding:2rem;color:#e0e0e0;position:relative;overflow:hidden}.adversarial-ai-challenge:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,50,50,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(50,255,100,.08) 0%,transparent 50%);pointer-events:none}.adversarial-ai-challenge:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,255,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,0,.03) 1px,transparent 1px);background-size:50px 50px;animation:matrixScroll 20s linear infinite;pointer-events:none}@keyframes matrixScroll{0%{background-position:0 0}to{background-position:50px 50px}}.prompt-content:after{content:"▊";color:#0f8;animation:cursorBlink 1s step-end infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.ai-threat-icon{animation:glitchIcon 3s ease-in-out infinite}@keyframes glitchIcon{0%,90%,to{transform:translate(0);filter:none}92%{transform:translate(-3px,1px);filter:hue-rotate(90deg)}94%{transform:translate(3px,-1px);filter:hue-rotate(-90deg)}96%{transform:translate(-2px,2px)}98%{transform:translate(2px,-2px)}}.difficulty.hard{animation:hardPulse 2s ease-in-out infinite}@keyframes hardPulse{0%,to{box-shadow:0 0 5px #ff32324d}50%{box-shadow:0 0 15px #ff323299}}.adversarial-intro{max-width:1000px;margin:0 auto;position:relative;z-index:1}.ai-threat-icon{font-size:4rem;margin-bottom:1rem;animation:glitch 3s ease-in-out infinite}@keyframes glitch{0%,90%,to{transform:translate(0);filter:none}92%{transform:translate(-2px,1px);filter:hue-rotate(90deg)}94%{transform:translate(2px,-1px);filter:hue-rotate(-90deg)}96%{transform:translate(-1px,2px);filter:hue-rotate(180deg)}98%{transform:translate(1px,-2px);filter:none}}.intro-header h1{font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,#f33,#fa0,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:-1px}.intro-subtitle{font-size:1.2rem;color:#888}.threat-banner{background:linear-gradient(135deg,#ff323226,#ff96001a);border:1px solid rgba(255,100,50,.3);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.threat-content h3{color:#f63;margin-bottom:.5rem}.threat-content p{color:#bbb;line-height:1.6}.attack-categories{margin-bottom:2rem}.attack-categories h3{text-align:center;margin-bottom:1.5rem;color:#fff;font-size:1.3rem}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.category-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;text-align:center}.category-card:hover{transform:translateY(-5px);border-color:#0f8;box-shadow:0 10px 30px #0f83}.category-icon{font-size:3rem;display:block;margin-bottom:1rem}.category-card h4{color:#fff;margin-bottom:.5rem;font-size:1.1rem}.category-card p{color:#888;font-size:.85rem;line-height:1.5;margin-bottom:.8rem}.category-count{display:inline-block;padding:.3rem .8rem;background:#00ff8826;color:#0f8;border-radius:20px;font-size:.75rem;font-weight:600}.intro-actions{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}.start-all-btn{background:linear-gradient(135deg,#f33,#f60);border:none;padding:1.2rem 3rem;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.3rem;transition:all .3s ease;box-shadow:0 10px 40px #ff32324d}.start-all-btn:hover{transform:translateY(-3px);box-shadow:0 15px 50px #ff323266}.start-all-btn .scenario-count{font-size:.8rem;opacity:.8;font-weight:400}.defense-btn{background:transparent;border:2px solid rgba(0,255,136,.5);color:#0f8;padding:.8rem 2rem;border-radius:50px;cursor:pointer;font-size:1rem;transition:all .3s ease}.defense-btn:hover{background:#00ff881a}.defense-section{background:#00ff880d;border:1px solid rgba(0,255,136,.2);border-radius:16px;padding:2rem;margin-bottom:2rem}.defense-section h3{text-align:center;margin-bottom:1.5rem;color:#0f8}.defense-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.defense-card{background:#0000004d;padding:1.2rem;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.05)}.defense-icon{font-size:2rem;display:block;margin-bottom:.5rem}.defense-card h4{color:#fff;font-size:.95rem;margin-bottom:.3rem}.defense-card p{color:#888;font-size:.8rem}.back-link{display:block;text-align:center;margin-top:2rem;color:#666;text-decoration:none;transition:color .3s ease}.back-link:hover{color:#0f8}.adversarial-game{max-width:850px;margin:0 auto;position:relative;z-index:1}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem}.progress-info{flex:1}.progress-info .scenario-count{display:block;margin-bottom:.5rem;color:#888;font-size:.9rem}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#f33,#0f8);border-radius:4px;transition:width .5s ease}.score-display{display:flex;flex-direction:column;align-items:center;background:#ffaa001a;border:1px solid rgba(255,170,0,.3);padding:.8rem 1.5rem;border-radius:12px}.score-label{font-size:.8rem;color:#888;text-transform:uppercase}.score-value{font-size:1.8rem;font-weight:800;color:#fa0}.scenario-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scenario-header{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem}.scenario-category{padding:.5rem 1rem;background:#ffffff0d;border-radius:20px;font-size:.9rem;color:#ddd}.difficulty{padding:.4rem .8rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-left:auto}.difficulty.medium{background:#fa03;color:#fa0}.difficulty.hard{background:#ff323233;color:#f55}.scenario-title{font-size:1.6rem;color:#fff;margin-bottom:1.5rem}.situation-box{background:#0000004d;padding:1.2rem;border-radius:12px;margin-bottom:1.5rem;border-left:3px solid #666}.situation-text{color:#bbb;line-height:1.7;font-size:1rem}.prompt-box{background:#ff323214;border:1px solid rgba(255,50,50,.2);border-radius:12px;padding:1.2rem;margin-bottom:1.5rem}.prompt-label{color:#f66;font-weight:600;margin-bottom:.8rem;font-size:.9rem}.prompt-content{background:#0006;padding:1rem;border-radius:8px;font-family:Monaco,Consolas,monospace;font-size:.9rem;color:#f99;white-space:pre-wrap;word-break:break-word;overflow-x:auto;line-height:1.6}.question-box h3{color:#fff;font-size:1.15rem;font-weight:600}.option-btn{display:flex;align-items:center;gap:1rem;padding:1.2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;color:#ddd;font-family:inherit}.option-btn:hover{background:#00ff881a;border-color:#00ff884d;transform:translate(5px)}.option-letter{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:8px;font-weight:700;color:#0f8;flex-shrink:0}.option-text{flex:1;font-size:.95rem;line-height:1.5}.explanation-section{display:flex;flex-direction:column;gap:1.2rem}.result-banner{text-align:center;padding:1.2rem;border-radius:12px;font-size:1.4rem;font-weight:800}.result-banner.incorrect{background:#ff323233;color:#f55;border:1px solid rgba(255,50,50,.4)}.explanation-box,.defense-box,.realworld-box{padding:1.2rem;border-radius:12px}.explanation-box h4{color:#0af;margin-bottom:.6rem}.explanation-box p{color:#bbb;line-height:1.7}.explanation-box strong{color:#0df}.defense-box{background:#00ff881a;border:1px solid rgba(0,255,136,.2)}.defense-box h4{color:#0f8;margin-bottom:.6rem}.defense-box p{color:#bbb;line-height:1.7}.realworld-box{background:#ffaa001a;border:1px solid rgba(255,170,0,.2)}.realworld-box h4{color:#fa0;margin-bottom:.6rem}.realworld-box p{color:#bbb;line-height:1.7}.next-btn{background:linear-gradient(135deg,#0f8,#0df);border:none;padding:1rem 2rem;border-radius:50px;color:#000;font-size:1.1rem;font-weight:700;cursor:pointer;margin:.5rem auto 0;display:block;transition:all .3s ease}.next-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00ff884d}.adversarial-complete{max-width:900px;margin:0 auto;position:relative;z-index:1}.complete-header h1{font-size:2.2rem;margin-bottom:1.5rem;color:#fff}.grade-display{display:inline-flex;flex-direction:column;align-items:center;padding:2rem 3rem;background:#ffffff0d;border:3px solid;border-radius:20px}.grade-title{font-size:1.2rem;margin-top:.5rem;color:#aaa}.stat-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;text-align:center}.stat-box .stat-value{font-size:2rem;font-weight:800;color:#fa0;display:block}.category-breakdown{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.category-breakdown h3{margin-bottom:1rem;color:#fff}.breakdown-grid{display:flex;flex-wrap:wrap;gap:.8rem}.breakdown-item{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#0003;border-radius:8px}.breakdown-icon{font-size:1.2rem}.breakdown-name{color:#ddd;font-size:.9rem}.breakdown-score{color:#0f8;font-weight:700}.key-learnings{background:#00ff8814;border:1px solid rgba(0,255,136,.2);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.key-learnings h3{color:#0f8;margin-bottom:1rem}.key-learnings ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.8rem}.key-learnings li{color:#bbb;line-height:1.6;padding-left:1.5rem;position:relative}.key-learnings li:before{content:"→";position:absolute;left:0;color:#0f8}.key-learnings li strong{color:#fff}.play-again-btn{background:linear-gradient(135deg,#f33,#f60);border:none;padding:1rem 2rem;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff32324d}.back-btn{background:transparent;border:2px solid rgba(255,255,255,.3);padding:1rem 2rem;border-radius:50px;color:#888;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:flex;align-items:center}.back-btn:hover{border-color:#0f8;color:#0f8}@media (max-width: 768px){.adversarial-ai-challenge{padding:1rem}.intro-header h1{font-size:2rem}.category-grid,.defense-grid{grid-template-columns:repeat(2,1fr)}.final-stats{grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-box .stat-value{font-size:1.5rem}.complete-actions{flex-direction:column}.prompt-content{font-size:.8rem}}@media (max-width: 480px){.category-grid{grid-template-columns:1fr}}.ai-threat-hunter{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#0d1117,#0a0f0a);padding:2rem;color:#c9d1d9;position:relative;overflow:hidden;font-family:Consolas,Monaco,Courier New,monospace}.ai-threat-hunter:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 10% 10%,rgba(0,255,100,.05) 0%,transparent 50%),radial-gradient(ellipse at 90% 90%,rgba(255,100,0,.05) 0%,transparent 50%);pointer-events:none}.ai-threat-hunter:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:1}.threat-hunter-intro{max-width:900px;margin:0 auto;position:relative;z-index:2}.hunter-icon{font-size:4rem;margin-bottom:1rem;animation:targetPulse 2s ease-in-out infinite}@keyframes targetPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(0,255,100,.5))}50%{transform:scale(1.1);filter:drop-shadow(0 0 20px rgba(0,255,100,.8))}}.intro-header h1{font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,#00ff64,#00d4ff,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:2px}.intro-subtitle{font-size:1.1rem;color:#8b949e;font-family:Segoe UI,sans-serif}.soc-banner{background:linear-gradient(135deg,#00ff641a,#0064ff1a);border:1px solid rgba(0,255,100,.3);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.banner-content h3{color:#00ff64;margin-bottom:.5rem;font-family:Segoe UI,sans-serif}.banner-content p{color:#8b949e;line-height:1.6;font-family:Segoe UI,sans-serif}.stat-card{background:#00ff640d;border:1px solid rgba(0,255,100,.2);border-radius:12px;padding:1.5rem;text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:800;color:#00ff64;text-shadow:0 0 10px rgba(0,255,100,.5)}.stat-label{color:#8b949e;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.attack-types{margin-bottom:2rem}.attack-types h3{text-align:center;margin-bottom:1rem;color:#c9d1d9;font-family:Segoe UI,sans-serif}.category-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.category-badge{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#0006;border:1px solid;border-radius:20px;font-size:.85rem}.cat-icon{font-size:1.2rem}.cat-name{color:#c9d1d9}.start-hunt-btn{display:block;margin:2rem auto;padding:1.2rem 3rem;background:linear-gradient(135deg,#00ff64,#00cc50);border:none;border-radius:50px;color:#000;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px #00ff644d}.start-hunt-btn:hover{transform:translateY(-3px);box-shadow:0 15px 50px #00ff6480}.back-link{display:block;text-align:center;margin-top:1rem;color:#8b949e;text-decoration:none;font-family:Segoe UI,sans-serif}.back-link:hover{color:#00ff64}.threat-hunter-game{max-width:1000px;margin:0 auto;position:relative;z-index:2}.scenario-count{display:block;margin-bottom:.5rem;color:#8b949e;font-size:.9rem}.progress-fill{height:100%;background:linear-gradient(90deg,#00ff64,#00d4ff);border-radius:3px;transition:width .5s ease}.score-display{display:flex;flex-direction:column;align-items:center;background:#00ff641a;border:1px solid rgba(0,255,100,.3);padding:.8rem 1.5rem;border-radius:12px}.score-label{font-size:.75rem;color:#8b949e;text-transform:uppercase}.score-value{font-size:1.8rem;font-weight:800;color:#00ff64}.scenario-card{background:#0d1117e6;border:1px solid rgba(48,54,61,.8);border-radius:16px;padding:1.5rem;box-shadow:0 10px 40px #00000080}.scenario-header{margin-bottom:1rem}.scenario-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.scenario-title-row h2{font-size:1.4rem;color:#c9d1d9;font-family:Segoe UI,sans-serif}.difficulty{padding:.3rem .8rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase}.difficulty.easy{background:#00ff6433;color:#00ff64}.difficulty.medium{background:#ffc80033;color:#ffd93d}.difficulty.hard{background:#ff646433;color:#ff6b6b;animation:hardPulse 2s ease-in-out infinite}@keyframes hardPulse{0%,to{box-shadow:0 0 5px #ff64644d}50%{box-shadow:0 0 15px #ff646499}}.scenario-meta{display:flex;gap:.8rem}.category-tag,.mitre-tag{padding:.25rem .6rem;border-radius:4px;font-size:.75rem}.category-tag{background:#6464ff33;color:#818cf8}.mitre-tag{background:#ff640033;color:#ff8c42}.scenario-description{color:#8b949e;line-height:1.6;margin-bottom:1rem;font-family:Segoe UI,sans-serif}.log-viewer{background:#0d1117;border:1px solid #30363d;border-radius:8px;overflow:hidden;margin-bottom:1rem}.log-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:#161b22;border-bottom:1px solid #30363d}.log-title{color:#c9d1d9;font-weight:600}.analyzing-badge{color:#ff6b6b;font-size:.8rem;animation:livePulse 1s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}.log-content{max-height:300px;overflow-y:auto;font-size:.8rem}.log-entry{display:grid;grid-template-columns:80px 120px 100px 100px 1fr 30px;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid rgba(48,54,61,.5);cursor:pointer;transition:background .2s ease;animation:logSlideIn .3s ease-out}@keyframes logSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.log-entry:hover{background:#30363d80}.log-entry.suspicious{background:#ff64641a;border-left:3px solid #ff6b6b}.log-entry.highlighted{background:#00ff6426;border-left:3px solid #00ff64}.log-time{color:#8b949e}.log-source{color:#58a6ff}.log-event{padding:.1rem .4rem;border-radius:3px;font-size:.7rem;text-align:center}.log-event.auth_failure,.log-event.alert{background:#ff64644d;color:#ff6b6b}.log-event.auth_success,.log-event.auth{background:#00ff644d;color:#00ff64}.log-event.process{background:#6464ff4d;color:#818cf8}.log-event.network,.log-event.outbound{background:#00c8ff4d;color:#00d4ff}.log-event.query,.log-event.download,.log-event.file{background:#ffc8004d;color:#ffd93d}.log-event.security,.log-event.registry{background:#ff64c84d;color:#f472b6}.log-event.perf,.log-event.access{background:#64c8964d;color:#6bcb77}.log-event.device,.log-event.send,.log-event.update{background:#c896ff4d;color:#c084fc}.log-user{color:#ffd93d}.log-message{color:#c9d1d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suspicious-flag{text-align:center}.log-entry.loading{display:block;text-align:center;color:#8b949e}.loading-dots{animation:loadingDots 1.5s infinite}@keyframes loadingDots{0%{content:"Receiving logs."}33%{content:"Receiving logs.."}66%{content:"Receiving logs..."}}.indicators-panel{background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:8px;padding:1rem;margin-bottom:1rem}.indicators-panel h4{color:#ff6b6b;margin-bottom:.8rem;font-family:Segoe UI,sans-serif}.indicators-panel ul{list-style:none;padding:0;display:grid;gap:.5rem}.indicators-panel li{color:#c9d1d9;padding:.4rem .8rem;background:#0000004d;border-radius:4px;border-left:3px solid #ff6b6b;font-family:Segoe UI,sans-serif;font-size:.9rem}.question-section{margin-top:1.5rem}.question-section h3{color:#c9d1d9;margin-bottom:1rem;font-family:Segoe UI,sans-serif}.option-btn{display:flex;align-items:center;gap:1rem;padding:1rem;background:#30363d80;border:1px solid #30363d;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:left;color:#c9d1d9;font-family:inherit}.option-btn:hover:not(:disabled){background:#00ff641a;border-color:#00ff644d;transform:translate(5px)}.option-btn:disabled{opacity:.5;cursor:not-allowed}.option-btn.selected{background:#00ff6433;border-color:#00ff64}.option-letter{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#00ff6433;border-radius:6px;font-weight:700;color:#00ff64;flex-shrink:0}.option-text{flex:1;font-family:Segoe UI,sans-serif}.result-banner{text-align:center;padding:1rem;border-radius:8px;font-size:1.3rem;font-weight:700;font-family:Segoe UI,sans-serif}.result-banner.correct{background:#00ff6433;color:#00ff64;border:1px solid rgba(0,255,100,.4)}.result-banner.incorrect{background:#ff646433;color:#ff6b6b;border:1px solid rgba(255,100,100,.4)}.explanation-box,.recommendation-box{padding:1rem;border-radius:8px}.explanation-box{background:#0096ff1a;border:1px solid rgba(0,150,255,.2)}.explanation-box h4{color:#58a6ff;margin-bottom:.5rem;font-family:Segoe UI,sans-serif}.explanation-box p{color:#8b949e;line-height:1.7;font-family:Segoe UI,sans-serif}.recommendation-box{background:#00ff641a;border:1px solid rgba(0,255,100,.2)}.recommendation-box h4{color:#00ff64;margin-bottom:.5rem;font-family:Segoe UI,sans-serif}.recommendation-box p{color:#8b949e;line-height:1.7;font-family:Segoe UI,sans-serif}.next-btn{background:linear-gradient(135deg,#00ff64,#00d4ff);border:none;padding:1rem 2rem;border-radius:50px;color:#000;font-size:1.1rem;font-weight:700;cursor:pointer;margin:.5rem auto 0;display:block;transition:all .3s ease;font-family:Segoe UI,sans-serif}.next-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00ff644d}.threat-hunter-complete{max-width:800px;margin:0 auto;position:relative;z-index:2}.complete-header h1{font-size:2.2rem;color:#c9d1d9;margin-bottom:1.5rem;font-family:Segoe UI,sans-serif}.grade-display{display:inline-flex;flex-direction:column;align-items:center;padding:2rem 3rem;background:#00000080;border:3px solid;border-radius:20px}.grade-title{font-size:1.1rem;margin-top:.5rem;color:#8b949e;font-family:Segoe UI,sans-serif}.stat-box{background:#30363d80;border:1px solid #30363d;border-radius:12px;padding:1.5rem;text-align:center}.stat-box .stat-value{font-size:2rem;font-weight:800;color:#00ff64;display:block}.stat-box .stat-label{color:#8b949e;font-size:.9rem;font-family:Segoe UI,sans-serif}.results-breakdown{background:#30363d4d;border:1px solid #30363d;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.results-breakdown h3{margin-bottom:1rem;color:#c9d1d9;font-family:Segoe UI,sans-serif}.result-item{display:flex;align-items:center;gap:.8rem;padding:.6rem 1rem;background:#0000004d;border-radius:6px;border-left:3px solid}.result-item.correct{border-color:#00ff64}.result-item.incorrect{border-color:#ff6b6b}.result-item.correct .result-icon{color:#00ff64}.result-item.incorrect .result-icon{color:#ff6b6b}.result-title{flex:1;color:#c9d1d9;font-family:Segoe UI,sans-serif}.result-mitre{color:#ff8c42;font-size:.8rem}.play-again-btn{background:linear-gradient(135deg,#00ff64,#00cc50);border:none;padding:1rem 2rem;border-radius:50px;color:#000;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Segoe UI,sans-serif}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00ff644d}.back-btn{background:transparent;border:2px solid #30363d;padding:1rem 2rem;border-radius:50px;color:#8b949e;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;font-family:Segoe UI,sans-serif}.back-btn:hover{border-color:#00ff64;color:#00ff64}@media (max-width: 768px){.ai-threat-hunter{padding:1rem}.intro-header h1{font-size:2rem}.intro-stats{grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-number{font-size:1.8rem}.log-entry{grid-template-columns:60px 1fr 30px;font-size:.7rem}.log-source,.log-event,.log-user{display:none}.final-stats{grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-box .stat-value{font-size:1.5rem}.complete-actions{flex-direction:column}}.cloud-security-challenge{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#0d1520);padding:2rem;color:#e0e0e0;position:relative;overflow:hidden}.cloud-security-challenge:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 30%,rgba(255,153,0,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(0,137,214,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(66,133,244,.05) 0%,transparent 60%);pointer-events:none}.cloud-security-challenge:after{content:"☁️";position:absolute;font-size:200px;opacity:.03;top:10%;right:-50px;animation:floatCloud 20s ease-in-out infinite;pointer-events:none}@keyframes floatCloud{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}.cloud-security-intro{max-width:900px;margin:0 auto;position:relative;z-index:1}.intro-header{text-align:center;margin-bottom:2rem}.cloud-icon{font-size:4rem;margin-bottom:1rem;animation:cloudPulse 3s ease-in-out infinite}@keyframes cloudPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(255,153,0,.5))}50%{transform:scale(1.05);filter:drop-shadow(0 0 25px rgba(0,137,214,.6))}}.intro-header h1{font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,#f90,#0089d6,#4285f4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:-1px}.intro-subtitle{font-size:1.1rem;color:#888}.cloud-banner{background:linear-gradient(135deg,#ff99001a,#0089d61a);border:1px solid rgba(255,153,0,.3);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.banner-content h3{color:#f90;margin-bottom:.5rem}.banner-content p{color:#aaa;line-height:1.6}.intro-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#f90,#0089d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{color:#888;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.providers-section,.categories-section{margin-bottom:2rem}.providers-section h3,.categories-section h3{text-align:center;margin-bottom:1rem;color:#ccc;font-size:1.1rem}.providers-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.provider-badge{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.2rem;background:#0000004d;border:2px solid;border-radius:12px;transition:transform .3s ease}.provider-badge:hover{transform:translateY(-3px)}.provider-icon{font-size:1.5rem}.provider-name{font-weight:600;color:#ddd}.categories-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem}.category-chip{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#ffffff0d;border-radius:20px;font-size:.85rem;color:#bbb}.start-cloud-btn{display:block;margin:2rem auto;padding:1.2rem 3rem;background:linear-gradient(135deg,#f90,#f60);border:none;border-radius:50px;color:#000;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px #ff99004d}.start-cloud-btn:hover{transform:translateY(-3px);box-shadow:0 15px 50px #f906}.back-link{display:block;text-align:center;color:#666;text-decoration:none}.back-link:hover{color:#f90}.cloud-security-game{max-width:900px;margin:0 auto;position:relative;z-index:1}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.scenario-info{flex:1}.scenario-count{display:block;margin-bottom:.5rem;color:#888;font-size:.9rem}.progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;max-width:300px}.progress-fill{height:100%;background:linear-gradient(90deg,#f90,#0089d6);border-radius:3px;transition:width .5s ease}.score-display{display:flex;flex-direction:column;align-items:center;background:#ff99001a;border:1px solid rgba(255,153,0,.3);padding:.8rem 1.5rem;border-radius:12px}.score-label{font-size:.75rem;color:#888;text-transform:uppercase}.score-value{font-size:1.8rem;font-weight:800;color:#f90}.scenario-card{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scenario-header{margin-bottom:1.5rem}.scenario-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.scenario-icon{font-size:2.5rem}.scenario-title-row h2{font-size:1.5rem;color:#fff;margin:0}.scenario-badges{display:flex;flex-wrap:wrap;gap:.6rem}.provider-tag,.category-tag,.severity-tag{padding:.3rem .8rem;border-radius:6px;font-size:.75rem;font-weight:600}.provider-tag{background:#f903;color:#f90}.category-tag{background:#0089d633;color:#0089d6}.severity-tag{background:#ffffff1a;font-weight:700}.difficulty{padding:.3rem .8rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase}.difficulty.easy{background:#0f83;color:#0f8}.difficulty.medium{background:#ffc80033;color:#ffc800}.difficulty.hard{background:#ff464633;color:#ff4646;animation:hardGlow 2s ease-in-out infinite}@keyframes hardGlow{0%,to{box-shadow:0 0 5px #ff46464d}50%{box-shadow:0 0 15px #ff464680}}.scenario-description{color:#aaa;line-height:1.6;margin-bottom:1.5rem}.code-viewer{background:#0d1117;border:1px solid #30363d;border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.code-header{padding:.8rem 1rem;background:#161b22;border-bottom:1px solid #30363d;color:#8b949e;font-size:.85rem}.code-content{padding:1rem;margin:0;font-family:Consolas,Monaco,monospace;font-size:.85rem;line-height:1.6;color:#c9d1d9;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.question-section h3{color:#fff;margin-bottom:1rem;font-size:1.1rem}.options-grid{display:flex;flex-direction:column;gap:.8rem}.option-btn{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;color:#ddd;font-family:inherit}.option-btn:hover{background:#ff99001a;border-color:#ff99004d;transform:translate(5px)}.option-btn.selected{background:#f903;border-color:#f90}.option-letter{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f903;border-radius:8px;font-weight:700;color:#f90;flex-shrink:0}.result-section{display:flex;flex-direction:column;gap:1rem}.result-banner{text-align:center;padding:1rem;border-radius:12px;font-size:1.3rem;font-weight:700}.result-banner.correct{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.4)}.result-banner.incorrect{background:#ff464633;color:#ff4646;border:1px solid rgba(255,70,70,.4)}.explanation-box,.remediation-box,.realworld-box{padding:1.2rem;border-radius:12px}.explanation-box{background:#ff46461a;border:1px solid rgba(255,70,70,.2)}.explanation-box h4{color:#ff6b6b;margin-bottom:.5rem}.remediation-box{background:#00ff881a;border:1px solid rgba(0,255,136,.2)}.remediation-box h4{color:#0f8;margin-bottom:.5rem}.realworld-box{background:#ff99001a;border:1px solid rgba(255,153,0,.2)}.realworld-box h4{color:#f90;margin-bottom:.5rem}.explanation-box p,.remediation-box p,.realworld-box p{color:#bbb;line-height:1.7}.next-btn{background:linear-gradient(135deg,#f90,#0089d6);border:none;padding:1rem 2rem;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;margin:.5rem auto 0;display:block;transition:all .3s ease}.next-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff99004d}.cloud-security-complete{max-width:800px;margin:0 auto;position:relative;z-index:1}.complete-header{text-align:center;margin-bottom:2rem}.complete-header h1{font-size:2.2rem;color:#fff;margin-bottom:1.5rem}.grade-display{display:inline-flex;flex-direction:column;align-items:center;padding:2rem 3rem;background:#0006;border:3px solid;border-radius:20px}.grade-letter{font-size:5rem;font-weight:900;line-height:1}.grade-title{font-size:1.1rem;margin-top:.5rem;color:#aaa}.final-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-box{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;text-align:center}.stat-box .stat-value{font-size:2rem;font-weight:800;color:#f90;display:block}.stat-box .stat-label{color:#888;font-size:.9rem}.results-breakdown{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.results-breakdown h3{margin-bottom:1rem;color:#fff}.results-list{display:flex;flex-direction:column;gap:.5rem}.result-item{display:flex;align-items:center;gap:.8rem;padding:.6rem 1rem;background:#0000004d;border-radius:8px;border-left:3px solid}.result-item.correct{border-color:#0f8}.result-item.incorrect{border-color:#ff4646}.result-icon{font-size:1.1rem}.result-item.correct .result-icon{color:#0f8}.result-item.incorrect .result-icon{color:#ff4646}.result-scenario-icon{font-size:1.2rem}.result-title{flex:1;color:#ddd}.result-provider{color:#f90;font-size:.8rem;padding:.2rem .5rem;background:#f903;border-radius:4px}.key-takeaways{background:#00ff8814;border:1px solid rgba(0,255,136,.2);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.key-takeaways h3{color:#0f8;margin-bottom:1rem}.key-takeaways ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.8rem}.key-takeaways li{color:#bbb;line-height:1.6;padding-left:1.5rem;position:relative}.key-takeaways li:before{content:"☁️";position:absolute;left:0;font-size:.8rem}.key-takeaways li strong{color:#fff}.play-again-btn{background:linear-gradient(135deg,#f90,#f60);border:none;padding:1rem 2rem;border-radius:50px;color:#000;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff99004d}.back-btn{background:transparent;border:2px solid rgba(255,255,255,.2);padding:1rem 2rem;border-radius:50px;color:#888;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:flex;align-items:center}.back-btn:hover{border-color:#f90;color:#f90}@media (max-width: 768px){.cloud-security-challenge{padding:1rem}.intro-header h1{font-size:2rem}.intro-stats,.final-stats{grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-number{font-size:1.8rem}.code-content{font-size:.75rem}.scenario-badges{gap:.4rem}.complete-actions{flex-direction:column}.providers-grid{gap:.5rem}.provider-badge{padding:.5rem .8rem;font-size:.85rem}}.dark-web-investigation{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0f0f1a);color:#e0e0e0;font-family:JetBrains Mono,Fira Code,Consolas,monospace;position:relative;overflow-x:hidden}.dark-web-investigation:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,65,.03) 2px,rgba(0,255,65,.03) 4px);pointer-events:none;z-index:1}.dwi-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:#0009;border-bottom:1px solid rgba(0,255,65,.3);position:relative;z-index:10}.back-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid rgba(0,255,65,.5);color:#00ff41;padding:.6rem 1.2rem;border-radius:4px;cursor:pointer;font-family:inherit;font-size:.9rem;transition:all .3s ease}.back-btn:hover{background:#00ff411a;box-shadow:0 0 20px #00ff414d}.header-center h1{font-size:1.8rem;font-weight:700;color:#00ff41;text-shadow:0 0 20px rgba(0,255,65,.5);margin:0;letter-spacing:2px}.header-icon{color:#00ff41;filter:drop-shadow(0 0 10px rgba(0,255,65,.5));animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 10px rgba(0,255,65,.5))}50%{filter:drop-shadow(0 0 20px rgba(0,255,65,.8))}}.subtitle{font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:3px}.xp-display{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ffd70033,#ffa5001a);padding:.6rem 1.2rem;border-radius:4px;border:1px solid rgba(255,215,0,.5);color:gold;font-weight:600}.dwi-content{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;padding:1.5rem 2rem;min-height:calc(100vh - 180px);position:relative;z-index:5}.terminal-panel{background:#0d0d0d;border:1px solid #333;border-radius:8px;overflow:hidden;height:fit-content;max-height:400px;position:sticky;top:1.5rem}.terminal-header{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;background:#1a1a1a;border-bottom:1px solid #333}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27ca40}.terminal-title{margin-left:auto;font-size:.75rem;color:#666}.terminal-body{padding:1rem;font-size:.8rem;line-height:1.6;max-height:320px;overflow-y:auto}.terminal-body::-webkit-scrollbar{width:6px}.terminal-body::-webkit-scrollbar-track{background:#1a1a1a}.terminal-body::-webkit-scrollbar-thumb{background:#00ff41;border-radius:3px}.terminal-line{margin-bottom:.3rem;word-break:break-word}.terminal-line.system{color:#00ff41}.terminal-line.info{color:#00bfff}.terminal-line.warning{color:#fa0}.terminal-line.error{color:#f44}.terminal-line.success{color:#4f4}.terminal-cursor{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.prompt{color:#00ff41}.cursor{animation:blink 1s infinite;color:#00ff41}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.missions-panel{padding:1rem}.missions-panel h2{display:flex;align-items:center;gap:.8rem;font-size:1.5rem;color:#00ff41;margin-bottom:1.5rem;text-shadow:0 0 10px rgba(0,255,65,.3)}.missions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem}.mission-card{background:linear-gradient(145deg,#14141ee6,#0a0a0ff2);border:1px solid rgba(0,255,65,.2);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.mission-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00ff41,transparent);transition:left .5s ease}.mission-card:hover:before{left:100%}.mission-card:hover{border-color:#00ff41;transform:translateY(-4px);box-shadow:0 10px 40px #00ff4133}.mission-card.completed{border-color:#4f46;background:linear-gradient(145deg,#0032004d,#0a0a0ff2)}.mission-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.difficulty.beginner{background:#4f43;color:#4f4;border:1px solid rgba(68,255,68,.4)}.difficulty.intermediate{background:#fa03;color:#fa0;border:1px solid rgba(255,170,0,.4)}.difficulty.advanced{background:#f443;color:#f44;border:1px solid rgba(255,68,68,.4)}.completed-icon{color:#4f4}.mission-card h3{font-size:1.1rem;color:#fff;margin-bottom:.5rem}.mission-card p{font-size:.85rem;color:#888;line-height:1.5;margin-bottom:1rem}.mission-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.xp-reward{display:flex;align-items:center;gap:.3rem;color:gold;font-size:.9rem;font-weight:600}.start-btn{background:linear-gradient(135deg,#00ff41,#0c3);color:#000;border:none;padding:.5rem 1rem;border-radius:6px;font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.start-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #00ff4180}.mission-active{padding:1rem}.mission-info{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.mission-info h2{color:#00ff41;font-size:1.4rem}.abort-btn{margin-left:auto;background:transparent;border:1px solid #ff4444;color:#f44;padding:.5rem 1rem;border-radius:6px;font-family:inherit;cursor:pointer;transition:all .3s ease}.abort-btn:hover{background:#f443}.quiz-container{background:#14141ecc;border-radius:12px;padding:1.5rem;border:1px solid rgba(0,255,65,.2)}.quiz-container h3{display:flex;align-items:center;gap:.5rem;color:#00ff41;margin-bottom:1.5rem}.quiz-question{background:#0000004d;padding:1.2rem;border-radius:8px;margin-bottom:1rem;border:1px solid transparent;transition:all .3s ease}.quiz-question.correct{border-color:#4f4;background:#00640033}.quiz-question.incorrect{border-color:#f44;background:#64000033}.question-text{font-size:1rem;color:#fff;margin-bottom:1rem}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.option-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#ccc;padding:.8rem 1rem;border-radius:6px;font-family:inherit;font-size:.85rem;cursor:pointer;transition:all .3s ease;text-align:left}.option-btn:hover:not(:disabled){background:#00ff411a;border-color:#00ff4180}.option-btn.selected{background:#00ff4133;border-color:#00ff41;color:#00ff41}.option-btn.correct-answer{background:#44ff444d;border-color:#4f4;color:#4f4}.explanation{margin-top:.8rem;padding:.8rem;background:#00bfff1a;border-left:3px solid #00bfff;color:#00bfff;font-size:.85rem;border-radius:0 4px 4px 0}.submit-btn{display:block;width:100%;max-width:300px;margin:1.5rem auto 0;padding:.8rem 2rem;background:linear-gradient(135deg,#00ff41,#0c3);color:#000;border:none;border-radius:8px;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:hover{transform:scale(1.02);box-shadow:0 0 30px #00ff4180}.investigation-container{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem;position:relative}.marketplace-sim{background:#0a0a0a;border:1px solid #333;border-radius:8px;overflow:hidden}.marketplace-header{display:flex;align-items:center;gap:.8rem;padding:1rem;background:linear-gradient(90deg,#1a1a2e,#0a0a15);border-bottom:1px solid #333;color:#f44}.onion-url{margin-left:auto;font-size:.75rem;color:#666;font-family:monospace}.listings{padding:1rem;max-height:500px;overflow-y:auto}.listing{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;margin-bottom:.8rem;cursor:pointer;transition:all .3s ease}.listing:hover{background:#ffffff0f;border-color:#fff3}.listing.selected{border-color:#00ff41;background:#00ff411a}.listing.flagged{border-color:#f44;background:#ff44441a}.listing-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.listing-title{color:#fff;font-weight:500}.listing-meta{display:flex;gap:1rem;font-size:.8rem;color:#888;margin-bottom:.5rem}.price{color:gold;font-weight:600}.listing-actions{display:flex;justify-content:flex-end}.flag-btn{display:flex;align-items:center;gap:.3rem;background:transparent;border:1px solid #ff4444;color:#f44;padding:.3rem .6rem;border-radius:4px;font-family:inherit;font-size:.75rem;cursor:pointer;transition:all .3s ease}.flag-btn:hover:not(:disabled){background:#f443}.flag-btn:disabled{opacity:.5;cursor:not-allowed}.tasks-panel{background:#14141ee6;border:1px solid rgba(0,255,65,.2);border-radius:8px;padding:1.2rem}.tasks-panel h4{display:flex;align-items:center;gap:.5rem;color:#00ff41;margin-bottom:1rem}.tasks-panel ul{list-style:none;padding:0;margin:0 0 1rem}.tasks-panel li{padding:.8rem;background:#0000004d;border-radius:6px;margin-bottom:.5rem}.tasks-panel li span{display:block;color:#fff;font-size:.9rem;margin-bottom:.3rem}.tasks-panel li small{color:#666;font-size:.75rem}.selected-info{background:#00ff411a;border:1px solid rgba(0,255,65,.3);border-radius:6px;padding:1rem;margin-bottom:1rem}.selected-info h5{color:#00ff41;margin-bottom:.5rem}.selected-info p{font-size:.85rem;color:#ccc;margin:.3rem 0}.profiling-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.evidence-panel{background:#0a0a0fe6;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.2rem;max-height:600px;overflow-y:auto}.evidence-panel h4{display:flex;align-items:center;gap:.5rem;color:#00bfff;margin-bottom:1rem}.evidence-card{background:#0006;border-left:3px solid #666;border-radius:0 6px 6px 0;padding:1rem;margin-bottom:.8rem}.evidence-card.forum_post{border-left-color:#00ff41}.evidence-card.marketplace{border-left-color:gold}.evidence-card.chat_log{border-left-color:#f44}.evidence-card.crypto_trace{border-left-color:#00bfff}.evidence-card.language{border-left-color:#f6f}.evidence-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.evidence-type{font-size:.7rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:1px}.evidence-source{font-size:.7rem;color:#666}.evidence-content{color:#ccc;font-size:.85rem;font-style:italic;margin:.5rem 0;line-height:1.5}.evidence-date{font-size:.7rem;color:#555}.profile-builder{background:#14141ee6;border:1px solid rgba(0,255,65,.2);border-radius:8px;padding:1.2rem}.profile-builder h4{display:flex;align-items:center;gap:.5rem;color:#00ff41;margin-bottom:1.5rem}.profile-field{margin-bottom:1.2rem}.profile-field label{display:block;color:#888;font-size:.85rem;margin-bottom:.5rem}.profile-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.profile-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#ccc;padding:.6rem;border-radius:6px;font-family:inherit;font-size:.8rem;cursor:pointer;transition:all .3s ease}.profile-btn:hover{background:#00ff411a;border-color:#00ff4180}.profile-btn.selected{background:#00ff4133;border-color:#00ff41;color:#00ff41}.ransomware-container{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem}.leak-site{background:#0a0a0a;border:2px solid #ff4444;border-radius:8px;overflow:hidden}.leak-header{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:linear-gradient(180deg,#1a0000,#0a0a0a);border-bottom:1px solid #ff4444}.leak-header h3{color:#f44;font-size:1.5rem;margin:.5rem 0;text-shadow:0 0 20px rgba(255,68,68,.5)}.motto{color:#888;font-style:italic;font-size:.85rem}.victims-list{padding:1rem;max-height:450px;overflow-y:auto}.victim-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;margin-bottom:.8rem}.victim-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.company{color:#fff;font-weight:600}.status{padding:.2rem .6rem;border-radius:4px;font-size:.7rem;font-weight:600}.status.leaked{background:#f44;color:#fff}.status.countdown{background:#fa0;color:#000;animation:pulse 1s infinite}.status.removed{background:#4f4;color:#000}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.victim-details{display:flex;gap:1rem;font-size:.8rem;color:#888;flex-wrap:wrap}.victim-details span{display:flex;align-items:center;gap:.3rem}.ransom{color:gold!important;font-weight:600}.countdown{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;color:#fa0;font-size:.85rem;font-weight:600}.analysis-panel{background:#14141ee6;border:1px solid rgba(0,255,65,.2);border-radius:8px;padding:1.2rem}.analysis-panel h4{display:flex;align-items:center;gap:.5rem;color:#00ff41;margin-bottom:1rem}.analysis-question{margin-bottom:1rem}.analysis-question label{display:block;color:#ccc;font-size:.9rem;margin-bottom:.5rem}.analysis-question input{width:100%;background:#0006;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.8rem;border-radius:6px;font-family:inherit;font-size:.9rem}.analysis-question input:focus{outline:none;border-color:#00ff41}.crypto-container{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem}.blockchain-visual{background:#0a0a0fe6;border:1px solid rgba(0,191,255,.3);border-radius:8px;padding:1.2rem}.blockchain-visual h4{display:flex;align-items:center;gap:.5rem;color:#00bfff;margin-bottom:1.5rem}.transaction-flow{display:flex;flex-direction:column;gap:.5rem}.transaction-node{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;position:relative}.transaction-node:after{content:"↓";position:absolute;bottom:-18px;left:50%;transform:translate(-50%);color:#00bfff;font-size:1.2rem}.transaction-node:last-child:after{display:none}.tx-step{font-size:.7rem;color:#00bfff;font-weight:600;margin-bottom:.3rem}.tx-details{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#ccc;margin-bottom:.3rem}.tx-arrow{color:#00ff41}.tx-amount{color:gold;font-weight:600;font-size:.9rem}.tx-note{font-size:.75rem;color:#888;font-style:italic;margin-top:.3rem}.crypto-questions{background:#14141ee6;border:1px solid rgba(0,255,65,.2);border-radius:8px;padding:1.2rem}.crypto-questions h4{display:flex;align-items:center;gap:.5rem;color:#00ff41;margin-bottom:1rem}.crypto-question{margin-bottom:1.2rem}.crypto-question p{color:#ccc;font-size:.9rem;margin-bottom:.5rem}.crypto-options{display:flex;flex-direction:column;gap:.4rem}.crypto-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#ccc;padding:.6rem 1rem;border-radius:6px;font-family:inherit;font-size:.8rem;cursor:pointer;transition:all .3s ease;text-align:left}.crypto-btn:hover{background:#00ff411a;border-color:#00ff4180}.crypto-btn.selected{background:#00ff4133;border-color:#00ff41;color:#00ff41}.results-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.results-card{background:linear-gradient(145deg,#1a1a2e,#0a0a15);border:2px solid #00ff41;border-radius:16px;padding:3rem;text-align:center;max-width:400px}.success-icon{color:#4f4;margin-bottom:1rem}.fail-icon{color:#f44;margin-bottom:1rem}.results-card h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.results-card p{color:#888;font-size:.95rem;margin-bottom:1.5rem;line-height:1.5}.results-card button{background:linear-gradient(135deg,#00ff41,#0c3);color:#000;border:none;padding:.8rem 2rem;border-radius:8px;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.results-card button:hover{transform:scale(1.05);box-shadow:0 0 30px #00ff4180}.dwi-footer{padding:1rem 2rem;position:relative;z-index:10}.warning-banner{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.8rem;background:#ffaa001a;border:1px solid rgba(255,170,0,.3);border-radius:8px;color:#fa0;font-size:.85rem}@media (max-width: 1200px){.dwi-content{grid-template-columns:1fr}.terminal-panel{position:relative;top:0}.investigation-container,.profiling-container,.ransomware-container,.crypto-container{grid-template-columns:1fr}}@media (max-width: 768px){.dwi-header{flex-direction:column;gap:1rem}.missions-grid,.options,.profile-options{grid-template-columns:1fr}}.mobile-security-lab{min-height:100vh;background:linear-gradient(145deg,#0f0f1a,#1a1a2e,#16213e);color:#e0e0e0;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.msl-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:#0006;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid rgba(99,179,237,.5);color:#63b3ed;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.9rem;transition:all .3s ease}.back-btn:hover{background:#63b3ed1a;box-shadow:0 0 20px #63b3ed4d}.header-center h1{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#63b3ed,#4fd1c5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.header-icon{color:#63b3ed;filter:drop-shadow(0 0 10px rgba(99,179,237,.5))}.msl-content{padding:2rem;max-width:1400px;margin:0 auto}.lab-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#63b3ed,#4fd1c5);opacity:0;transition:opacity .3s ease}.lab-card:hover{transform:translateY(-5px);border-color:#63b3ed4d;box-shadow:0 15px 40px #63b3ed26}.lab-icon{display:flex;justify-content:center;margin:1.5rem 0;color:#63b3ed}.lab-instructions{display:flex;align-items:center;gap:.8rem;padding:1rem 1.5rem;background:#63b3ed1a;border:1px solid rgba(99,179,237,.3);border-radius:12px;margin-bottom:1.5rem;color:#63b3ed}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.2rem}.app-card{background:#141423e6;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.2rem;transition:all .3s ease}.app-card.dangerous{border-color:#f5656580;background:#f565650d}.app-card.safe{border-color:#48bb7880;background:#48bb780d}.app-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.app-icon{font-size:2.5rem}.app-info h4{color:#fff;margin:0 0 .2rem;font-size:1.1rem}.app-category{font-size:.8rem;color:#888}.permissions-list h5{color:#888;font-size:.8rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.permissions{display:flex;flex-wrap:wrap;gap:.4rem}.permission-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:#ffffff1a;border-radius:6px;font-size:.75rem;color:#ccc}.verdict-buttons{display:flex;gap:.8rem;margin-top:1rem}.verdict-buttons button{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem;border-radius:8px;font-family:inherit;font-size:.85rem;cursor:pointer;transition:all .3s ease}.safe-btn,.legit-btn,.secure-btn{background:transparent;border:1px solid rgba(72,187,120,.5);color:#48bb78}.safe-btn:hover,.legit-btn:hover,.secure-btn:hover,.safe-btn.selected,.legit-btn.selected,.secure-btn.selected{background:#48bb7833;border-color:#48bb78}.danger-btn,.malware-btn,.insecure-btn{background:transparent;border:1px solid rgba(245,101,101,.5);color:#f56565}.danger-btn:hover,.malware-btn:hover,.insecure-btn:hover,.danger-btn.selected,.malware-btn.selected,.insecure-btn.selected{background:#f5656533;border-color:#f56565}.result-explanation{margin-top:1rem;padding:1rem;border-radius:8px;font-size:.85rem;line-height:1.5}.result-explanation.danger{background:#f565651a;border:1px solid rgba(245,101,101,.3)}.result-explanation.safe{background:#48bb781a;border:1px solid rgba(72,187,120,.3)}.result-badge{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;margin-bottom:.5rem}.result-explanation.danger .result-badge{color:#f56565}.result-explanation.safe .result-badge{color:#48bb78}.result-explanation p{color:#ccc;margin:0}.scenarios-list{display:flex;flex-direction:column;gap:1rem}.scenario-card{background:#141423e6;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem}.scenario-card.malware{border-color:#f5656580}.scenario-card.legitimate{border-color:#48bb7880}.scenario-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.scenario-icon{font-size:2rem}.scenario-header h4{color:#fff;margin:0;font-size:1.2rem}.behaviors h5{color:#888;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.behaviors ul{list-style:none;padding:0;margin:0}.behaviors li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#ccc;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.05)}.behaviors li:before{content:"•";position:absolute;left:0;color:#63b3ed}.behaviors li:last-child{border-bottom:none}.cases-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.case-tab{padding:.6rem 1.2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#888;font-family:inherit;cursor:pointer;transition:all .3s ease}.case-tab:hover{background:#ffffff1a}.case-tab.active{background:#63b3ed33;border-color:#63b3ed;color:#63b3ed}.file-explorer{display:flex;flex-direction:column;gap:1rem}.file-item{background:#0a0a14e6;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1rem}.file-item.secure{border-color:#48bb7880}.file-item.insecure{border-color:#f5656580}.file-path{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem;color:#63b3ed}.file-path code{font-size:.8rem;word-break:break-all}.file-content{background:#0006;border-radius:6px;padding:.8rem;margin-bottom:.8rem}.file-content pre{margin:0;font-size:.8rem;color:#ccc;white-space:pre-wrap;word-break:break-all}.file-result{display:flex;align-items:center;gap:.5rem;padding:.6rem;border-radius:6px;font-size:.85rem}.file-result.secure{background:#48bb781a;color:#48bb78}.file-result.insecure{background:#f565651a;color:#f56565}.comparison-container{margin-bottom:2rem}.comparison-hint{text-align:center;color:#ecc94b;font-size:.95rem;margin-bottom:1rem}.apps-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:start}.store-listing{background:#141423e6;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:1.2rem;cursor:pointer;transition:all .3s ease}.store-listing:hover{border-color:#63b3ed80}.store-listing.selected{border-color:#63b3ed;box-shadow:0 0 20px #63b3ed33}.store-listing.legitimate{border-color:#48bb78}.store-listing.fake{border-color:#f56565}.listing-header{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem}.listing-icon{font-size:2.5rem}.listing-header h5{color:#fff;margin:0 0 .2rem}.developer{font-size:.8rem;color:#888}.listing-meta{display:flex;gap:1rem;font-size:.85rem;color:#888;margin-bottom:.8rem}.listing-meta span{display:flex;align-items:center;gap:.3rem}.package-name{display:block;font-size:.75rem;color:#666;background:#0000004d;padding:.4rem .6rem;border-radius:4px;word-break:break-all}.vs-badge{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:linear-gradient(135deg,#f56565,#ed8936);border-radius:50%;font-weight:700;color:#fff;align-self:center}.listing-signs{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.listing-signs h6{display:flex;align-items:center;gap:.4rem;font-size:.85rem;margin-bottom:.5rem}.legit-signs h6{color:#48bb78}.fake-signs h6{color:#f56565}.listing-signs ul{list-style:none;padding:0;margin:0}.listing-signs li{font-size:.8rem;color:#aaa;padding:.3rem 0}.capture-section{margin-bottom:1.5rem}.capture-section h4{display:flex;align-items:center;gap:.5rem;color:#fff;margin-bottom:1rem}.packets-list{display:flex;flex-direction:column;gap:.8rem}.packet-item{background:#0a0a14e6;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem}.packet-item.secure{border-left:3px solid #48bb78}.packet-item.insecure{border-left:3px solid #f56565}.packet-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.protocol{padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600}.protocol.https,.protocol.wss,.protocol.local{background:#48bb7833;color:#48bb78}.protocol.http{background:#f5656533;color:#f56565}.destination{font-size:.85rem;color:#888}.packet-data{background:#0006;padding:.6rem;border-radius:4px;margin-bottom:.5rem}.packet-data code{font-size:.8rem;color:#ccc;word-break:break-all}.packet-verdict{display:flex;align-items:center}.packet-verdict label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#888;cursor:pointer}.packet-verdict input[type=checkbox]{width:18px;height:18px;accent-color:#f56565}.packet-issue{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f565651a;border-radius:4px;font-size:.85rem;color:#f56565}.phone-mockup{max-width:400px;margin:0 auto;background:linear-gradient(180deg,#1a1a2e,#0f0f1a);border-radius:24px;border:3px solid #333;overflow:hidden;box-shadow:0 20px 60px #00000080}.phone-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;background:#00000080;color:#888;font-size:.9rem}.settings-list{padding:1rem;max-height:500px;overflow-y:auto}.setting-item{background:#ffffff0d;border-radius:12px;padding:1rem;margin-bottom:.8rem;border:1px solid transparent}.setting-header{margin-bottom:.8rem}.setting-category{display:block;font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:.2rem}.setting-options{display:flex;flex-wrap:wrap;gap:.4rem}.setting-option{padding:.4rem .8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ccc;font-family:inherit;font-size:.8rem;cursor:pointer;transition:all .2s ease}.setting-option:hover:not(:disabled){background:#63b3ed1a;border-color:#63b3ed80}.setting-option.selected{background:#63b3ed33;border-color:#63b3ed;color:#63b3ed}.setting-explanation{margin-top:.8rem;font-size:.8rem;color:#888;font-style:italic}.submit-btn{display:block;width:100%;max-width:300px;margin:2rem auto 0;padding:1rem 2rem;background:linear-gradient(135deg,#63b3ed,#4fd1c5);color:#000;border:none;border-radius:12px;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:hover{transform:scale(1.02);box-shadow:0 10px 30px #63b3ed66}.success-banner,.retry-banner{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.2rem;border-radius:12px;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.retry-banner{background:#f565651a;border:1px solid rgba(245,101,101,.5);color:#f56565;flex-wrap:wrap}.back-to-labs{background:transparent;border:1px solid rgba(99,179,237,.5);color:#63b3ed;padding:.8rem 2rem;border-radius:8px;font-family:inherit;font-size:1rem;cursor:pointer;transition:all .3s ease}.back-to-labs:hover{background:#63b3ed1a}@media (max-width: 900px){.apps-comparison{grid-template-columns:1fr}.vs-badge{margin:1rem auto}}@media (max-width: 768px){.msl-header{flex-direction:column;gap:1rem}.labs-grid,.apps-grid{grid-template-columns:1fr}.lab-info{flex-direction:column;align-items:flex-start}.exit-btn{margin-left:0}.setting-options{flex-direction:column}.setting-option{width:100%;text-align:center}}.iot-security-lab{min-height:100vh;background:linear-gradient(145deg,#1a1a2e,#16213e,#0f3460);color:#e0e0e0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.iot-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid rgba(236,72,153,.5);color:#ec4899;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.9rem;transition:all .3s ease}.back-btn:hover{background:#ec48991a;box-shadow:0 0 20px #ec48994d}.header-center{display:flex;flex-direction:column;align-items:center;gap:.3rem}.header-center h1{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#ec4899,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.header-icon{color:#ec4899;filter:drop-shadow(0 0 10px rgba(236,72,153,.5))}.subtitle{font-size:.85rem;color:#888}.xp-display{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ecc94b33,#ed89361a);padding:.6rem 1.2rem;border-radius:8px;border:1px solid rgba(236,201,75,.5);color:#ecc94b;font-weight:600}.iot-content{padding:2rem;max-width:1400px;margin:0 auto}.labs-selection h2{text-align:center;font-size:1.8rem;color:#fff;margin-bottom:2rem}.labs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.lab-card{background:linear-gradient(145deg,#1e1e32e6,#141423f2);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.lab-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ec4899,#8b5cf6);opacity:0;transition:opacity .3s ease}.lab-card:hover:before{opacity:1}.lab-card:hover{transform:translateY(-5px);border-color:#ec48994d;box-shadow:0 15px 40px #ec489926}.lab-card.completed{border-color:#48bb7866}.lab-card.completed:before{background:linear-gradient(90deg,#48bb78,#38a169);opacity:1}.lab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.difficulty{padding:.3rem .8rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.difficulty.beginner{background:#48bb7833;color:#48bb78;border:1px solid rgba(72,187,120,.4)}.difficulty.intermediate{background:#ecc94b33;color:#ecc94b;border:1px solid rgba(236,201,75,.4)}.difficulty.advanced{background:#f5656533;color:#f56565;border:1px solid rgba(245,101,101,.4)}.completed-icon{color:#48bb78}.lab-icon{display:flex;justify-content:center;margin:1.5rem 0;color:#ec4899}.lab-card h3{font-size:1.2rem;color:#fff;margin-bottom:.5rem;text-align:center}.lab-card p{font-size:.85rem;color:#888;text-align:center;line-height:1.5}.lab-footer{display:flex;justify-content:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.xp-reward{display:flex;align-items:center;gap:.3rem;color:#ecc94b;font-weight:600}.lab-active{max-width:1200px;margin:0 auto}.lab-info{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.lab-info h2{font-size:1.5rem;color:#fff;margin:0}.xp-badge{display:flex;align-items:center;gap:.3rem;color:#ecc94b;font-size:.9rem}.exit-btn{margin-left:auto;background:transparent;border:1px solid rgba(245,101,101,.5);color:#f56565;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-family:inherit;transition:all .3s ease}.exit-btn:hover{background:#f565651a}.lab-instructions{display:flex;align-items:center;gap:.8rem;padding:1rem 1.5rem;background:#ec48991a;border:1px solid rgba(236,72,153,.3);border-radius:12px;margin-bottom:1.5rem;color:#ec4899}.lab-instructions p{margin:0;font-size:.95rem}.scan-start{display:flex;flex-direction:column;align-items:center;padding:3rem}.home-visual{position:relative;margin-bottom:2rem;color:#ec4899}.device-dots{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.device-dot{position:absolute;width:10px;height:10px;background:#ec4899;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}.device-dot:nth-child(1){top:-40px;left:-30px}.device-dot:nth-child(2){top:-40px;left:30px}.device-dot:nth-child(3){top:0;left:-50px}.device-dot:nth-child(4){top:0;left:50px}.device-dot:nth-child(5){top:40px;left:-30px}.device-dot:nth-child(6){top:40px;left:30px}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.scan-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;border:none;border-radius:12px;font-family:inherit;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.scan-btn:hover{transform:scale(1.05);box-shadow:0 10px 30px #ec489966}.scan-results h3{display:flex;align-items:center;gap:.5rem;color:#ec4899;margin-bottom:1.5rem}.devices-grid{display:flex;flex-direction:column;gap:1rem}.device-card{background:#141423e6;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.2rem;cursor:pointer;transition:all .3s ease}.device-card:hover{border-color:#ec48994d}.device-card.expanded{border-color:#ec4899}.device-header{display:flex;align-items:center;gap:1rem}.device-icon{color:#ec4899}.device-info h4{color:#fff;margin:0 0 .2rem}.device-firmware{font-size:.8rem;color:#888}.vuln-badges{margin-left:auto;display:flex;gap:.5rem}.badge{padding:.3rem .6rem;border-radius:6px;font-size:.7rem;font-weight:600}.badge.critical{background:#f5656533;color:#f56565}.badge.high{background:#ed893633;color:#ed8936}.badge.safe{background:#48bb7833;color:#48bb78}.device-details{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.detail-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.9rem}.detail-row span{color:#888}.detail-row code{font-family:JetBrains Mono,monospace;padding:.2rem .5rem;background:#0000004d;border-radius:4px}.detail-row code.danger{color:#f56565;background:#f565651a}.detail-row code.safe{color:#48bb78;background:#48bb781a}.vulnerabilities{margin-top:1rem}.vulnerabilities h5{color:#888;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.vuln-item{background:#0003;border-left:3px solid #888;border-radius:0 8px 8px 0;padding:.8rem;margin-bottom:.5rem}.vuln-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.3rem}.severity{font-size:.7rem;font-weight:700;text-transform:uppercase}.vuln-issue{color:#ccc;font-size:.9rem}.vuln-fix{font-size:.8rem;color:#48bb78;margin:0;margin-top:.3rem}.scan-summary{margin-top:2rem;text-align:center}.scan-summary p{color:#888;margin-bottom:1rem}.complete-btn{padding:.8rem 2rem;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:8px;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.complete-btn:hover{transform:scale(1.02);box-shadow:0 10px 30px #48bb7866}.router-mockup{background:#0a0a14e6;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden}.router-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(90deg,#8b5cf633,#ec489933);border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.router-model{margin-left:auto;font-size:.8rem;color:#888}.settings-list{padding:1rem}.setting-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1rem;margin-bottom:.8rem}.setting-item.correct{border-color:#48bb7880}.setting-item.incorrect{border-color:#f5656580}.setting-header{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem;flex-wrap:wrap}.setting-category{font-size:.7rem;color:#8b5cf6;text-transform:uppercase;letter-spacing:1px;padding:.2rem .5rem;background:#8b5cf61a;border-radius:4px}.setting-name{color:#fff;font-weight:500}.current-value{margin-left:auto;font-size:.8rem;color:#888}.setting-options{display:flex;flex-wrap:wrap;gap:.5rem}.setting-option{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ccc;font-family:inherit;font-size:.85rem;cursor:pointer;transition:all .2s ease}.setting-option:hover:not(:disabled){background:#ec48991a;border-color:#ec489980}.setting-option.selected{background:#ec489933;border-color:#ec4899;color:#ec4899}.setting-option.correct-option{background:#48bb7833;border-color:#48bb78;color:#48bb78}.setting-explanation{margin-top:.8rem;font-size:.85rem;color:#888;font-style:italic}.network-designer{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.networks-panel{display:flex;flex-direction:column;gap:1rem}.network-zone{background:#141423e6;border:2px dashed;border-radius:12px;padding:1rem;min-height:100px}.network-zone h4{margin:0 0 .3rem;font-size:1rem}.network-zone p{margin:0 0 .8rem;font-size:.8rem;color:#888}.network-devices{display:flex;flex-wrap:wrap;gap:.4rem}.assigned-device{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:#ffffff1a;border-radius:6px;font-size:.8rem}.assigned-device button{background:none;border:none;color:#f56565;cursor:pointer;font-size:1rem;padding:0;margin-left:.3rem}.devices-panel{background:#141423e6;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem}.devices-panel h4{color:#fff;margin-bottom:1rem}.unassigned-devices{display:flex;flex-direction:column;gap:.8rem;max-height:500px;overflow-y:auto}.unassigned-device{background:#ffffff0d;border-radius:8px;padding:.8rem}.unassigned-device .device-icon{font-size:1.5rem}.unassigned-device .device-name{font-weight:500;color:#fff;margin-left:.5rem}.assign-buttons{display:flex;flex-wrap:wrap;gap:.3rem;margin:.5rem 0}.assign-btn{padding:.3rem .6rem;border:1px solid;border-radius:4px;font-size:.7rem;cursor:pointer;font-family:inherit;transition:all .2s ease}.assign-btn:hover{transform:scale(1.05)}.device-reason{font-size:.75rem;color:#888;margin:0}.network-results{margin-top:1.5rem;background:#141423e6;border-radius:12px;padding:1rem}.network-results h4{color:#fff;margin-bottom:1rem}.assignment-result{display:flex;align-items:center;gap:.8rem;padding:.5rem;border-radius:6px;margin-bottom:.5rem}.assignment-result.correct{background:#48bb781a;color:#48bb78}.assignment-result.incorrect{background:#f565651a;color:#f56565}.privacy-devices{display:flex;flex-direction:column;gap:1.5rem}.privacy-device-card{background:#141423e6;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem}.privacy-device-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.privacy-icon{font-size:2rem}.privacy-device-header h4{color:#fff;margin:0}.privacy-settings{display:flex;flex-direction:column;gap:1rem}.privacy-setting{background:#0003;border-radius:8px;padding:1rem;border:1px solid transparent}.privacy-setting.correct{border-color:#48bb7880}.privacy-setting.incorrect{border-color:#f5656580}.privacy-setting-name{display:block;color:#ccc;margin-bottom:.5rem;font-weight:500}.privacy-options{display:flex;flex-wrap:wrap;gap:.4rem}.privacy-option{padding:.4rem .8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ccc;font-family:inherit;font-size:.8rem;cursor:pointer;transition:all .2s ease}.privacy-option:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf680}.privacy-option.selected{background:#8b5cf633;border-color:#8b5cf6;color:#8b5cf6}.privacy-option.correct-option{background:#48bb7833;border-color:#48bb78;color:#48bb78}.privacy-explanation{margin-top:.5rem;font-size:.8rem;color:#888;font-style:italic}.incident-simulator{background:#141423e6;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.scenario-header{text-align:center;margin-bottom:1.5rem}.urgency{display:inline-block;padding:.3rem 1rem;border-radius:6px;font-size:.8rem;font-weight:700;margin-bottom:.5rem}.urgency.critical{background:#f56565;color:#fff;animation:pulse-urgency 1s infinite}.urgency.high{background:#ed8936;color:#fff}@keyframes pulse-urgency{0%,to{opacity:1}50%{opacity:.7}}.scenario-header h3{color:#fff;margin:.5rem 0}.scenario-header p{color:#888;margin:0}.scenario-progress{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.progress-dot{width:12px;height:12px;border-radius:50%;background:#fff3}.progress-dot.complete{background:#48bb78}.progress-dot.current{background:#ec4899;animation:pulse-dot 1s infinite}.incident-step{max-width:700px;margin:0 auto}.step-situation{display:flex;align-items:flex-start;gap:.8rem;padding:1rem;background:#f565651a;border:1px solid rgba(245,101,101,.3);border-radius:10px;margin-bottom:1.5rem;color:#f56565}.step-situation p{margin:0;color:#ccc}.step-options{display:flex;flex-direction:column;gap:.8rem}.incident-option{text-align:left;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#ccc;font-family:inherit;font-size:.95rem;cursor:pointer;transition:all .2s ease}.incident-option:hover:not(:disabled){background:#ec48991a;border-color:#ec489980}.incident-option.correct{background:#48bb7833;border-color:#48bb78}.incident-option.wrong{background:#f5656533;border-color:#f56565}.incident-option.show-correct{border-color:#48bb7880}.option-feedback{display:flex;align-items:flex-start;gap:.5rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem}.incident-complete{text-align:center;padding:3rem}.success-message,.fail-message{max-width:400px;margin:0 auto}.success-message svg{color:#48bb78;margin-bottom:1rem}.fail-message svg{color:#f56565;margin-bottom:1rem}.success-message h3,.fail-message h3{color:#fff;margin-bottom:.5rem}.success-message p,.fail-message p{color:#888}.setup-wizard{display:flex;flex-direction:column;gap:1rem}.setup-step{background:#141423e6;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.2rem}.setup-step.correct{border-color:#48bb7880}.setup-step.incorrect{border-color:#f5656580}.step-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}.step-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ec4899,#8b5cf6);border-radius:50%;color:#fff;font-size:.85rem;font-weight:600}.step-stage{color:#ec4899;font-weight:500}.step-question{color:#ccc;margin-bottom:.8rem}.step-options{display:flex;flex-direction:column;gap:.4rem}.setup-option{text-align:left;padding:.6rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ccc;font-family:inherit;font-size:.9rem;cursor:pointer;transition:all .2s ease}.setup-option:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf680}.setup-option.selected{background:#8b5cf633;border-color:#8b5cf6;color:#8b5cf6}.setup-option.correct-option{background:#48bb7833;border-color:#48bb78;color:#48bb78}.step-explanation{margin-top:.8rem;font-size:.85rem;color:#888;font-style:italic}.submit-btn{display:block;width:100%;max-width:300px;margin:2rem auto 0;padding:1rem 2rem;background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;border:none;border-radius:12px;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:hover{transform:scale(1.02);box-shadow:0 10px 30px #ec489966}.results-banner{margin-top:2rem;text-align:center}.success-banner,.retry-banner{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.2rem;border-radius:12px;font-size:1.1rem;font-weight:600;margin-bottom:1rem;flex-wrap:wrap}.success-banner{background:#48bb7833;border:1px solid #48bb78;color:#48bb78}.retry-banner{background:#f565651a;border:1px solid rgba(245,101,101,.5);color:#f56565}.retry-banner button{background:#f56565;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-family:inherit}.back-to-labs{background:transparent;border:1px solid rgba(236,72,153,.5);color:#ec4899;padding:.8rem 2rem;border-radius:8px;font-family:inherit;font-size:1rem;cursor:pointer;transition:all .3s ease}.back-to-labs:hover{background:#ec48991a}@media (max-width: 900px){.network-designer{grid-template-columns:1fr}}@media (max-width: 768px){.iot-header{flex-direction:column;gap:1rem}.labs-grid{grid-template-columns:1fr}.lab-info{flex-direction:column;align-items:flex-start}.exit-btn{margin-left:0}.setting-options,.privacy-options{flex-direction:column}.setting-option,.privacy-option{width:100%;text-align:center}.assign-buttons{justify-content:center}}.api-security-challenge{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#0d1117,#0a0f0a);padding:2rem;color:#e0e0e0;position:relative;overflow-x:hidden}.api-security-challenge:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(0,255,136,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(0,200,100,.02) 0%,transparent 50%);pointer-events:none}.api-security-challenge>*{position:relative;z-index:1}.challenge-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-left h1{font-size:2rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;font-family:JetBrains Mono,Fira Code,monospace}.header-left h1 svg{color:#0f8}.header-left p{color:#888;font-size:1rem}.header-right{display:flex;gap:1rem}.score-display,.progress-display{display:flex;align-items:center;gap:.5rem;background:#00ff881a;padding:.75rem 1.25rem;border-radius:12px;border:1px solid rgba(0,255,136,.2);font-weight:600;font-family:JetBrains Mono,monospace}.score-display svg{color:#fa0}.progress-display svg{color:#0f8}.challenge-navigation{display:flex;justify-content:center;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.nav-dot{width:40px;height:40px;border-radius:50%;border:2px solid #333;background:#1a1a24;color:#666;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace}.nav-dot:hover{border-color:#0f8;color:#0f8;transform:scale(1.1)}.nav-dot.active{border-color:#0f8;background:#0f83;color:#0f8;box-shadow:0 0 20px #00ff884d}.nav-dot.completed{border-color:#0c6;background:#0c6;color:#000}.nav-dot.completed svg{stroke-width:3}.challenge-container{display:grid;grid-template-columns:350px 1fr;gap:2rem;margin-bottom:2rem}@media (max-width: 1024px){.challenge-container{grid-template-columns:1fr}}.challenge-info{background:linear-gradient(145deg,#12121a,#1a1a24);border-radius:16px;padding:1.5rem;border:1px solid #2a2a3a;height:fit-content}.challenge-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.challenge-info h2{font-size:1.25rem;color:#fff;font-weight:600;line-height:1.4}.difficulty-badge{font-size:.75rem;padding:.35rem .75rem;border-radius:20px;font-weight:600;border:1px solid;white-space:nowrap;font-family:JetBrains Mono,monospace}.vulnerability-tag{display:inline-flex;align-items:center;gap:.5rem;background:#ff44441a;color:#ff6b6b;padding:.5rem .75rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem;border:1px solid rgba(255,68,68,.2)}.endpoint-info{display:flex;align-items:center;gap:.75rem;background:#0d0d14;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #2a2a3a;overflow-x:auto}.method-badge{background:#0f8;color:#000;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;font-family:JetBrains Mono,monospace}.endpoint-info code{color:#0f8;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem}.auth-info,.token-info{display:flex;align-items:flex-start;gap:.75rem;background:#ffaa001a;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;border:1px solid rgba(255,170,0,.2);font-size:.8rem}.auth-info svg,.token-info svg{color:#fa0;flex-shrink:0;margin-top:.2rem}.auth-info code,.token-info code{color:#fa0;font-family:JetBrains Mono,monospace;word-break:break-all;font-size:.75rem}.token-info div{display:flex;flex-direction:column;gap:.25rem}.token-info span{color:#888;font-size:.75rem}.hint-btn{display:flex;align-items:center;gap:.5rem;background:#ffaa001a;border:1px solid rgba(255,170,0,.3);color:#fa0;padding:.6rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.9rem;width:100%;justify-content:center}.hint-btn:hover{background:#fa03}.hint-btn.active{background:#fa03;border-color:#fa0}.hint-box{display:flex;align-items:flex-start;gap:.75rem;background:#ffaa001a;border:1px solid rgba(255,170,0,.3);border-radius:8px;padding:1rem;margin-top:1rem}.hint-box svg{color:#fa0;flex-shrink:0}.hint-box p{color:#fc6;font-size:.9rem;line-height:1.5;margin:0}.terminal-container{background:#0a0a0f;border-radius:16px;overflow:hidden;border:1px solid #2a2a3a;display:flex;flex-direction:column;min-height:500px;box-shadow:0 10px 40px #00000080}.terminal-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:linear-gradient(180deg,#1a1a24,#12121a);border-bottom:1px solid #2a2a3a}.terminal-dots{display:flex;gap:.5rem}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27ca40}.terminal-title{flex:1;text-align:center;color:#666;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:JetBrains Mono,monospace}.reset-btn{background:#ffffff0d;border:none;color:#666;padding:.4rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.reset-btn:hover{background:#ffffff1a;color:#fff}.terminal-body{flex:1;padding:1rem;overflow-y:auto;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.85rem;line-height:1.6;min-height:350px;max-height:450px}.terminal-entry{display:flex;gap:.75rem;margin-bottom:.75rem;align-items:flex-start}.terminal-entry .prompt{color:#0f8;font-weight:600;flex-shrink:0;display:flex;align-items:center}.terminal-entry.system .prompt{color:#888}.terminal-entry.info .prompt{color:#0af}.terminal-entry.error .prompt{color:#f44}.terminal-entry.success .prompt{color:#0f8}.terminal-entry.vulnerability .prompt{color:#f0f}.terminal-entry.response .prompt{color:#fa0}.entry-content{color:inherit;margin:0;white-space:pre-wrap;word-break:break-word}.terminal-entry.command .entry-content{color:#fff}.terminal-entry.system .entry-content{color:#888}.terminal-entry.info .entry-content{color:#0af}.terminal-entry.error .entry-content{color:#ff6b6b}.terminal-entry.success .entry-content,.terminal-entry.response .entry-content{color:#0f8;background:#00ff880d;padding:.75rem;border-radius:8px;border:1px solid rgba(0,255,136,.1)}.terminal-entry.vulnerability .entry-content{color:#f0f;font-weight:600;background:#ff00ff1a;padding:.5rem .75rem;border-radius:6px;border:1px solid rgba(255,0,255,.3)}.terminal-input{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#0d0d14;border-top:1px solid #2a2a3a}.input-prompt{color:#0f8;font-weight:600;font-family:JetBrains Mono,monospace}.terminal-input input{flex:1;background:transparent;border:none;color:#fff;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;outline:none}.terminal-input input::placeholder{color:#444}.terminal-input button{background:#0f8;border:none;color:#000;padding:.6rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.terminal-input button:hover{background:#0c6;transform:scale(1.05)}.challenge-controls{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:3rem}.nav-btn{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid #333;color:#aaa;padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:.95rem}.nav-btn:hover:not(:disabled){background:#00ff881a;border-color:#0f8;color:#0f8}.completed-badge{display:flex;align-items:center;gap:.5rem;color:#0f8;font-weight:600;padding:.75rem 1.5rem;background:#00ff881a;border-radius:10px;border:1px solid rgba(0,255,136,.3)}.learning-section{margin-top:3rem}.learning-section h3{font-size:1.5rem;color:#fff;margin-bottom:1.5rem;text-align:center}.learning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.learning-card{background:linear-gradient(145deg,#12121a,#1a1a24);border-radius:16px;padding:1.5rem;border:1px solid #2a2a3a;text-align:center;transition:all .3s ease}.learning-card:hover{border-color:#0f8;transform:translateY(-5px);box-shadow:0 10px 30px #00ff881a}.learning-card svg{color:#0f8;margin-bottom:1rem}.learning-card h4{color:#fff;margin-bottom:.5rem;font-size:1.1rem}.learning-card p{color:#888;font-size:.9rem;line-height:1.5}.game-complete{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.trophy-icon{color:#fa0;margin-bottom:2rem;animation:bounce 1s ease infinite}.game-complete h1{font-size:3rem;color:#fff;margin-bottom:1rem;font-family:JetBrains Mono,monospace}.game-complete>p{color:#888;font-size:1.2rem;margin-bottom:2rem}.final-score{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#00ff881a;padding:2rem 4rem;border-radius:20px;border:2px solid #00ff88;margin-bottom:2rem}.final-score span{color:#888;font-size:1rem}.final-score strong{color:#0f8;font-size:4rem;font-weight:700;font-family:JetBrains Mono,monospace}.completion-stats{display:flex;gap:2rem;margin-bottom:2rem}.completion-stats .stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.completion-stats .stat span{color:#666;font-size:.9rem}.completion-stats .stat strong{color:#fff;font-size:1.5rem;font-family:JetBrains Mono,monospace}.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}@media (max-width: 768px){.api-security-challenge{padding:1rem}.challenge-header{flex-direction:column;align-items:flex-start}.header-left h1{font-size:1.5rem}.header-right{width:100%;justify-content:flex-start}.challenge-container{grid-template-columns:1fr}.terminal-container{min-height:400px}.terminal-body{min-height:250px;max-height:300px}.game-complete h1{font-size:2rem}.final-score strong{font-size:2.5rem}.completion-stats{flex-direction:column;gap:1rem}}.bec-challenge{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#0d1117,#0a0f0a);padding:2rem;color:#e0e0e0;position:relative}.bec-challenge:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,68,68,.03) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(0,255,136,.02) 0%,transparent 50%);pointer-events:none}.bec-challenge>*{position:relative;z-index:1}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#0f8;text-decoration:none;font-size:.95rem;margin-bottom:1.5rem;transition:all .2s ease;padding:.5rem 1rem;border-radius:8px;background:#00ff880d;border:1px solid rgba(0,255,136,.1)}.back-link:hover{background:#00ff881a;transform:translate(-4px)}.challenge-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.header-info h1{font-size:1.75rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.header-info h1 svg{color:#ff6b6b}.header-info p{color:#888;font-size:1rem}.header-stats{display:flex;gap:1rem}.header-stats .stat{display:flex;align-items:center;gap:.5rem;background:#00ff881a;padding:.6rem 1rem;border-radius:10px;border:1px solid rgba(0,255,136,.2);font-weight:600;font-family:JetBrains Mono,monospace}.header-stats .stat svg{color:#0f8}.progress-bar{height:4px;background:#1a1a24;border-radius:2px;margin-bottom:2rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#0f8,#0c6);border-radius:2px;transition:width .3s ease}.scenario-container{display:grid;grid-template-columns:1fr 400px;gap:2rem;margin-bottom:2rem}@media (max-width: 1100px){.scenario-container{grid-template-columns:1fr}}.email-panel{background:linear-gradient(145deg,#12121a,#1a1a24);border-radius:16px;border:1px solid #2a2a3a;overflow:hidden}.email-header{padding:1rem 1.5rem;background:#0d0d14;border-bottom:1px solid #2a2a3a;display:flex;justify-content:space-between;align-items:center}.email-type{display:flex;align-items:center;gap:1rem}.type-badge{padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid}.scenario-num{color:#666;font-size:.85rem}.email-content{padding:1.5rem}.email-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #2a2a3a}.sender-info{display:flex;align-items:center;gap:1rem}.avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.sender-details{display:flex;flex-direction:column;gap:.25rem}.sender-name{font-weight:600;color:#fff;font-size:1rem}.sender-email{color:#888;font-size:.85rem;font-family:JetBrains Mono,monospace}.email-time{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.85rem}.email-recipients,.email-subject{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;font-size:.9rem}.email-recipients .label,.email-subject .label{color:#666;min-width:60px}.email-recipients .value,.email-subject .value{color:#ccc}.email-subject .value{color:#fff;font-weight:600}.email-attachment{display:inline-flex;align-items:center;gap:.5rem;background:#ffaa001a;border:1px solid rgba(255,170,0,.2);padding:.5rem .75rem;border-radius:8px;margin-bottom:1rem;color:#fa0;font-size:.85rem}.email-body{background:#0a0a0f;border-radius:12px;padding:1.5rem;margin-top:1rem;border:1px solid #1a1a24}.email-body pre{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;white-space:pre-wrap;word-wrap:break-word;color:#ddd;line-height:1.7;margin:0;font-size:.95rem}.action-panel{background:linear-gradient(145deg,#12121a,#1a1a24);border-radius:16px;border:1px solid #2a2a3a;padding:1.5rem;height:fit-content}.action-panel h3{color:#fff;margin-bottom:.5rem;font-size:1.1rem}.action-panel>p{color:#888;font-size:.9rem;margin-bottom:1.5rem}.action-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#ffffff08;border:2px solid #2a2a3a;border-radius:12px;color:#ccc;cursor:pointer;transition:all .2s ease;text-align:left}.action-btn:hover:not(.disabled){background:#ffffff0d;border-color:var(--action-color)}.action-btn.selected{background:#ffffff0d;border-color:var(--action-color);box-shadow:0 0 20px #ffffff0d}.action-btn.disabled{opacity:.5;cursor:not-allowed}.action-btn span{font-weight:500}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#0f8,#0c6);border:none;border-radius:12px;color:#000;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;margin-bottom:1.5rem}.submit-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 5px 20px #00ff884d}.result-panel{background:#0d0d14;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;border:1px solid}.result-panel.correct{border-color:#00ff884d;background:#00ff880d}.result-panel.incorrect{border-color:#ff44444d;background:#ff44440d}.result-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.1rem;font-weight:700}.result-panel.correct .result-header{color:#0f8}.result-panel.incorrect .result-header{color:#ff6b6b}.result-type{color:#aaa;margin-bottom:.75rem;font-size:.9rem}.result-type strong{color:#fff}.result-explanation{color:#ccc;line-height:1.6;margin-bottom:1rem;font-size:.9rem}.verification-tip{display:flex;align-items:flex-start;gap:.75rem;background:#00ff881a;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;border:1px solid rgba(0,255,136,.2)}.verification-tip svg{color:#0f8;flex-shrink:0;margin-top:.1rem}.verification-tip span{color:#aaa;font-size:.85rem;line-height:1.5}.red-flags-toggle{display:flex;align-items:center;gap:.5rem;background:#ff44441a;border:1px solid rgba(255,68,68,.2);color:#ff6b6b;padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-size:.85rem;margin-bottom:1rem;transition:all .2s ease}.red-flags-toggle:hover{background:#ff444426}.red-flags-list{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.5rem}.red-flags-list li{display:flex;align-items:flex-start;gap:.5rem;color:#f88;font-size:.85rem;padding:.5rem;background:#ff44440d;border-radius:6px}.red-flags-list li svg{flex-shrink:0;margin-top:.2rem}.next-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem;background:#0f8;border:none;border-radius:10px;color:#000;font-weight:700;cursor:pointer;transition:all .2s ease}.next-btn:hover{background:#0c6;transform:scale(1.02)}.nav-buttons{display:flex;gap:1rem}.nav-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#ffffff08;border:1px solid #333;border-radius:10px;color:#888;cursor:pointer;transition:all .2s ease}.nav-btn:hover:not(:disabled){background:#ffffff0d;border-color:#0f8;color:#0f8}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.learning-tips{margin-top:3rem}.learning-tips h3{font-size:1.5rem;color:#fff;margin-bottom:1.5rem;text-align:center}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.tip-card{background:linear-gradient(145deg,#12121a,#1a1a24);border-radius:16px;padding:1.5rem;border:1px solid #2a2a3a;text-align:center;transition:all .3s ease}.tip-card:hover{border-color:#0f8;transform:translateY(-5px)}.tip-card svg{color:#0f8;margin-bottom:1rem}.tip-card h4{color:#fff;margin-bottom:.5rem}.tip-card p{color:#888;font-size:.9rem;line-height:1.5}.game-complete-screen{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.trophy{color:#fa0;margin-bottom:1.5rem;animation:pulse 2s ease infinite}.game-complete-screen h1{font-size:2.5rem;color:#fff;margin-bottom:.5rem}.game-complete-screen>p{color:#888;font-size:1.1rem;margin-bottom:2rem}.final-stats{display:flex;gap:2rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.stat-box{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#00ff880d;padding:1.5rem 2.5rem;border-radius:16px;border:1px solid rgba(0,255,136,.1)}.stat-label{color:#888;font-size:.9rem}.stat-value{color:#0f8;font-size:2.5rem;font-weight:700;font-family:JetBrains Mono,monospace}.rating{display:flex;align-items:center;gap:.75rem;background:#ffaa001a;padding:1rem 2rem;border-radius:30px;color:#fa0;font-weight:600;font-size:1.1rem;margin-bottom:2rem;border:1px solid rgba(255,170,0,.3)}.complete-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.restart-btn,.home-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.restart-btn{background:#0f8;color:#000;border:none}.restart-btn:hover{background:#0c6;transform:scale(1.05)}.home-btn{background:#ffffff0d;color:#fff;border:1px solid #333}.home-btn:hover{background:#ffffff1a;border-color:#0f8;color:#0f8}@media (max-width: 768px){.bec-challenge{padding:1rem}.challenge-header{flex-direction:column}.header-info h1{font-size:1.4rem}.email-content,.email-body{padding:1rem}.email-body pre{font-size:.85rem}.action-panel{padding:1rem}.final-stats{flex-direction:column;gap:1rem}.stat-box{padding:1rem 2rem}.stat-value{font-size:2rem}.game-complete-screen h1{font-size:1.8rem}}.secure-browsing{min-height:100vh;background:linear-gradient(135deg,#0a0f0a,#0d1a0d,#0a0f0a);padding:2rem 1rem}.secure-browsing .container{max-width:900px;margin:0 auto}.secure-browsing .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.secure-browsing .back-link{color:#0f8;text-decoration:none;display:flex;align-items:center;gap:.5rem;font-size:.95rem;transition:all .3s ease}.secure-browsing .back-link:hover{color:#0c6;transform:translate(-3px)}.secure-browsing .progress-info{display:flex;align-items:center;gap:.5rem;color:#a0a0a0;background:#00ff881a;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(0,255,136,.2)}.secure-browsing .shield-icon{color:#0f8;width:18px;height:18px}.secure-browsing .title-section{text-align:center;margin-bottom:2rem}.secure-browsing .title-icon{width:60px;height:60px;background:linear-gradient(135deg,#0f8,#0c6);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 8px 32px #00ff884d}.secure-browsing .title-icon svg{color:#0a0f0a;width:32px;height:32px}.secure-browsing .title-section h1{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.5px}.secure-browsing .title-section p{color:#888;font-size:1rem}.secure-browsing .progress-bar{height:6px;background:#1a2a1a;border-radius:3px;margin-bottom:2rem;overflow:hidden}.secure-browsing .progress-fill{height:100%;background:linear-gradient(90deg,#0f8,#0c6);border-radius:3px;transition:width .5s ease}.secure-browsing .scenario-card{background:linear-gradient(145deg,#141f14,#0f170f);border:1px solid #1a2f1a;border-radius:16px;padding:2rem;box-shadow:0 20px 60px #0006}.secure-browsing .scenario-header{margin-bottom:1.5rem}.secure-browsing .scenario-type{display:inline-block;background:#00ff8826;color:#0f8;padding:.3rem .8rem;border-radius:20px;font-size:.7rem;font-weight:600;letter-spacing:1px;margin-bottom:.75rem}.secure-browsing .scenario-header h2{color:#fff;font-size:1.4rem;font-weight:600}.secure-browsing .browser-mockup{background:#1e1e1e;border-radius:12px;overflow:hidden;margin-bottom:1.5rem;border:1px solid #333;box-shadow:0 8px 32px #0000004d}.secure-browsing .browser-header{background:#2d2d2d;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid #404040}.secure-browsing .browser-controls{display:flex;gap:6px}.secure-browsing .dot{width:12px;height:12px;border-radius:50%}.secure-browsing .dot.red{background:#ff5f56}.secure-browsing .dot.yellow{background:#ffbd2e}.secure-browsing .dot.green{background:#27ca41}.secure-browsing .address-bar{flex:1;background:#3d3d3d;border-radius:6px;padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem}.secure-browsing .address-bar.insecure{background:#3d2d2d;border:1px solid #5a3030}.secure-browsing .address-bar.error{background:#4a2020;border:1px solid #722}.secure-browsing .address-bar.mixed{background:#3d3520;border:1px solid #5a5030}.secure-browsing .lock-icon{color:#0f8;width:14px;height:14px}.secure-browsing .lock-icon.ev{color:#0f8}.secure-browsing .ev-indicator{display:flex;align-items:center;gap:.4rem;background:#00ff8826;padding:.2rem .5rem;border-radius:4px}.secure-browsing .company-name{color:#0f8;font-size:.75rem;font-weight:600}.secure-browsing .unlock-icon{color:#f55;width:14px;height:14px}.secure-browsing .mixed-icon{color:#fa0;width:14px;height:14px}.secure-browsing .warning-icon{color:#f55;width:16px;height:16px}.secure-browsing .url-text{color:#ccc;font-size:.85rem;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secure-browsing .browser-content{padding:2rem;min-height:150px;display:flex;align-items:center;justify-content:center;background:#1a1a1a}.secure-browsing .page-placeholder{text-align:center;color:#555}.secure-browsing .page-placeholder svg{margin-bottom:.5rem;color:#444}.secure-browsing .browser-content.error-page{background:#1a0a0a;flex-direction:column;padding:2.5rem}.secure-browsing .error-icon{color:#f55;margin-bottom:1rem}.secure-browsing .error-page h3{color:#f55;font-size:1.3rem;margin-bottom:.5rem}.secure-browsing .error-code{color:#666;font-family:monospace;font-size:.85rem;margin-bottom:1rem}.secure-browsing .error-desc{color:#999;font-size:.9rem;max-width:400px;text-align:center;line-height:1.5;margin-bottom:1.5rem}.secure-browsing .error-buttons{display:flex;gap:1rem}.secure-browsing .btn-back{background:#3070ff;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:4px;cursor:pointer}.secure-browsing .btn-advanced{background:transparent;color:#888;border:1px solid #444;padding:.6rem 1.2rem;border-radius:4px;cursor:pointer}.secure-browsing .browser-content.download-page{background:linear-gradient(135deg,#1a1a1a,#252525)}.secure-browsing .download-popup{background:#2a2a2a;border-radius:12px;padding:1.5rem;text-align:center;border:1px solid #444;max-width:300px}.secure-browsing .download-header{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#0f8;margin-bottom:1rem;font-weight:600}.secure-browsing .download-file{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#333;padding:.75rem;border-radius:8px;margin-bottom:1rem}.secure-browsing .file-icon{font-size:1.5rem}.secure-browsing .file-name{color:#ccc;font-family:monospace;font-size:.85rem}.secure-browsing .download-text{color:#888;font-size:.85rem;margin-bottom:1rem}.secure-browsing .download-btn{background:linear-gradient(135deg,#0f8,#0c6);color:#000;border:none;padding:.7rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer}.secure-browsing .scenario-visual{margin-bottom:1.5rem}.secure-browsing .wifi-scenario{display:flex;justify-content:center}.secure-browsing .wifi-card{background:#1e1e1e;border-radius:12px;padding:1.5rem;min-width:280px;border:1px solid #333}.secure-browsing .wifi-card h4{color:#fff;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.secure-browsing .wifi-icon{color:#0f8}.secure-browsing .wifi-list{display:flex;flex-direction:column;gap:.5rem}.secure-browsing .wifi-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#252525;border-radius:8px;color:#ccc;font-size:.9rem}.secure-browsing .wifi-item.secured svg{color:#0f8}.secure-browsing .wifi-item .signal{margin-left:auto;color:#0f8;font-size:.8rem}.secure-browsing .cookie-scenario{display:flex;justify-content:center}.secure-browsing .cookie-popup{background:#2a2a2a;border-radius:12px;padding:1.5rem;max-width:400px;border:1px solid #444;text-align:center}.secure-browsing .cookie-popup h4{color:#fff;margin-bottom:.75rem}.secure-browsing .cookie-popup p{color:#999;font-size:.9rem;margin-bottom:1.25rem;line-height:1.5}.secure-browsing .cookie-options{display:flex;gap:.75rem;justify-content:center}.secure-browsing .cookie-btn{padding:.6rem 1rem;border-radius:6px;border:none;cursor:pointer;font-size:.85rem}.secure-browsing .cookie-btn.accept-all{background:#0f8;color:#000;font-weight:600}.secure-browsing .cookie-btn.manage{background:transparent;color:#888;border:1px solid #555}.secure-browsing .settings-scenario{display:flex;justify-content:center}.secure-browsing .settings-panel{background:#1e1e1e;border-radius:12px;padding:1.5rem;min-width:300px;border:1px solid #333}.secure-browsing .settings-header{display:flex;align-items:center;gap:.75rem;color:#fff;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #333}.secure-browsing .settings-header svg{color:#888}.secure-browsing .settings-list{display:flex;flex-direction:column;gap:.5rem}.secure-browsing .setting-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#252525;border-radius:8px;color:#ccc;font-size:.9rem}.secure-browsing .setting-item.highlight{background:#00ff881a;border:1px solid rgba(0,255,136,.2)}.secure-browsing .toggle{width:40px;height:22px;border-radius:11px;position:relative}.secure-browsing .toggle:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;top:2px;transition:left .2s ease}.secure-browsing .toggle.on{background:#0f8}.secure-browsing .toggle.on:after{background:#fff;left:20px}.secure-browsing .toggle.off{background:#444}.secure-browsing .toggle.off:after{background:#888;left:2px}.secure-browsing .redirect-scenario{display:flex;justify-content:center}.secure-browsing .redirect-visual{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.secure-browsing .url-from,.secure-browsing .url-to{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.9rem}.secure-browsing .url-from{background:#00ff881a;color:#0f8;border:1px solid rgba(0,255,136,.2)}.secure-browsing .url-to.suspicious{background:#ff55551a;color:#f55;border:1px solid rgba(255,85,85,.2)}.secure-browsing .redirect-arrow{display:flex;flex-direction:column;align-items:center;color:#666}.secure-browsing .redirect-arrow span:first-child{font-size:1.5rem}.secure-browsing .redirect-text{font-size:.7rem;color:#888}.secure-browsing .url-options-display{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.secure-browsing .url-option-item{display:flex;align-items:center;gap:1rem;background:#1a1a1a;padding:1rem;border-radius:8px;border:1px solid #333}.secure-browsing .url-option-item .option-letter{background:#00ff8826;color:#0f8;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem}.secure-browsing .url-code{color:#ccc;font-family:monospace;font-size:.85rem;word-break:break-all}.secure-browsing .question-section{border-top:1px solid #1a2f1a;padding-top:1.5rem}.secure-browsing .question{color:#fff;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.secure-browsing .options-grid{display:flex;flex-direction:column;gap:.75rem}.secure-browsing .option-btn{display:flex;align-items:center;gap:1rem;background:#1a2a1a;border:1px solid #2a3f2a;padding:1rem 1.25rem;border-radius:10px;cursor:pointer;transition:all .3s ease;text-align:left}.secure-browsing .option-btn:hover{background:#232;border-color:#0f8;transform:translate(5px)}.secure-browsing .option-btn .option-letter{background:#00ff8826;color:#0f8;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.secure-browsing .option-btn .option-text{color:#ccc;font-size:.95rem;line-height:1.4}.secure-browsing .result-section{animation:fadeIn .3s ease}.secure-browsing .result-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border-radius:10px;margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}.secure-browsing .result-banner.correct{background:#00ff8826;color:#0f8;border:1px solid rgba(0,255,136,.3)}.secure-browsing .result-banner.incorrect{background:#ff555526;color:#f55;border:1px solid rgba(255,85,85,.3)}.secure-browsing .result-icon{width:24px;height:24px}.secure-browsing .explanation-box{background:#0f170f;border:1px solid #1a2f1a;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.secure-browsing .explanation-box h4{color:#0f8;margin-bottom:.75rem;font-size:1rem}.secure-browsing .explanation-box p{color:#bbb;line-height:1.6;margin-bottom:1rem}.secure-browsing .tip-box{display:flex;align-items:flex-start;gap:.75rem;background:#00ff8814;padding:1rem;border-radius:8px;border-left:3px solid #00ff88}.secure-browsing .tip-icon{color:#0f8;width:20px;height:20px;flex-shrink:0;margin-top:2px}.secure-browsing .tip-box span{color:#aaa;font-size:.9rem;line-height:1.5}.secure-browsing .btn-next{width:100%;background:linear-gradient(135deg,#0f8,#0c6);color:#0a0f0a;border:none;padding:1rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.secure-browsing .btn-next:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f86}.secure-browsing .completion-screen{animation:fadeIn .5s ease}.secure-browsing .score-card{background:linear-gradient(145deg,#141f14,#0f170f);border:1px solid #1a2f1a;border-radius:20px;padding:2.5rem;text-align:center;box-shadow:0 20px 60px #0006}.secure-browsing .completion-icon{width:80px;height:80px;background:linear-gradient(135deg,#0f8,#0c6);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 10px 40px #00ff884d}.secure-browsing .completion-icon svg{color:#0a0f0a}.secure-browsing .score-card h2{color:#fff;font-size:1.8rem;margin-bottom:1.5rem}.secure-browsing .final-score{margin-bottom:2rem}.secure-browsing .score-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#0f83,#00cc661a);border:3px solid #00ff88;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 1rem}.secure-browsing .score-number{color:#0f8;font-size:2.5rem;font-weight:700;line-height:1}.secure-browsing .score-total{color:#888;font-size:1.1rem}.secure-browsing .score-label{color:#aaa;font-size:1rem;line-height:1.5}.secure-browsing .tips-recap{background:#0f170f;border:1px solid #1a2f1a;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left}.secure-browsing .tips-recap h3{color:#0f8;font-size:1.1rem;margin-bottom:1rem;text-align:center}.secure-browsing .tips-recap ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.secure-browsing .tips-recap li{display:flex;align-items:center;gap:.75rem;color:#bbb;font-size:.9rem}.secure-browsing .tips-recap li svg{color:#0f8;flex-shrink:0}.secure-browsing .summary-list{text-align:left;margin-bottom:2rem}.secure-browsing .summary-list h3{color:#888;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;text-align:center}.secure-browsing .summary-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#1a1a1a;border-radius:8px;margin-bottom:.5rem}.secure-browsing .summary-item.correct{border-left:3px solid #00ff88}.secure-browsing .summary-item.incorrect{border-left:3px solid #ff5555}.secure-browsing .summary-number{color:#666;font-weight:600;min-width:24px}.secure-browsing .summary-title{color:#bbb;font-size:.9rem;flex:1}.secure-browsing .summary-icon{width:20px;height:20px}.secure-browsing .summary-item.correct .summary-icon{color:#0f8}.secure-browsing .summary-item.incorrect .summary-icon{color:#f55}.secure-browsing .completion-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.secure-browsing .btn-restart{display:flex;align-items:center;gap:.5rem;background:transparent;color:#0f8;border:2px solid #00ff88;padding:.9rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.secure-browsing .btn-restart:hover{background:#00ff881a}.secure-browsing .btn-home{display:inline-block;background:linear-gradient(135deg,#0f8,#0c6);color:#0a0f0a;text-decoration:none;padding:.9rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;transition:all .3s ease}.secure-browsing .btn-home:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f86}.secure-browsing .loading{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#888;font-size:1.1rem;min-height:60vh}.secure-browsing .spin{animation:spin 1s linear infinite}@media (max-width: 768px){.secure-browsing{padding:1rem}.secure-browsing .title-section h1{font-size:1.5rem}.secure-browsing .scenario-card{padding:1.5rem}.secure-browsing .browser-header{padding:.5rem .75rem}.secure-browsing .address-bar{padding:.4rem .5rem}.secure-browsing .url-text{font-size:.75rem}.secure-browsing .redirect-visual{flex-direction:column}.secure-browsing .redirect-arrow{transform:rotate(90deg)}.secure-browsing .score-card{padding:1.5rem}.secure-browsing .completion-buttons{flex-direction:column}.secure-browsing .btn-restart,.secure-browsing .btn-home{width:100%;text-align:center}}.data-classification{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#0f0a15,#0a0a0f);padding:2rem 1rem}.data-classification .container{max-width:900px;margin:0 auto}.data-classification .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.data-classification .back-link{color:#0f8;text-decoration:none;display:flex;align-items:center;gap:.5rem;font-size:.95rem;transition:all .3s ease}.data-classification .back-link:hover{color:#0c6;transform:translate(-3px)}.data-classification .progress-info{display:flex;align-items:center;gap:.5rem;color:#a0a0a0;background:#00ff881a;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(0,255,136,.2)}.data-classification .shield-icon{color:#0f8;width:18px;height:18px}.data-classification .title-section{text-align:center;margin-bottom:2rem}.data-classification .title-icon{width:60px;height:60px;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 8px 32px #f59e0b4d}.data-classification .title-icon svg{color:#fff;width:32px;height:32px}.data-classification .title-section h1{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.5px}.data-classification .title-section p{color:#888;font-size:1rem}.data-classification .progress-bar{height:6px;background:#1a1a2a;border-radius:3px;margin-bottom:2rem;overflow:hidden}.data-classification .progress-fill{height:100%;background:linear-gradient(90deg,#4ade80,#60a5fa,#f59e0b,#ef4444);border-radius:3px;transition:width .5s ease}.data-classification .tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100;overflow-y:auto}.data-classification .tutorial-card{background:linear-gradient(145deg,#141420,#0f0f18);border:1px solid #2a2a3a;border-radius:20px;padding:2.5rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.data-classification .tutorial-header{text-align:center;margin-bottom:2rem}.data-classification .tutorial-header svg{color:#f59e0b;margin-bottom:1rem}.data-classification .tutorial-header h2{color:#fff;font-size:1.8rem;margin-bottom:.5rem}.data-classification .tutorial-header p{color:#888}.data-classification .classification-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.data-classification .level-card{background:#1a1a25;border:2px solid;border-radius:12px;padding:1.25rem}.data-classification .level-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.data-classification .level-header h3{font-size:1.1rem;font-weight:600}.data-classification .level-desc{color:#999;font-size:.85rem;margin-bottom:1rem;line-height:1.4}.data-classification .level-examples{display:flex;flex-wrap:wrap;gap:.4rem}.data-classification .example-tag{background:#ffffff0d;color:#bbb;padding:.25rem .5rem;border-radius:4px;font-size:.7rem}.data-classification .btn-start{display:block;width:100%;max-width:300px;margin:0 auto;background:linear-gradient(135deg,#0f8,#0c6);color:#0a0a0f;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.data-classification .btn-start:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f86}.data-classification .scenario-card{background:linear-gradient(145deg,#141420,#0f0f18);border:1px solid #2a2a3a;border-radius:16px;padding:2rem;box-shadow:0 20px 60px #0006}.data-classification .scenario-header{margin-bottom:1.5rem}.data-classification .scenario-type{display:inline-block;background:#f59e0b26;color:#f59e0b;padding:.3rem .8rem;border-radius:20px;font-size:.7rem;font-weight:600;letter-spacing:1px;margin-bottom:.75rem}.data-classification .scenario-header h2{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:.5rem}.data-classification .scenario-desc{color:#999;font-size:.95rem;line-height:1.5}.data-classification .data-preview{background:#0d0d15;border:1px solid #2a2a3a;border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.data-classification .preview-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#1a1a25;border-bottom:1px solid #2a2a3a;color:#888;font-size:.85rem}.data-classification .preview-header svg{color:#60a5fa}.data-classification .data-table{width:100%;border-collapse:collapse}.data-classification .data-table th{background:#1a1a25;color:#aaa;font-weight:600;text-align:left;padding:.75rem 1rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #2a2a3a}.data-classification .data-table td{padding:.75rem 1rem;color:#ccc;font-size:.9rem;border-bottom:1px solid #1a1a25;font-family:monospace}.data-classification .data-table tr:last-child td{border-bottom:none}.data-classification .data-table tr:hover td{background:#60a5fa0d}.data-classification .document-content{padding:1.25rem;color:#ccc;font-family:Georgia,serif;font-size:.9rem;line-height:1.6;white-space:pre-wrap;margin:0}.data-classification .code-preview .preview-header svg{color:#ef4444}.data-classification .code-content{padding:1.25rem;color:#4ade80;font-family:Fira Code,Monaco,monospace;font-size:.85rem;line-height:1.5;white-space:pre-wrap;margin:0;background:#0a0a12}.data-classification .question-section{border-top:1px solid #2a2a3a;padding-top:1.5rem}.data-classification .question{color:#fff;font-size:1.1rem;margin-bottom:1.5rem}.data-classification .classification-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.data-classification .classification-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#ffffff08;border:2px solid;padding:1.25rem;border-radius:12px;cursor:pointer;transition:all .3s ease;color:var(--level-color)}.data-classification .classification-btn:hover{background:#ffffff14;transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.data-classification .classification-btn span{font-size:1rem;font-weight:600}.data-classification .options-grid{display:flex;flex-direction:column;gap:.75rem}.data-classification .option-btn{display:flex;align-items:center;gap:1rem;background:#1a1a25;border:1px solid #2a2a3a;padding:1rem 1.25rem;border-radius:10px;cursor:pointer;transition:all .3s ease;text-align:left}.data-classification .option-btn:hover{background:#252535;border-color:#0f8;transform:translate(5px)}.data-classification .option-btn .option-letter{background:#00ff8826;color:#0f8;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.data-classification .option-btn .option-text{color:#ccc;font-size:.95rem;line-height:1.4}.data-classification .result-section{animation:fadeIn .3s ease}.data-classification .result-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border-radius:10px;margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}.data-classification .result-banner.correct{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.data-classification .result-banner.incorrect{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.data-classification .result-icon{width:24px;height:24px}.data-classification .correct-answer{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#1a1a25;border-radius:10px}.data-classification .correct-answer span{color:#888;font-size:.9rem}.data-classification .classification-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;border:1px solid;font-weight:600;font-size:.9rem}.data-classification .explanation-box{background:#0d0d15;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.data-classification .explanation-box h4{color:#f59e0b;margin-bottom:.75rem;font-size:1rem}.data-classification .explanation-box p{color:#bbb;line-height:1.6;margin-bottom:1rem}.data-classification .tip-box{display:flex;align-items:flex-start;gap:.75rem;background:#00ff8814;padding:1rem;border-radius:8px;border-left:3px solid #00ff88}.data-classification .tip-icon{color:#0f8;width:20px;height:20px;flex-shrink:0;margin-top:2px}.data-classification .tip-box span{color:#aaa;font-size:.9rem;line-height:1.5}.data-classification .btn-next{width:100%;background:linear-gradient(135deg,#0f8,#0c6);color:#0a0a0f;border:none;padding:1rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.data-classification .btn-next:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f86}.data-classification .completion-screen{animation:fadeIn .5s ease}.data-classification .score-card{background:linear-gradient(145deg,#141420,#0f0f18);border:1px solid #2a2a3a;border-radius:20px;padding:2.5rem;text-align:center;box-shadow:0 20px 60px #0006}.data-classification .completion-icon{width:80px;height:80px;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 10px 40px #f59e0b4d}.data-classification .completion-icon svg{color:#fff}.data-classification .score-card h2{color:#fff;font-size:1.8rem;margin-bottom:1.5rem}.data-classification .final-score{margin-bottom:2rem}.data-classification .score-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#f59e0b33,#ef44441a);border:3px solid #f59e0b;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 1rem}.data-classification .score-number{color:#f59e0b;font-size:2.5rem;font-weight:700;line-height:1}.data-classification .score-total{color:#888;font-size:1.1rem}.data-classification .score-label{color:#aaa;font-size:1rem;line-height:1.5}.data-classification .tips-recap{background:#0d0d15;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left}.data-classification .tips-recap h3{color:#f59e0b;font-size:1.1rem;margin-bottom:1rem;text-align:center}.data-classification .level-summary{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.data-classification .level-mini{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:#ffffff08;border:1px solid;border-radius:20px;font-size:.8rem;font-weight:500}.data-classification .tips-recap ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.data-classification .tips-recap li{display:flex;align-items:center;gap:.75rem;color:#bbb;font-size:.9rem}.data-classification .tips-recap li svg{color:#0f8;flex-shrink:0}.data-classification .summary-list{text-align:left;margin-bottom:2rem}.data-classification .summary-list h3{color:#888;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;text-align:center}.data-classification .summary-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#1a1a25;border-radius:8px;margin-bottom:.5rem}.data-classification .summary-item.correct{border-left:3px solid #4ade80}.data-classification .summary-item.incorrect{border-left:3px solid #ef4444}.data-classification .summary-number{color:#666;font-weight:600;min-width:24px}.data-classification .summary-title{color:#bbb;font-size:.9rem;flex:1}.data-classification .summary-icon{width:20px;height:20px}.data-classification .summary-item.correct .summary-icon{color:#4ade80}.data-classification .summary-item.incorrect .summary-icon{color:#ef4444}.data-classification .completion-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.data-classification .btn-restart{display:flex;align-items:center;gap:.5rem;background:transparent;color:#0f8;border:2px solid #00ff88;padding:.9rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.data-classification .btn-restart:hover{background:#00ff881a}.data-classification .btn-home{display:inline-block;background:linear-gradient(135deg,#0f8,#0c6);color:#0a0a0f;text-decoration:none;padding:.9rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;transition:all .3s ease}.data-classification .btn-home:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f86}.data-classification .loading{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#888;font-size:1.1rem;min-height:60vh}.data-classification .spin{animation:spin 1s linear infinite}@media (max-width: 768px){.data-classification{padding:1rem}.data-classification .title-section h1{font-size:1.5rem}.data-classification .scenario-card,.data-classification .tutorial-card{padding:1.5rem}.data-classification .classification-buttons,.data-classification .classification-levels{grid-template-columns:1fr}.data-classification .level-summary{flex-direction:column;align-items:center}.data-classification .score-card{padding:1.5rem}.data-classification .completion-buttons{flex-direction:column}.data-classification .btn-restart,.data-classification .btn-home{width:100%;text-align:center}.data-classification .data-table{font-size:.8rem}.data-classification .data-table th,.data-classification .data-table td{padding:.5rem}}.byod-challenge{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#0a0f15,#0a0a0f);padding:2rem 1rem}.byod-challenge .container{max-width:900px;margin:0 auto}.byod-challenge .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.byod-challenge .back-link{color:#0f8;text-decoration:none;display:flex;align-items:center;gap:.5rem;font-size:.95rem;transition:all .3s ease}.byod-challenge .back-link:hover{color:#0c6;transform:translate(-3px)}.byod-challenge .progress-info{display:flex;align-items:center;gap:.5rem;color:#a0a0a0;background:#00ff881a;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(0,255,136,.2)}.byod-challenge .shield-icon{color:#0f8;width:18px;height:18px}.byod-challenge .title-section{text-align:center;margin-bottom:2rem}.byod-challenge .title-icon{width:60px;height:60px;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 8px 32px #60a5fa4d}.byod-challenge .title-icon svg{color:#fff;width:32px;height:32px}.byod-challenge .title-section h1{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.5px}.byod-challenge .title-section p{color:#888;font-size:1rem}.byod-challenge .progress-bar{height:6px;background:#1a1a2a;border-radius:3px;margin-bottom:2rem;overflow:hidden}.byod-challenge .progress-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#0f8);border-radius:3px;transition:width .5s ease}.byod-challenge .scenario-card{background:linear-gradient(145deg,#141420,#0f0f18);border:1px solid #2a2a3a;border-radius:16px;padding:2rem;box-shadow:0 20px 60px #0006}.byod-challenge .scenario-header{margin-bottom:1.5rem}.byod-challenge .scenario-type{display:inline-block;background:#60a5fa26;color:#60a5fa;padding:.3rem .8rem;border-radius:20px;font-size:.7rem;font-weight:600;letter-spacing:1px;margin-bottom:.75rem}.byod-challenge .scenario-header h2{color:#fff;font-size:1.4rem;font-weight:600}.byod-challenge .byod-visual{display:flex;justify-content:center;margin-bottom:1.5rem}.byod-challenge .document-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;width:100%;max-width:350px}.byod-challenge .doc-header{display:flex;align-items:center;gap:.75rem;color:#60a5fa;font-weight:600;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #2a2a3a}.byod-challenge .doc-content{display:flex;flex-direction:column;gap:.5rem}.byod-challenge .doc-line{height:8px;background:#2a2a3a;border-radius:4px}.byod-challenge .doc-line.short{width:60%}.byod-challenge .doc-line.medium{width:80%}.byod-challenge .doc-section{background:#60a5fa1a;color:#60a5fa;padding:.5rem;border-radius:6px;font-size:.8rem;margin:.5rem 0}.byod-challenge .phone-mockup{width:180px;background:#1a1a25;border:3px solid #333;border-radius:24px;padding:.5rem;position:relative}.byod-challenge .phone-notch{width:60px;height:20px;background:#0a0a0f;border-radius:0 0 12px 12px;margin:0 auto}.byod-challenge .phone-screen{background:linear-gradient(180deg,#1e3a5f,#0f1f30);border-radius:16px;padding:1.5rem 1rem;min-height:280px;display:flex;flex-direction:column;align-items:center}.byod-challenge .lock-screen .lock-time{color:#fff;font-size:2rem;font-weight:300;margin-bottom:1.5rem}.byod-challenge .lock-screen .lock-icon{color:#60a5fa;margin-bottom:1.5rem}.byod-challenge .pin-dots{display:flex;gap:.5rem;margin-bottom:1.5rem}.byod-challenge .pin-dots .dot{width:12px;height:12px;border:2px solid #60a5fa;border-radius:50%}.byod-challenge .pin-dots .dot.filled{background:#60a5fa}.byod-challenge .biometric-hint{display:flex;align-items:center;gap:.5rem;color:#888;font-size:.8rem}.byod-challenge .lost-device-card{background:#1a1a25;border:2px solid #ef4444;border-radius:12px;padding:1.5rem;text-align:center;width:100%;max-width:300px}.byod-challenge .alert-icon{color:#ef4444;margin-bottom:1rem}.byod-challenge .alert-icon.pulse{animation:pulse 2s infinite}.byod-challenge .lost-device-card h4{color:#ef4444;margin-bottom:1rem}.byod-challenge .device-info{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#ccc;margin-bottom:.5rem;font-size:.9rem}.byod-challenge .location-info{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#888;font-size:.85rem;margin-bottom:1rem}.byod-challenge .action-buttons{display:flex;gap:.5rem;justify-content:center}.byod-challenge .btn-find{background:#60a5fa;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;cursor:pointer}.byod-challenge .btn-wipe{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;cursor:pointer}.byod-challenge .app-store-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1rem;width:100%;max-width:320px}.byod-challenge .app-header{display:flex;align-items:center;gap:.5rem;color:#888;font-size:.85rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #2a2a3a}.byod-challenge .app-item{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.byod-challenge .app-icon{width:48px;height:48px;border-radius:12px}.byod-challenge .app-icon.green{background:linear-gradient(135deg,#4ade80,#22c55e)}.byod-challenge .app-details{flex:1;display:flex;flex-direction:column}.byod-challenge .app-name{color:#fff;font-weight:500}.byod-challenge .app-dev{color:#666;font-size:.8rem}.byod-challenge .install-btn{background:#60a5fa;color:#fff;border:none;padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer}.byod-challenge .permissions-warning{display:flex;align-items:center;gap:.5rem;background:#f59e0b1a;color:#f59e0b;padding:.5rem;border-radius:6px;font-size:.75rem}.byod-challenge .wifi-connect-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1rem;width:100%;max-width:280px}.byod-challenge .wifi-header{display:flex;align-items:center;gap:.5rem;color:#60a5fa;margin-bottom:1rem}.byod-challenge .wifi-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#252535;border-radius:8px;color:#ccc;margin-bottom:1rem}.byod-challenge .wifi-item .unsecure{margin-left:auto;color:#f59e0b}.byod-challenge .vpn-status{display:flex;justify-content:center}.byod-challenge .vpn-toggle{display:flex;align-items:center;gap:.5rem;color:#888;font-size:.9rem}.byod-challenge .toggle-switch{width:40px;height:22px;background:#444;border-radius:11px;position:relative}.byod-challenge .toggle-switch:after{content:"";position:absolute;width:18px;height:18px;background:#888;border-radius:50%;top:2px;left:2px}.byod-challenge .toggle-switch.on{background:#0f8}.byod-challenge .toggle-switch.on:after{left:20px;background:#fff}.byod-challenge .separation-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1rem;display:flex;gap:.5rem;align-items:stretch}.byod-challenge .profile-section{flex:1;padding:1rem;border-radius:8px}.byod-challenge .profile-section.personal{background:#a855f71a;border:1px solid rgba(168,85,247,.3)}.byod-challenge .profile-section.work{background:#60a5fa1a;border:1px solid rgba(96,165,250,.3)}.byod-challenge .profile-header{text-align:center;margin-bottom:.75rem;font-weight:600}.byod-challenge .profile-section.personal .profile-header{color:#a855f7}.byod-challenge .profile-section.work .profile-header{color:#60a5fa}.byod-challenge .profile-icons{display:flex;flex-direction:column;gap:.4rem}.byod-challenge .app-mini{background:#ffffff0d;color:#aaa;padding:.3rem .5rem;border-radius:4px;font-size:.75rem;text-align:center}.byod-challenge .separator-line{display:flex;align-items:center;justify-content:center;color:#0f8;padding:0 .5rem}.byod-challenge .update-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;text-align:center;width:100%;max-width:280px}.byod-challenge .update-icon{color:#60a5fa;margin-bottom:1rem}.byod-challenge .update-card h4{color:#fff;margin-bottom:.5rem}.byod-challenge .update-version{color:#888;font-size:.85rem;margin-bottom:1rem}.byod-challenge .update-details{display:flex;flex-direction:column;gap:.25rem;color:#666;font-size:.8rem;margin-bottom:1rem}.byod-challenge .update-buttons{display:flex;gap:.5rem;justify-content:center}.byod-challenge .btn-later{background:transparent;color:#888;border:1px solid #444;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer}.byod-challenge .btn-install{background:#60a5fa;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer}.byod-challenge .mdm-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1rem;width:100%;max-width:300px}.byod-challenge .mdm-header{display:flex;align-items:center;gap:.5rem;color:#888;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #2a2a3a}.byod-challenge .mdm-permissions{display:flex;flex-direction:column;gap:.5rem}.byod-challenge .perm-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;padding:.4rem;border-radius:4px}.byod-challenge .perm-item.allowed{color:#4ade80;background:#4ade801a}.byod-challenge .perm-item.denied{color:#ef4444;background:#ef44441a}.byod-challenge .password-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.25rem;width:100%;max-width:280px}.byod-challenge .password-header{display:flex;align-items:center;gap:.5rem;color:#60a5fa;margin-bottom:1rem}.byod-challenge .password-field{display:flex;align-items:center;background:#0d0d15;border:1px solid #2a2a3a;border-radius:8px;padding:.75rem;margin-bottom:1rem}.byod-challenge .password-field input{flex:1;background:none;border:none;color:#ccc;font-family:monospace;font-size:1rem}.byod-challenge .password-field svg{color:#666}.byod-challenge .password-options{display:flex;gap:1rem;justify-content:center}.byod-challenge .password-options .option{display:flex;align-items:center;gap:.4rem;color:#888;font-size:.8rem}.byod-challenge .backup-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1rem;display:flex;gap:1rem;align-items:center}.byod-challenge .cloud-section{flex:1;text-align:center;padding:1rem;border-radius:8px}.byod-challenge .personal-cloud{background:#a855f71a;color:#a855f7}.byod-challenge .work-cloud{background:#60a5fa1a;color:#60a5fa}.byod-challenge .cloud-section span{display:block;margin-top:.5rem;font-size:.85rem;font-weight:500}.byod-challenge .data-items{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.byod-challenge .data-items span{font-size:.75rem;color:#888;font-weight:400}.byod-challenge .cloud-divider{color:#444}.byod-challenge .exit-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.25rem;width:100%;max-width:300px}.byod-challenge .exit-header{display:flex;align-items:center;gap:.5rem;color:#f59e0b;margin-bottom:1rem}.byod-challenge .checklist{display:flex;flex-direction:column;gap:.5rem}.byod-challenge .check-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#888;padding:.5rem;border-radius:6px}.byod-challenge .check-item.done{color:#4ade80;background:#4ade801a}.byod-challenge .check-item.active{color:#fff;background:#60a5fa1a;border:1px solid rgba(96,165,250,.3)}.byod-challenge .check-box{width:14px;height:14px;border:2px solid #444;border-radius:3px}.byod-challenge .jailbreak-card{background:#1a1a25;border:2px solid #ef4444;border-radius:12px;padding:1.5rem;text-align:center;width:100%;max-width:280px}.byod-challenge .jailbreak-card .warning-icon,.byod-challenge .jailbreak-card h4{color:#ef4444;margin-bottom:1rem}.byod-challenge .risk-list{display:flex;flex-direction:column;gap:.4rem}.byod-challenge .risk-list span{color:#f87171;font-size:.85rem}.byod-challenge .family-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.25rem;width:100%;max-width:280px}.byod-challenge .user-profiles{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.byod-challenge .user-profile{text-align:center}.byod-challenge .avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;margin-bottom:.5rem}.byod-challenge .avatar.adult{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.byod-challenge .avatar.child{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.byod-challenge .user-profile span{color:#888;font-size:.8rem}.byod-challenge .profile-settings{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#4ade80;font-size:.8rem;background:#4ade801a;padding:.5rem;border-radius:6px}.byod-challenge .bluetooth-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.25rem;width:100%;max-width:250px}.byod-challenge .bt-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.byod-challenge .bt-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.byod-challenge .bt-icon.on{background:#60a5fa;color:#fff}.byod-challenge .bt-header span{color:#fff;font-weight:500}.byod-challenge .bt-status{display:flex;align-items:center;gap:.5rem;color:#f59e0b;font-size:.85rem;margin-bottom:1rem}.byod-challenge .nearby-devices .label{color:#666;font-size:.8rem;display:block;margin-bottom:.25rem}.byod-challenge .nearby-devices .device-name{color:#ccc;font-size:.9rem}.byod-challenge .sideload-card{background:#1a1a25;border:1px solid #f59e0b;border-radius:12px;padding:1.5rem;text-align:center;width:100%;max-width:260px}.byod-challenge .sideload-card .file-icon{color:#f59e0b;margin-bottom:.75rem}.byod-challenge .file-name{color:#ccc;font-family:monospace;font-size:.9rem;margin-bottom:.75rem}.byod-challenge .source-warning{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#f59e0b;font-size:.85rem;margin-bottom:.75rem}.byod-challenge .risk-badge{background:#ef444426;color:#ef4444;padding:.4rem .75rem;border-radius:20px;font-size:.75rem}.byod-challenge .privacy-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.25rem;width:100%;max-width:280px}.byod-challenge .privacy-header{display:flex;align-items:center;gap:.5rem;color:#0f8;margin-bottom:1rem}.byod-challenge .privacy-items{display:flex;flex-direction:column;gap:.5rem}.byod-challenge .privacy-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:6px;font-size:.85rem}.byod-challenge .privacy-item.protected{background:#00ff881a;color:#0f8}.byod-challenge .privacy-item.managed{background:#60a5fa1a;color:#60a5fa}.byod-challenge .question-section{border-top:1px solid #2a2a3a;padding-top:1.5rem}.byod-challenge .question{color:#fff;font-size:1.05rem;line-height:1.6;margin-bottom:1.5rem}.byod-challenge .options-grid{display:flex;flex-direction:column;gap:.75rem}.byod-challenge .option-btn{display:flex;align-items:center;gap:1rem;background:#1a1a25;border:1px solid #2a2a3a;padding:1rem 1.25rem;border-radius:10px;cursor:pointer;transition:all .3s ease;text-align:left}.byod-challenge .option-btn:hover{background:#252535;border-color:#60a5fa;transform:translate(5px)}.byod-challenge .option-btn .option-letter{background:#60a5fa26;color:#60a5fa;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.byod-challenge .option-btn .option-text{color:#ccc;font-size:.95rem;line-height:1.4}.byod-challenge .result-section{animation:fadeIn .3s ease}.byod-challenge .result-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border-radius:10px;margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}.byod-challenge .result-banner.correct{background:#00ff8826;color:#0f8;border:1px solid rgba(0,255,136,.3)}.byod-challenge .result-banner.incorrect{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.byod-challenge .result-icon{width:24px;height:24px}.byod-challenge .explanation-box{background:#0d0d15;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.byod-challenge .explanation-box h4{color:#60a5fa;margin-bottom:.75rem;font-size:1rem}.byod-challenge .explanation-box p{color:#bbb;line-height:1.6;margin-bottom:1rem}.byod-challenge .tip-box{display:flex;align-items:flex-start;gap:.75rem;background:#00ff8814;padding:1rem;border-radius:8px;border-left:3px solid #00ff88}.byod-challenge .tip-icon{color:#0f8;width:20px;height:20px;flex-shrink:0;margin-top:2px}.byod-challenge .tip-box span{color:#aaa;font-size:.9rem;line-height:1.5}.byod-challenge .btn-next{width:100%;background:linear-gradient(135deg,#0f8,#0c6);color:#0a0a0f;border:none;padding:1rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.byod-challenge .btn-next:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f86}.byod-challenge .completion-screen{animation:fadeIn .5s ease}.byod-challenge .score-card{background:linear-gradient(145deg,#141420,#0f0f18);border:1px solid #2a2a3a;border-radius:20px;padding:2.5rem;text-align:center;box-shadow:0 20px 60px #0006}.byod-challenge .completion-icon{width:80px;height:80px;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 10px 40px #60a5fa4d}.byod-challenge .completion-icon svg{color:#fff}.byod-challenge .score-card h2{color:#fff;font-size:1.8rem;margin-bottom:1.5rem}.byod-challenge .final-score{margin-bottom:2rem}.byod-challenge .score-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#60a5fa33,#3b82f61a);border:3px solid #60a5fa;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 1rem}.byod-challenge .score-number{color:#60a5fa;font-size:2.5rem;font-weight:700;line-height:1}.byod-challenge .score-total{color:#888;font-size:1.1rem}.byod-challenge .score-label{color:#aaa;font-size:1rem;line-height:1.5}.byod-challenge .tips-recap{background:#0d0d15;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left}.byod-challenge .tips-recap h3{color:#60a5fa;font-size:1.1rem;margin-bottom:1rem;text-align:center}.byod-challenge .tips-recap ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.byod-challenge .tips-recap li{display:flex;align-items:center;gap:.75rem;color:#bbb;font-size:.9rem}.byod-challenge .tips-recap li svg{color:#0f8;flex-shrink:0}.byod-challenge .summary-list{text-align:left;margin-bottom:2rem}.byod-challenge .summary-list h3{color:#888;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;text-align:center}.byod-challenge .summary-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#1a1a25;border-radius:8px;margin-bottom:.5rem}.byod-challenge .summary-item.correct{border-left:3px solid #00ff88}.byod-challenge .summary-item.incorrect{border-left:3px solid #ef4444}.byod-challenge .summary-number{color:#666;font-weight:600;min-width:24px}.byod-challenge .summary-title{color:#bbb;font-size:.9rem;flex:1}.byod-challenge .summary-icon{width:20px;height:20px}.byod-challenge .summary-item.correct .summary-icon{color:#0f8}.byod-challenge .summary-item.incorrect .summary-icon{color:#ef4444}.byod-challenge .completion-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.byod-challenge .btn-restart{display:flex;align-items:center;gap:.5rem;background:transparent;color:#0f8;border:2px solid #00ff88;padding:.9rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.byod-challenge .btn-restart:hover{background:#00ff881a}.byod-challenge .btn-home{display:inline-block;background:linear-gradient(135deg,#0f8,#0c6);color:#0a0a0f;text-decoration:none;padding:.9rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;transition:all .3s ease}.byod-challenge .btn-home:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f86}.byod-challenge .loading{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#888;font-size:1.1rem;min-height:60vh}.byod-challenge .spin{animation:spin 1s linear infinite}@media (max-width: 768px){.byod-challenge{padding:1rem}.byod-challenge .title-section h1{font-size:1.5rem}.byod-challenge .scenario-card{padding:1.5rem}.byod-challenge .separation-card{flex-direction:column}.byod-challenge .separator-line{transform:rotate(90deg);padding:.5rem 0}.byod-challenge .backup-card{flex-direction:column}.byod-challenge .cloud-divider{transform:rotate(90deg)}.byod-challenge .score-card{padding:1.5rem}.byod-challenge .completion-buttons{flex-direction:column}.byod-challenge .btn-restart,.byod-challenge .btn-home{width:100%;text-align:center}}.remote-work-security{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#100a18,#0a0a0f);padding:2rem 1rem}.remote-work-security .container{max-width:900px;margin:0 auto}.remote-work-security .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.remote-work-security .back-link{color:#0f8;text-decoration:none;display:flex;align-items:center;gap:.5rem;font-size:.95rem;transition:all .3s ease}.remote-work-security .back-link:hover{color:#0c6;transform:translate(-3px)}.remote-work-security .progress-info{display:flex;align-items:center;gap:.5rem;color:#a0a0a0;background:#00ff881a;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(0,255,136,.2)}.remote-work-security .shield-icon{color:#0f8;width:18px;height:18px}.remote-work-security .title-section{text-align:center;margin-bottom:2rem}.remote-work-security .title-icon{width:60px;height:60px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 8px 32px #8b5cf64d}.remote-work-security .title-icon svg{color:#fff;width:32px;height:32px}.remote-work-security .title-section h1{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.5px}.remote-work-security .title-section p{color:#888;font-size:1rem}.remote-work-security .progress-bar{height:6px;background:#1a1a2a;border-radius:3px;margin-bottom:2rem;overflow:hidden}.remote-work-security .progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#0f8);border-radius:3px;transition:width .5s ease}.remote-work-security .scenario-card{background:linear-gradient(145deg,#141420,#0f0f18);border:1px solid #2a2a3a;border-radius:16px;padding:2rem;box-shadow:0 20px 60px #0006}.remote-work-security .scenario-header{margin-bottom:1.5rem}.remote-work-security .scenario-type{display:inline-block;background:#8b5cf626;color:#8b5cf6;padding:.3rem .8rem;border-radius:20px;font-size:.7rem;font-weight:600;letter-spacing:1px;margin-bottom:.75rem}.remote-work-security .scenario-header h2{color:#fff;font-size:1.4rem;font-weight:600}.remote-work-security .remote-visual{display:flex;justify-content:center;margin-bottom:1.5rem}.remote-work-security .router-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;min-width:300px}.remote-work-security .router-icon{color:#8b5cf6;background:#8b5cf61a;padding:1rem;border-radius:12px}.remote-work-security .router-info{flex:1}.remote-work-security .network-name{color:#fff;font-weight:500;display:block;margin-bottom:.5rem}.remote-work-security .security-badge{display:inline-flex;align-items:center;gap:.3rem;background:#00ff8826;color:#0f8;padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.remote-work-security .signal-bars{display:flex;align-items:flex-end;gap:3px}.remote-work-security .signal-bars .bar{width:6px;background:#333;border-radius:2px}.remote-work-security .signal-bars .bar:nth-child(1){height:8px}.remote-work-security .signal-bars .bar:nth-child(2){height:12px}.remote-work-security .signal-bars .bar:nth-child(3){height:16px}.remote-work-security .signal-bars .bar:nth-child(4){height:20px}.remote-work-security .signal-bars .bar.active{background:#0f8}.remote-work-security .video-call-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;overflow:hidden;width:100%;max-width:320px}.remote-work-security .video-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#252535;color:#888;font-size:.85rem}.remote-work-security .recording-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;margin-left:auto;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.remote-work-security .video-preview{padding:1rem;min-height:120px}.remote-work-security .participant.main{background:linear-gradient(135deg,#2a2a40,#1a1a30);border-radius:8px;padding:1.5rem;position:relative}.remote-work-security .avatar-placeholder{background:#8b5cf6;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;margin:0 auto .5rem}.remote-work-security .background-items{display:flex;justify-content:center;gap:.5rem;font-size:1.2rem;opacity:.6}.remote-work-security .video-controls{display:flex;justify-content:center;gap:1.5rem;padding:.75rem;background:#252535;color:#888}.remote-work-security .monitor-setup{text-align:center}.remote-work-security .monitor{background:#1a1a25;border:3px solid #333;border-radius:8px;padding:1rem;width:200px;margin:0 auto 1rem;position:relative}.remote-work-security .screen-content{background:#0d0d15;padding:1rem;border-radius:4px}.remote-work-security .data-lines .line{height:6px;background:#2a2a3a;border-radius:3px;margin-bottom:.4rem}.remote-work-security .data-lines .line.short{width:60%}.remote-work-security .privacy-filter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#8b5cf633;padding:.5rem;border-radius:50%;color:#8b5cf6}.remote-work-security .viewing-angles{display:flex;justify-content:center;gap:2rem}.remote-work-security .angle{padding:.3rem .6rem;border-radius:4px;font-size:.85rem}.remote-work-security .angle.blocked{background:#ef444426;color:#888}.remote-work-security .angle.visible{background:#00ff8826;color:#0f8}.remote-work-security .network-diagram{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.75rem}.remote-work-security .network-section{flex:1;text-align:center;padding:1rem;border-radius:8px}.remote-work-security .network-section.work{background:#00ff881a;border:1px solid rgba(0,255,136,.2);color:#0f8}.remote-work-security .network-section.iot{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#f59e0b}.remote-work-security .network-section span{display:block;margin-top:.5rem;font-size:.85rem}.remote-work-security .network-section .devices{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem;opacity:.7}.remote-work-security .network-divider{color:#8b5cf6;background:#8b5cf633;padding:.5rem;border-radius:50%}.remote-work-security .assistant-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;text-align:center;min-width:200px}.remote-work-security .assistant-icon{color:#8b5cf6;margin-bottom:1rem}.remote-work-security .assistant-status{margin-bottom:1rem}.remote-work-security .assistant-status.listening{color:#f59e0b}.remote-work-security .pulse-ring{width:40px;height:40px;border:2px solid #f59e0b;border-radius:50%;margin:0 auto .5rem;animation:pulse-ring 1.5s infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.2);opacity:0}}.remote-work-security .mute-option{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#0f8;font-size:.85rem;background:#00ff881a;padding:.5rem;border-radius:6px}.remote-work-security .printer-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;text-align:center;min-width:220px}.remote-work-security .printer-icon{color:#888;margin-bottom:1rem}.remote-work-security .document-stack{background:#fff;color:#000;padding:.75rem;border-radius:4px;margin-bottom:1rem}.remote-work-security .doc-label{display:block;font-size:.7rem;font-weight:600;color:#ef4444;margin-top:.25rem}.remote-work-security .disposal-options{display:flex;gap:.5rem;justify-content:center}.remote-work-security .disposal-options .option{padding:.4rem .75rem;border-radius:6px;font-size:.8rem}.remote-work-security .disposal-options .option.shred{background:#00ff8826;color:#0f8}.remote-work-security .disposal-options .option.bad{background:#ef444426;color:#ef4444;text-decoration:line-through}.remote-work-security .desktop-preview{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1rem;width:100%;max-width:300px}.remote-work-security .taskbar{background:#252535;padding:.5rem;border-radius:4px;margin-bottom:.75rem}.remote-work-security .open-apps{display:flex;gap:.5rem}.remote-work-security .open-apps .app{padding:.25rem .5rem;border-radius:4px;font-size:.7rem}.remote-work-security .open-apps .app.work{background:#00ff8826;color:#0f8}.remote-work-security .open-apps .app.personal{background:#ef444426;color:#ef4444}.remote-work-security .notification-popup{background:#333;color:#fff;padding:.5rem;border-radius:4px;font-size:.75rem;margin-bottom:.75rem;border-left:3px solid #f59e0b}.remote-work-security .browser-tabs{display:flex;gap:.5rem}.remote-work-security .browser-tabs .tab{background:#252535;padding:.3rem .6rem;border-radius:4px 4px 0 0;font-size:.7rem;color:#888}.remote-work-security .browser-tabs .tab.private{background:#ef444426;color:#ef4444}.remote-work-security .laptop-card{text-align:center}.remote-work-security .laptop-screen{background:#1a1a25;border:3px solid #333;border-radius:8px 8px 0 0;padding:2rem;width:200px;margin:0 auto}.remote-work-security .lock-overlay{color:#8b5cf6}.remote-work-security .lock-overlay span{display:block;margin-top:.5rem;color:#888;font-family:monospace;font-size:.85rem}.remote-work-security .laptop-base{background:#333;height:8px;width:240px;margin:0 auto;border-radius:0 0 8px 8px}.remote-work-security .away-timer{margin-top:1rem;color:#f59e0b;font-size:.85rem}.remote-work-security .chat-comparison{display:flex;align-items:center;gap:1rem;background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.25rem}.remote-work-security .chat-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border-radius:8px}.remote-work-security .chat-option.bad{background:#ef44441a;color:#ef4444}.remote-work-security .chat-option.good{background:#00ff881a;color:#0f8}.remote-work-security .chat-option span{font-size:.85rem}.remote-work-security .chat-option .status{opacity:.7}.remote-work-security .vs{color:#666;font-weight:600}.remote-work-security .vpn-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;text-align:center;min-width:220px}.remote-work-security .vpn-icon{color:#0f8;margin-bottom:1rem}.remote-work-security .vpn-status{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.remote-work-security .vpn-status.connected{color:#0f8}.remote-work-security .status-dot{width:10px;height:10px;background:#0f8;border-radius:50%;animation:pulse 1.5s infinite}.remote-work-security .connection-info{color:#888;font-size:.85rem}.remote-work-security .cafe-scene{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.25rem;min-width:250px}.remote-work-security .cafe-header{display:flex;align-items:center;gap:.5rem;color:#f59e0b;margin-bottom:1rem}.remote-work-security .risk-indicators{display:flex;flex-direction:column;gap:.5rem}.remote-work-security .risk-indicators .risk{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-size:.85rem;background:#ef44441a;padding:.4rem .75rem;border-radius:6px}.remote-work-security .visitor-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.25rem;min-width:240px}.remote-work-security .visitor-header{display:flex;align-items:center;gap:.5rem;color:#f59e0b;margin-bottom:1rem}.remote-work-security .office-area{background:#252535;padding:1rem;border-radius:8px;text-align:center;margin-bottom:1rem;color:#888}.remote-work-security .sensitive-items{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;font-size:.85rem}.remote-work-security .action-needed{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#0f8;font-size:.85rem;background:#00ff881a;padding:.5rem;border-radius:6px}.remote-work-security .storage-options{display:flex;gap:1rem;background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.25rem}.remote-work-security .storage-option{flex:1;text-align:center;padding:1rem;border-radius:8px;color:#888}.remote-work-security .storage-option.personal{background:#ef44441a}.remote-work-security .storage-option.company{background:#00ff881a}.remote-work-security .storage-option span{display:block;margin-top:.5rem;font-size:.85rem}.remote-work-security .storage-option .status{margin-top:.5rem}.remote-work-security .storage-option .status.bad{color:#ef4444}.remote-work-security .storage-option .status.good{color:#0f8}.remote-work-security .call-setup{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.25rem;min-width:240px}.remote-work-security .room-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#0f8;margin-bottom:1rem}.remote-work-security .call-status{text-align:center;color:#8b5cf6;margin-bottom:1rem}.remote-work-security .call-status span{display:block;margin-top:.5rem;font-size:.9rem}.remote-work-security .audio-protection{display:flex;justify-content:center;gap:1rem;font-size:.8rem;color:#888}.remote-work-security .meeting-settings{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.25rem;min-width:240px}.remote-work-security .setting-header{display:flex;align-items:center;gap:.5rem;color:#8b5cf6;margin-bottom:1rem}.remote-work-security .security-options{display:flex;flex-direction:column;gap:.5rem}.remote-work-security .security-options .option{display:flex;align-items:center;gap:.5rem;font-size:.85rem;padding:.4rem .75rem;border-radius:6px}.remote-work-security .security-options .option.enabled{background:#00ff881a;color:#0f8}.remote-work-security .call-alert{background:#1a1a25;border:2px solid #ef4444;border-radius:12px;padding:1.25rem;text-align:center;min-width:260px}.remote-work-security .caller-info{color:#ef4444;margin-bottom:1rem}.remote-work-security .caller-info span{display:block;margin-top:.5rem;font-size:1rem}.remote-work-security .request{background:#f59e0b1a;color:#f59e0b;padding:.75rem;border-radius:6px;font-size:.85rem;display:flex;align-items:center;gap:.5rem;justify-content:center;margin-bottom:1rem}.remote-work-security .verification{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#0f8;font-size:.85rem;background:#00ff881a;padding:.5rem;border-radius:6px}.remote-work-security .hotel-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.25rem;min-width:240px}.remote-work-security .hotel-header{display:flex;align-items:center;gap:.5rem;color:#8b5cf6;margin-bottom:1rem}.remote-work-security .hotel-risks{display:flex;flex-direction:column;gap:.5rem}.remote-work-security .risk-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;font-size:.85rem}.remote-work-security .risk-item.high{background:#ef444426;color:#ef4444}.remote-work-security .risk-item.medium{background:#f59e0b1a;color:#f59e0b}.remote-work-security .shredder-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;text-align:center;min-width:200px}.remote-work-security .document-in{color:#fff;margin-bottom:1rem}.remote-work-security .document-in span{display:block;font-size:.8rem;color:#ef4444;margin-top:.25rem}.remote-work-security .shredder-icon{margin-bottom:1rem}.remote-work-security .shredder-slot{height:8px;background:#333;border-radius:4px;margin-bottom:.5rem}.remote-work-security .shred-strips{display:flex;justify-content:center;gap:4px}.remote-work-security .shred-strips .strip{width:4px;height:30px;background:linear-gradient(to bottom,#fff,#ccc);border-radius:2px}.remote-work-security .shred-type{color:#0f8;font-size:.85rem;margin-top:1rem}.remote-work-security .question-section{border-top:1px solid #2a2a3a;padding-top:1.5rem}.remote-work-security .question{color:#fff;font-size:1.05rem;line-height:1.6;margin-bottom:1.5rem}.remote-work-security .options-grid{display:flex;flex-direction:column;gap:.75rem}.remote-work-security .option-btn{display:flex;align-items:center;gap:1rem;background:#1a1a25;border:1px solid #2a2a3a;padding:1rem 1.25rem;border-radius:10px;cursor:pointer;transition:all .3s ease;text-align:left}.remote-work-security .option-btn:hover{background:#252535;border-color:#8b5cf6;transform:translate(5px)}.remote-work-security .option-btn .option-letter{background:#8b5cf626;color:#8b5cf6;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.remote-work-security .option-btn .option-text{color:#ccc;font-size:.95rem;line-height:1.4}.remote-work-security .result-section{animation:fadeIn .3s ease}.remote-work-security .result-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border-radius:10px;margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}.remote-work-security .result-banner.correct{background:#00ff8826;color:#0f8;border:1px solid rgba(0,255,136,.3)}.remote-work-security .result-banner.incorrect{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.remote-work-security .result-icon{width:24px;height:24px}.remote-work-security .explanation-box{background:#0d0d15;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.remote-work-security .explanation-box h4{color:#8b5cf6;margin-bottom:.75rem;font-size:1rem}.remote-work-security .explanation-box p{color:#bbb;line-height:1.6;margin-bottom:1rem}.remote-work-security .tip-box{display:flex;align-items:flex-start;gap:.75rem;background:#00ff8814;padding:1rem;border-radius:8px;border-left:3px solid #00ff88}.remote-work-security .tip-icon{color:#0f8;width:20px;height:20px;flex-shrink:0;margin-top:2px}.remote-work-security .tip-box span{color:#aaa;font-size:.9rem;line-height:1.5}.remote-work-security .btn-next{width:100%;background:linear-gradient(135deg,#0f8,#0c6);color:#0a0a0f;border:none;padding:1rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.remote-work-security .btn-next:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f86}.remote-work-security .completion-screen{animation:fadeIn .5s ease}.remote-work-security .score-card{background:linear-gradient(145deg,#141420,#0f0f18);border:1px solid #2a2a3a;border-radius:20px;padding:2.5rem;text-align:center;box-shadow:0 20px 60px #0006}.remote-work-security .completion-icon{width:80px;height:80px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 10px 40px #8b5cf64d}.remote-work-security .completion-icon svg{color:#fff}.remote-work-security .score-card h2{color:#fff;font-size:1.8rem;margin-bottom:1.5rem}.remote-work-security .final-score{margin-bottom:2rem}.remote-work-security .score-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#8b5cf633,#6d28d91a);border:3px solid #8b5cf6;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 1rem}.remote-work-security .score-number{color:#8b5cf6;font-size:2.5rem;font-weight:700;line-height:1}.remote-work-security .score-total{color:#888;font-size:1.1rem}.remote-work-security .score-label{color:#aaa;font-size:1rem;line-height:1.5}.remote-work-security .tips-recap{background:#0d0d15;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left}.remote-work-security .tips-recap h3{color:#8b5cf6;font-size:1.1rem;margin-bottom:1rem;text-align:center}.remote-work-security .tips-recap ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.remote-work-security .tips-recap li{display:flex;align-items:center;gap:.75rem;color:#bbb;font-size:.9rem}.remote-work-security .tips-recap li svg{color:#0f8;flex-shrink:0}.remote-work-security .summary-list{text-align:left;margin-bottom:2rem}.remote-work-security .summary-list h3{color:#888;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;text-align:center}.remote-work-security .summary-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#1a1a25;border-radius:8px;margin-bottom:.5rem}.remote-work-security .summary-item.correct{border-left:3px solid #00ff88}.remote-work-security .summary-item.incorrect{border-left:3px solid #ef4444}.remote-work-security .summary-number{color:#666;font-weight:600;min-width:24px}.remote-work-security .summary-title{color:#bbb;font-size:.9rem;flex:1}.remote-work-security .summary-icon{width:20px;height:20px}.remote-work-security .summary-item.correct .summary-icon{color:#0f8}.remote-work-security .summary-item.incorrect .summary-icon{color:#ef4444}.remote-work-security .completion-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.remote-work-security .btn-restart{display:flex;align-items:center;gap:.5rem;background:transparent;color:#0f8;border:2px solid #00ff88;padding:.9rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.remote-work-security .btn-restart:hover{background:#00ff881a}.remote-work-security .btn-home{display:inline-block;background:linear-gradient(135deg,#0f8,#0c6);color:#0a0a0f;text-decoration:none;padding:.9rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;transition:all .3s ease}.remote-work-security .btn-home:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f86}.remote-work-security .loading{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#888;font-size:1.1rem;min-height:60vh}.remote-work-security .spin{animation:spin 1s linear infinite}@media (max-width: 768px){.remote-work-security{padding:1rem}.remote-work-security .title-section h1{font-size:1.5rem}.remote-work-security .scenario-card{padding:1.5rem}.remote-work-security .network-diagram{flex-direction:column}.remote-work-security .network-divider{transform:rotate(90deg)}.remote-work-security .chat-comparison{flex-direction:column}.remote-work-security .vs{transform:rotate(90deg)}.remote-work-security .storage-options{flex-direction:column}.remote-work-security .score-card{padding:1.5rem}.remote-work-security .completion-buttons{flex-direction:column}.remote-work-security .btn-restart,.remote-work-security .btn-home{width:100%;text-align:center}}.mfa-challenge{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#0a1018,#0a0a0f);padding:2rem 1rem}.mfa-challenge .container{max-width:900px;margin:0 auto}.mfa-challenge .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.mfa-challenge .back-link{color:#0f8;text-decoration:none;display:flex;align-items:center;gap:.5rem;font-size:.95rem;transition:all .3s ease}.mfa-challenge .back-link:hover{color:#0c6;transform:translate(-3px)}.mfa-challenge .progress-info{display:flex;align-items:center;gap:.5rem;color:#a0a0a0;background:#00ff881a;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(0,255,136,.2)}.mfa-challenge .shield-icon{color:#0f8;width:18px;height:18px}.mfa-challenge .title-section{text-align:center;margin-bottom:2rem}.mfa-challenge .title-icon{width:60px;height:60px;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 8px 32px #10b9814d}.mfa-challenge .title-icon svg{color:#fff;width:32px;height:32px}.mfa-challenge .title-section h1{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.5px}.mfa-challenge .title-section p{color:#888;font-size:1rem}.mfa-challenge .progress-bar{height:6px;background:#1a1a2a;border-radius:3px;margin-bottom:2rem;overflow:hidden}.mfa-challenge .progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#0f8);border-radius:3px;transition:width .5s ease}.mfa-challenge .scenario-card{background:linear-gradient(145deg,#141420,#0f0f18);border:1px solid #2a2a3a;border-radius:16px;padding:2rem;box-shadow:0 20px 60px #0006}.mfa-challenge .scenario-header{margin-bottom:1.5rem}.mfa-challenge .scenario-type{display:inline-block;background:#10b98126;color:#10b981;padding:.3rem .8rem;border-radius:20px;font-size:.7rem;font-weight:600;letter-spacing:1px;margin-bottom:.75rem}.mfa-challenge .scenario-header h2{color:#fff;font-size:1.4rem;font-weight:600}.mfa-challenge .mfa-visual{display:flex;justify-content:center;margin-bottom:1.5rem}.mfa-challenge .concept-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;text-align:center}.mfa-challenge .factor-icons{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.mfa-challenge .factor{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#10b981}.mfa-challenge .factor span{font-size:.8rem}.mfa-challenge .plus{color:#666;font-size:1.5rem}.mfa-challenge .equals{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#0f8;padding-top:1rem;border-top:1px solid #2a2a3a}.mfa-challenge .factors-grid{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.mfa-challenge .factor-box{background:#1a1a25;border:1px solid #2a2a3a;border-radius:10px;padding:1rem;text-align:center;min-width:150px}.mfa-challenge .factor-box.know{border-color:#6366f14d;color:#6366f1}.mfa-challenge .factor-box.have{border-color:#10b9814d;color:#10b981}.mfa-challenge .factor-box.are{border-color:#f59e0b4d;color:#f59e0b}.mfa-challenge .factor-box .label{display:block;font-size:.85rem;font-weight:600;margin:.5rem 0}.mfa-challenge .factor-box .examples{display:block;font-size:.7rem;color:#888}.mfa-challenge .compare-cards{display:flex;align-items:center;gap:1rem;background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.25rem}.mfa-challenge .compare-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border-radius:8px}.mfa-challenge .compare-card.sms{background:#f59e0b1a;color:#f59e0b}.mfa-challenge .compare-card.app{background:#10b9811a;color:#10b981}.mfa-challenge .compare-card .method{font-weight:600;font-size:.9rem}.mfa-challenge .risk-level{display:flex;align-items:center;gap:.3rem;font-size:.7rem;padding:.25rem .5rem;border-radius:4px}.mfa-challenge .risk-level.medium{background:#f59e0b33}.mfa-challenge .risk-level.low{background:#10b98133}.mfa-challenge .vs-badge{color:#666;font-weight:700;font-size:.8rem}.mfa-challenge .backup-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.25rem;min-width:280px}.mfa-challenge .backup-header{display:flex;align-items:center;gap:.5rem;color:#10b981;margin-bottom:1rem}.mfa-challenge .codes-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.mfa-challenge .codes-list code{background:#0d0d15;padding:.4rem .75rem;border-radius:4px;font-family:monospace;color:#888;font-size:.85rem}.mfa-challenge .storage-options{display:flex;flex-direction:column;gap:.4rem}.mfa-challenge .storage-options .option{display:flex;align-items:center;gap:.5rem;font-size:.8rem;padding:.3rem .5rem;border-radius:4px}.mfa-challenge .storage-options .option.good{color:#10b981;background:#10b9811a}.mfa-challenge .storage-options .option.bad{color:#ef4444;background:#ef44441a}.mfa-challenge .phishing-card{background:#1a1a25;border:2px solid #ef4444;border-radius:12px;padding:1.25rem;max-width:300px}.mfa-challenge .message-header{display:flex;align-items:center;gap:.5rem;color:#ef4444;margin-bottom:1rem}.mfa-challenge .fake-message{background:#252535;padding:1rem;border-radius:8px;margin-bottom:1rem}.mfa-challenge .fake-message p{color:#ccc;font-size:.85rem;margin-bottom:.5rem}.mfa-challenge .fake-message .urgent{color:#f59e0b;font-weight:500}.mfa-challenge .warning-label{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#ef4444;font-size:.85rem;font-weight:600}.mfa-challenge .hardware-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;text-align:center;min-width:240px}.mfa-challenge .key-icon{color:#10b981;margin-bottom:1rem}.mfa-challenge .key-name{display:block;color:#fff;font-weight:600;margin-bottom:1rem}.mfa-challenge .key-features{display:flex;flex-direction:column;gap:.5rem}.mfa-challenge .key-features .feature{display:flex;align-items:center;gap:.5rem;color:#10b981;font-size:.85rem;background:#10b9811a;padding:.4rem .75rem;border-radius:6px}.mfa-challenge .totp-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;text-align:center;min-width:220px}.mfa-challenge .totp-display{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem}.mfa-challenge .totp-display .code{font-family:monospace;font-size:2rem;font-weight:700;color:#10b981;letter-spacing:4px}.mfa-challenge .timer-ring{display:flex;flex-direction:column;align-items:center;color:#f59e0b}.mfa-challenge .timer-ring span{font-size:.75rem}.mfa-challenge .totp-progress{margin-bottom:1rem}.mfa-challenge .totp-progress .progress-bar{height:4px;background:#333;border-radius:2px;overflow:hidden}.mfa-challenge .totp-progress .progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#f59e0b);transition:width .5s ease}.mfa-challenge .totp-label{color:#888;font-size:.8rem}.mfa-challenge .lost-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;text-align:center;min-width:240px}.mfa-challenge .lost-icon{position:relative;color:#666;margin-bottom:1rem}.mfa-challenge .x-overlay{position:absolute;color:#ef4444;bottom:-5px;right:-5px}.mfa-challenge .lost-title{display:block;color:#ef4444;font-weight:600;margin-bottom:1rem}.mfa-challenge .recovery-options{display:flex;flex-direction:column;gap:.5rem}.mfa-challenge .recovery-option{display:flex;align-items:center;gap:.5rem;color:#10b981;font-size:.85rem;background:#10b9811a;padding:.5rem .75rem;border-radius:6px}.mfa-challenge .biometrics-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;text-align:center;min-width:260px}.mfa-challenge .bio-methods{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.mfa-challenge .bio-method{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#10b981}.mfa-challenge .bio-method span{font-size:.85rem}.mfa-challenge .bio-note{display:flex;align-items:center;gap:.5rem;color:#f59e0b;font-size:.8rem;background:#f59e0b1a;padding:.5rem .75rem;border-radius:6px}.mfa-challenge .fatigue-card{background:#1a1a25;border:2px solid #ef4444;border-radius:12px;padding:1.25rem;text-align:center;min-width:240px}.mfa-challenge .notification-stack{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.mfa-challenge .notif{background:#252535;padding:.4rem .75rem;border-radius:4px;font-size:.8rem;color:#f59e0b;animation:shake .5s ease-in-out infinite alternate}@keyframes shake{0%{transform:translate(-2px)}to{transform:translate(2px)}}.mfa-challenge .attack-warning{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#ef4444;font-weight:600;margin-bottom:.75rem}.mfa-challenge .dont-approve{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#10b981;font-size:.85rem}.mfa-challenge .qr-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;text-align:center}.mfa-challenge .qr-placeholder{background:#fff;padding:1rem;border-radius:8px;display:inline-block;margin-bottom:1rem;color:#000}.mfa-challenge .qr-info{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#f59e0b;font-size:.85rem}.mfa-challenge .priority-list{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1rem}.mfa-challenge .priority-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;margin-bottom:.5rem;border-radius:8px}.mfa-challenge .priority-item .rank{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.mfa-challenge .priority-item.high{background:#ef44441a;color:#ef4444}.mfa-challenge .priority-item.high .rank{background:#ef4444;color:#fff}.mfa-challenge .priority-item.medium{background:#f59e0b1a;color:#f59e0b}.mfa-challenge .priority-item.medium .rank{background:#f59e0b;color:#fff}.mfa-challenge .priority-item.low{background:#10b9811a;color:#10b981}.mfa-challenge .priority-item.low .rank{background:#10b981;color:#fff}.mfa-challenge .priority-item .icon{font-size:1.1rem}.mfa-challenge .push-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.25rem;min-width:260px}.mfa-challenge .push-header{display:flex;align-items:center;gap:.5rem;color:#10b981;margin-bottom:1rem}.mfa-challenge .push-details{background:#0d0d15;padding:.75rem;border-radius:8px;margin-bottom:1rem}.mfa-challenge .push-details .detail{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.85rem}.mfa-challenge .push-details .label{color:#888}.mfa-challenge .push-details .value{color:#ccc}.mfa-challenge .push-actions{display:flex;gap:.5rem}.mfa-challenge .push-actions button{flex:1;padding:.5rem;border:none;border-radius:6px;font-size:.85rem;cursor:pointer}.mfa-challenge .push-actions .approve{background:#10b981;color:#fff}.mfa-challenge .push-actions .deny{background:#ef4444;color:#fff}.mfa-challenge .aitm-diagram{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.mfa-challenge .aitm-node{padding:.75rem 1rem;border-radius:8px;font-size:.85rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.mfa-challenge .aitm-node.user{background:#10b9811a;color:#10b981}.mfa-challenge .aitm-node.attacker{background:#ef44441a;color:#ef4444}.mfa-challenge .aitm-node.real{background:#6366f11a;color:#6366f1}.mfa-challenge .aitm-arrow{color:#666;font-size:1.25rem}.mfa-challenge .aitm-warning{text-align:center;color:#ef4444;font-size:.85rem;background:#ef44441a;padding:.5rem;border-radius:6px}.mfa-challenge .passkey-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;text-align:center;min-width:240px}.mfa-challenge .passkey-icon{color:#6366f1;margin-bottom:1rem}.mfa-challenge .passkey-title{display:block;color:#fff;font-weight:600;margin-bottom:1rem}.mfa-challenge .passkey-features{display:flex;flex-direction:column;gap:.5rem}.mfa-challenge .passkey-features .feature{display:flex;align-items:center;gap:.5rem;color:#10b981;font-size:.85rem;background:#10b9811a;padding:.4rem .75rem;border-radius:6px}.mfa-challenge .multidevice-visual{flex-direction:column;align-items:center}.mfa-challenge .devices-card{display:flex;align-items:center;gap:1.5rem;background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;margin-bottom:.75rem}.mfa-challenge .device{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#10b981}.mfa-challenge .device span{font-size:.85rem}.mfa-challenge .sync-icon{color:#6366f1;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mfa-challenge .same-codes{display:flex;align-items:center;gap:.5rem;color:#888;font-size:.85rem}.mfa-challenge .partial-visual{flex-direction:column;align-items:center}.mfa-challenge .partial-card{display:flex;flex-direction:column;gap:.5rem;background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1rem;margin-bottom:.75rem;min-width:240px}.mfa-challenge .service{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:8px}.mfa-challenge .service.mfa-on{background:#10b9811a;color:#10b981}.mfa-challenge .service.mfa-off{background:#ef44441a;color:#ef4444}.mfa-challenge .service .status{margin-left:auto;font-size:.8rem}.mfa-challenge .service .status.warning{color:#ef4444;font-weight:600}.mfa-challenge .gap-warning{display:flex;align-items:center;gap:.5rem;color:#f59e0b;font-size:.85rem}.mfa-challenge .recovery-card{background:#1a1a25;border:1px solid #2a2a3a;border-radius:12px;padding:1.25rem;text-align:center;min-width:260px}.mfa-challenge .account-chain{margin-bottom:1rem}.mfa-challenge .account{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:8px;font-size:.9rem}.mfa-challenge .account.work{background:#10b9811a;color:#10b981}.mfa-challenge .account.personal{background:#f59e0b1a;color:#f59e0b}.mfa-challenge .account .question{background:#f59e0b;color:#fff;padding:.15rem .4rem;border-radius:4px;font-size:.7rem;font-weight:600}.mfa-challenge .arrow-down{color:#666;padding:.5rem 0;font-size:.85rem}.mfa-challenge .chain-warning{color:#888;font-size:.8rem;padding-top:.75rem;border-top:1px solid #2a2a3a}.mfa-challenge .question-section{border-top:1px solid #2a2a3a;padding-top:1.5rem}.mfa-challenge .question{color:#fff;font-size:1.05rem;line-height:1.6;margin-bottom:1.5rem}.mfa-challenge .options-grid{display:flex;flex-direction:column;gap:.75rem}.mfa-challenge .option-btn{display:flex;align-items:center;gap:1rem;background:#1a1a25;border:1px solid #2a2a3a;padding:1rem 1.25rem;border-radius:10px;cursor:pointer;transition:all .3s ease;text-align:left}.mfa-challenge .option-btn:hover{background:#252535;border-color:#10b981;transform:translate(5px)}.mfa-challenge .option-btn .option-letter{background:#10b98126;color:#10b981;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.mfa-challenge .option-btn .option-text{color:#ccc;font-size:.95rem;line-height:1.4}.mfa-challenge .result-section{animation:fadeIn .3s ease}.mfa-challenge .result-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border-radius:10px;margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}.mfa-challenge .result-banner.correct{background:#00ff8826;color:#0f8;border:1px solid rgba(0,255,136,.3)}.mfa-challenge .result-banner.incorrect{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.mfa-challenge .result-icon{width:24px;height:24px}.mfa-challenge .explanation-box{background:#0d0d15;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.mfa-challenge .explanation-box h4{color:#10b981;margin-bottom:.75rem;font-size:1rem}.mfa-challenge .explanation-box p{color:#bbb;line-height:1.6;margin-bottom:1rem}.mfa-challenge .tip-box{display:flex;align-items:flex-start;gap:.75rem;background:#00ff8814;padding:1rem;border-radius:8px;border-left:3px solid #00ff88}.mfa-challenge .tip-icon{color:#0f8;width:20px;height:20px;flex-shrink:0;margin-top:2px}.mfa-challenge .tip-box span{color:#aaa;font-size:.9rem;line-height:1.5}.mfa-challenge .btn-next{width:100%;background:linear-gradient(135deg,#0f8,#0c6);color:#0a0a0f;border:none;padding:1rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.mfa-challenge .btn-next:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f86}.mfa-challenge .completion-screen{animation:fadeIn .5s ease}.mfa-challenge .score-card{background:linear-gradient(145deg,#141420,#0f0f18);border:1px solid #2a2a3a;border-radius:20px;padding:2.5rem;text-align:center;box-shadow:0 20px 60px #0006}.mfa-challenge .completion-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 10px 40px #10b9814d}.mfa-challenge .completion-icon svg{color:#fff}.mfa-challenge .score-card h2{color:#fff;font-size:1.8rem;margin-bottom:1.5rem}.mfa-challenge .final-score{margin-bottom:2rem}.mfa-challenge .score-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#10b98133,#0596691a);border:3px solid #10b981;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 1rem}.mfa-challenge .score-number{color:#10b981;font-size:2.5rem;font-weight:700;line-height:1}.mfa-challenge .score-total{color:#888;font-size:1.1rem}.mfa-challenge .score-label{color:#aaa;font-size:1rem;line-height:1.5}.mfa-challenge .tips-recap{background:#0d0d15;border:1px solid #2a2a3a;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left}.mfa-challenge .tips-recap h3{color:#10b981;font-size:1.1rem;margin-bottom:1rem;text-align:center}.mfa-challenge .tips-recap ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.mfa-challenge .tips-recap li{display:flex;align-items:center;gap:.75rem;color:#bbb;font-size:.9rem}.mfa-challenge .tips-recap li svg{color:#0f8;flex-shrink:0}.mfa-challenge .summary-list{text-align:left;margin-bottom:2rem}.mfa-challenge .summary-list h3{color:#888;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;text-align:center}.mfa-challenge .summary-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#1a1a25;border-radius:8px;margin-bottom:.5rem}.mfa-challenge .summary-item.correct{border-left:3px solid #00ff88}.mfa-challenge .summary-item.incorrect{border-left:3px solid #ef4444}.mfa-challenge .summary-number{color:#666;font-weight:600;min-width:24px}.mfa-challenge .summary-title{color:#bbb;font-size:.9rem;flex:1}.mfa-challenge .summary-icon{width:20px;height:20px}.mfa-challenge .summary-item.correct .summary-icon{color:#0f8}.mfa-challenge .summary-item.incorrect .summary-icon{color:#ef4444}.mfa-challenge .completion-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.mfa-challenge .btn-restart{display:flex;align-items:center;gap:.5rem;background:transparent;color:#0f8;border:2px solid #00ff88;padding:.9rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.mfa-challenge .btn-restart:hover{background:#00ff881a}.mfa-challenge .btn-home{display:inline-block;background:linear-gradient(135deg,#0f8,#0c6);color:#0a0a0f;text-decoration:none;padding:.9rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;transition:all .3s ease}.mfa-challenge .btn-home:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f86}.mfa-challenge .loading{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#888;font-size:1.1rem;min-height:60vh}.mfa-challenge .spin{animation:spin 1s linear infinite}@media (max-width: 768px){.mfa-challenge{padding:1rem}.mfa-challenge .title-section h1{font-size:1.5rem}.mfa-challenge .scenario-card{padding:1.5rem}.mfa-challenge .factor-icons{flex-wrap:wrap}.mfa-challenge .factors-grid,.mfa-challenge .compare-cards{flex-direction:column}.mfa-challenge .vs-badge{transform:rotate(90deg)}.mfa-challenge .aitm-diagram{flex-direction:column}.mfa-challenge .aitm-arrow{transform:rotate(90deg)}.mfa-challenge .devices-card{flex-direction:column}.mfa-challenge .sync-icon{transform:rotate(90deg)}.mfa-challenge .score-card{padding:1.5rem}.mfa-challenge .completion-buttons{flex-direction:column}.mfa-challenge .btn-restart,.mfa-challenge .btn-home{width:100%;text-align:center}}.bcm-challenge{min-height:100vh;background:linear-gradient(135deg,#0a1929,#1a365d,#0d2137);padding:2rem 1rem;color:#fff}.bcm-challenge .container{max-width:900px;margin:0 auto}.bcm-challenge .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.bcm-challenge .back-link{display:flex;align-items:center;gap:.5rem;color:#94a3b8;text-decoration:none;font-size:.9rem;transition:color .3s ease}.bcm-challenge .back-link:hover{color:#fff}.bcm-challenge .header-right{display:flex;align-items:center;gap:1rem}.bcm-challenge .timer{display:flex;align-items:center;gap:.5rem;background:#3b82f633;padding:.5rem 1rem;border-radius:8px;font-family:JetBrains Mono,monospace;font-weight:600;color:#60a5fa}.bcm-challenge .timer-icon{width:18px;height:18px}.bcm-challenge .scenario-counter{background:#8b5cf633;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;color:#a78bfa;font-weight:600}.bcm-challenge .title-section{text-align:center;margin-bottom:2rem}.bcm-challenge .title-section h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.bcm-challenge .title-section p{color:#94a3b8;font-size:1rem}.bcm-intro{text-align:center;padding:2rem}.bcm-intro .intro-icon{width:100px;height:100px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;box-shadow:0 20px 40px #3b82f64d}.bcm-intro .intro-icon svg{width:50px;height:50px;color:#fff}.bcm-intro h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bcm-intro .intro-subtitle{font-size:1.2rem;color:#94a3b8;margin-bottom:2rem}.bcm-intro .intro-content{text-align:left;max-width:700px;margin:0 auto 2rem}.bcm-intro .intro-section{background:#1e293bcc;border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.bcm-intro .intro-section h3{font-size:1.1rem;color:#60a5fa;margin-bottom:.75rem}.bcm-intro .intro-section p{color:#cbd5e1;line-height:1.7}.bcm-intro .intro-scenarios{background:#1e293bcc;border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.bcm-intro .intro-scenarios h3{font-size:1.1rem;color:#60a5fa;margin-bottom:1rem}.scenario-preview-list{display:flex;flex-direction:column;gap:.75rem}.scenario-preview-item{display:flex;align-items:center;gap:1rem;background:#0f172a99;padding:1rem;border-radius:10px;border:1px solid rgba(148,163,184,.1)}.scenario-preview-item .preview-icon{width:32px;height:32px;color:#60a5fa}.scenario-preview-item .preview-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.scenario-preview-item .preview-title{font-weight:600;color:#f1f5f9}.scenario-preview-item .preview-category{font-size:.8rem;color:#94a3b8}.intro-phases{background:#1e293bcc;border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:1.5rem}.intro-phases h3{font-size:1.1rem;color:#60a5fa;margin-bottom:1rem}.phase-tags{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.phase-tag{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid;border-radius:20px;font-size:.85rem;font-weight:500}.bcm-intro .btn-start{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.bcm-intro .btn-start:hover{transform:translateY(-2px);box-shadow:0 10px 30px #3b82f666}.bcm-intro .btn-back-home{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#94a3b8;text-decoration:none;font-size:.9rem;transition:color .3s ease}.bcm-intro .btn-back-home:hover{color:#fff}.severity-badge{padding:.35rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.severity-critical{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.severity-high{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.severity-medium{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.severity-low{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.scenario-header{background:#1e293bcc;border:1px solid rgba(148,163,184,.1);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.scenario-info{display:flex;align-items:flex-start;gap:1.25rem}.scenario-icon{width:48px;height:48px;color:#60a5fa;flex-shrink:0}.scenario-details{flex:1}.scenario-details h2{font-size:1.4rem;font-weight:700;color:#f1f5f9;margin-bottom:.5rem}.scenario-details p{color:#94a3b8;font-size:.95rem;margin-bottom:.5rem}.category-label{display:inline-block;padding:.25rem .75rem;background:#8b5cf633;border-radius:6px;color:#a78bfa;font-size:.8rem;font-weight:500}.timeline-progress{display:flex;align-items:center;justify-content:space-between;position:relative;margin-bottom:2rem;padding:0 1rem}.timeline-dot{width:16px;height:16px;border-radius:50%;background:#94a3b84d;position:relative;z-index:2;transition:all .3s ease}.timeline-dot.active{transform:scale(1.2)}.timeline-dot.current{transform:scale(1.4);box-shadow:0 0 20px currentColor}.timeline-dot-label{position:absolute;top:24px;left:50%;transform:translate(-50%);font-size:.65rem;color:#94a3b8;white-space:nowrap}.timeline-line{position:absolute;top:50%;left:1.5rem;right:1.5rem;height:4px;background:#94a3b833;transform:translateY(-50%);z-index:1;border-radius:2px}.timeline-line-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;transition:width .5s ease}.step-card{background:#1e293be6;border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:2rem;box-shadow:0 10px 40px #0000004d}.step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.phase-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;color:#fff}.phase-icon{width:16px;height:16px}.step-time{color:#94a3b8;font-size:.9rem;font-weight:500}.step-title{font-size:1.3rem;font-weight:700;color:#f1f5f9;margin-bottom:.75rem}.step-description{color:#cbd5e1;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.evidence-section{background:#0f172a99;border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.evidence-section h4{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#60a5fa;margin-bottom:1rem}.evidence-icon{width:18px;height:18px}.evidence-list{list-style:none;padding:0;margin:0}.evidence-list li{position:relative;padding-left:1.5rem;padding-bottom:.75rem;color:#cbd5e1;font-size:.9rem;line-height:1.5}.evidence-list li:last-child{padding-bottom:0}.evidence-list li:before{content:"•";position:absolute;left:0;color:#60a5fa;font-weight:700}.decision-section{margin-top:1.5rem}.decision-section h4{font-size:1.1rem;color:#f1f5f9;margin-bottom:1rem;font-weight:600}.option-btn{display:flex;align-items:flex-start;gap:1rem;width:100%;padding:1rem 1.25rem;background:#0f172a99;border:2px solid rgba(148,163,184,.2);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;color:#fff}.option-btn:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f680;transform:translate(4px)}.option-btn.selected{border-color:#60a5fa;background:#3b82f626}.option-btn.correct{border-color:#22c55e;background:#22c55e26}.option-btn.wrong{border-color:#ef4444;background:#ef444426}.option-btn:disabled{cursor:not-allowed;opacity:.7}.option-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#3b82f633;border-radius:8px;font-weight:700;color:#60a5fa;flex-shrink:0}.option-text{flex:1;font-size:.95rem;line-height:1.5;color:#e2e8f0}.option-result-icon{width:24px;height:24px;flex-shrink:0}.option-result-icon.correct{color:#22c55e}.option-result-icon.wrong{color:#ef4444}.feedback-section{margin-top:1.5rem;padding:1.25rem;border-radius:12px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feedback-section.correct{background:#22c55e26;border:1px solid rgba(34,197,94,.3)}.feedback-section.partial{background:#f59e0b26;border:1px solid rgba(245,158,11,.3)}.feedback-section.wrong{background:#ef444426;border:1px solid rgba(239,68,68,.3)}.feedback-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;font-weight:600;font-size:1rem}.feedback-section.correct .feedback-header{color:#4ade80}.feedback-section.partial .feedback-header{color:#fbbf24}.feedback-section.wrong .feedback-header{color:#f87171}.feedback-header svg{width:20px;height:20px;margin-right:.5rem}.score-change{font-family:JetBrains Mono,monospace;padding:.25rem .75rem;border-radius:6px;font-size:.9rem}.feedback-section.correct .score-change{background:#22c55e33}.feedback-section.partial .score-change{background:#f59e0b33}.feedback-section.wrong .score-change{background:#ef444433}.feedback-section p{color:#cbd5e1;line-height:1.6;margin-bottom:1.25rem}.btn-next-step{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-next-step:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.scenario-complete{text-align:center;padding:3rem 2rem;background:#1e293be6;border:1px solid rgba(148,163,184,.15);border-radius:20px}.complete-icon{width:80px;height:80px;color:#60a5fa;margin-bottom:1.5rem}.scenario-complete h2{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scenario-complete>p{color:#94a3b8;font-size:1.1rem;margin-bottom:2rem}.scenario-score{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:2rem}.scenario-score .score-number{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scenario-score .score-text{font-size:1rem;color:#94a3b8}.scenario-score .score-percentage{font-size:.9rem;color:#60a5fa}.timeline-summary{background:#0f172a99;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.timeline-summary h3{font-size:1rem;color:#60a5fa;margin-bottom:1rem}.timeline-mini{display:flex;flex-direction:column;gap:.75rem}.timeline-mini-item{display:flex;align-items:center;gap:1rem}.timeline-mini-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.timeline-mini-time{font-size:.8rem;color:#94a3b8;min-width:100px}.timeline-mini-title{font-size:.9rem;color:#e2e8f0}.scenario-category-badge{margin-bottom:2rem}.scenario-category-badge span{padding:.5rem 1.25rem;background:#8b5cf633;border-radius:20px;color:#a78bfa;font-size:.9rem;font-weight:500}.btn-next-scenario{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-next-scenario:hover{transform:translateY(-2px);box-shadow:0 10px 30px #3b82f666}.final-results{text-align:center;padding:3rem 2rem;background:#1e293be6;border:1px solid rgba(148,163,184,.15);border-radius:20px}.results-icon{width:100px;height:100px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 20px 40px #3b82f64d}.building-icon{width:50px;height:50px;color:#fff}.final-results h1{font-size:2.2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-results .results-subtitle{color:#94a3b8;font-size:1.1rem;margin-bottom:1.5rem}.rating-badge{display:inline-block;padding:.75rem 2rem;border-radius:30px;font-size:1.2rem;font-weight:700;margin-bottom:2rem}.rating-badge.expert{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 10px 30px #10b98166}.rating-badge.professional{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 10px 30px #3b82f666}.rating-badge.practitioner{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 10px 30px #8b5cf666}.rating-badge.learner{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 10px 30px #f59e0b66}.rating-badge.novice{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.score-summary{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}.score-main,.score-percentage,.score-time{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 1.5rem;background:#0f172a99;border-radius:12px}.score-main .score-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-main .score-label{font-size:.85rem;color:#94a3b8}.score-percentage .percentage-value{font-size:2rem;font-weight:700;color:#4ade80}.score-percentage .percentage-label{font-size:.85rem;color:#94a3b8}.score-time{flex-direction:row;gap:.5rem;color:#60a5fa;font-family:JetBrains Mono,monospace;font-weight:600}.score-time .time-icon{width:20px;height:20px}.scenario-breakdown{background:#0f172a99;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left}.scenario-breakdown h3{font-size:1rem;color:#60a5fa;margin-bottom:1rem;text-align:center}.scenario-score-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(148,163,184,.1)}.scenario-score-item:last-child{border-bottom:none}.scenario-score-icon{width:28px;height:28px;color:#60a5fa}.scenario-score-info{flex:1;display:flex;flex-direction:column;gap:.15rem}.scenario-score-title{font-weight:600;color:#f1f5f9}.scenario-score-category{font-size:.8rem;color:#94a3b8}.scenario-score-value{font-family:JetBrains Mono,monospace;font-weight:600;color:#a78bfa}.bcm-tips{background:#0f172a99;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left}.bcm-tips h3{font-size:1rem;color:#60a5fa;margin-bottom:1rem;text-align:center}.bcm-tips ul{list-style:none;padding:0;margin:0}.bcm-tips li{padding:.5rem 0;color:#cbd5e1;font-size:.9rem;line-height:1.5}.bcm-tips li strong{color:#a78bfa}.btn-restart{display:inline-flex;align-items:center;gap:.5rem;background:#8b5cf633;border:2px solid rgba(139,92,246,.5);color:#a78bfa;padding:.85rem 1.75rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-restart:hover{background:#8b5cf64d;border-color:#a78bfa}.btn-home{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:.85rem 1.75rem;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease}.btn-home:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}@media (max-width: 768px){.bcm-challenge{padding:1rem .75rem}.bcm-challenge .header{flex-direction:column;gap:1rem;align-items:flex-start}.bcm-challenge .header-right{width:100%;justify-content:space-between}.bcm-challenge .title-section h1,.bcm-intro h1{font-size:1.6rem}.scenario-info{flex-direction:column;align-items:flex-start}.scenario-icon{width:40px;height:40px}.severity-badge{position:absolute;top:1rem;right:1rem}.scenario-header{position:relative}.timeline-progress{padding:0;margin-bottom:3rem}.timeline-dot-label{font-size:.55rem;max-width:50px;overflow:hidden;text-overflow:ellipsis}.step-card{padding:1.25rem}.step-title{font-size:1.1rem}.option-btn{padding:.85rem 1rem}.option-text{font-size:.85rem}.score-summary{gap:1rem}.score-main .score-value{font-size:2rem}.scenario-preview-item{flex-wrap:wrap}.scenario-preview-item .severity-badge{position:static;margin-left:auto}.final-results,.scenario-complete,.bcm-intro{padding:2rem 1.25rem}}@media (max-width: 480px){.phase-tags{flex-direction:column;align-items:center}.phase-tag{width:100%;justify-content:center}.timeline-mini-time{min-width:60px;font-size:.7rem}.final-buttons{flex-direction:column}.btn-restart,.btn-home{width:100%;justify-content:center}}.gdpr-challenge{min-height:100vh;background:linear-gradient(135deg,#002654,#039,#001a4d);padding:2rem 1rem;color:#fff}.gdpr-challenge .container{max-width:850px;margin:0 auto}.gdpr-challenge .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.gdpr-challenge .back-link{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;text-decoration:none;font-size:.9rem;transition:color .3s ease}.gdpr-challenge .back-link:hover{color:#fff}.gdpr-challenge .header-right{display:flex;align-items:center;gap:1rem}.gdpr-challenge .timer{display:flex;align-items:center;gap:.5rem;background:#ffcc0026;border:1px solid rgba(255,204,0,.3);padding:.5rem 1rem;border-radius:8px;font-family:JetBrains Mono,monospace;font-weight:600;color:#fc0}.gdpr-challenge .timer-icon{width:16px;height:16px}.gdpr-challenge .progress-indicator{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:8px;font-size:.85rem;color:#fffc}.gdpr-intro{text-align:center;padding:2rem}.intro-badge{position:relative;width:120px;height:120px;background:linear-gradient(135deg,#039,#002654);border:4px solid #ffcc00;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 2rem;box-shadow:0 0 40px #ffcc004d}.intro-badge .intro-icon{width:40px;height:40px;color:#fc0}.intro-badge .eu-stars{position:absolute;top:-15px;font-size:.6rem;color:#fc0;letter-spacing:-2px}.gdpr-intro h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.gdpr-intro .intro-subtitle{font-size:1.2rem;color:#ffffffb3;margin-bottom:2rem}.gdpr-intro .intro-content{max-width:700px;margin:0 auto 2rem;text-align:left}.gdpr-intro .intro-section{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.gdpr-intro .intro-section h3{color:#fc0;font-size:1.1rem;margin-bottom:.75rem}.gdpr-intro .intro-section p{color:#ffffffd9;line-height:1.7}.gdpr-intro .intro-section strong{color:#fc0}.module-preview-grid{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.module-preview-grid h3{color:#fc0;font-size:1.1rem;margin-bottom:1rem;text-align:center}.module-preview-item{display:flex;align-items:center;gap:1rem;padding:.85rem;background:#0396;border:1px solid rgba(255,204,0,.2);border-radius:10px;margin-bottom:.6rem}.module-preview-item:last-child{margin-bottom:0}.module-preview-icon{width:36px;height:36px;background:#ffcc0026;border-radius:8px;display:flex;align-items:center;justify-content:center}.module-preview-icon svg{width:20px;height:20px;color:#fc0}.module-preview-info{flex:1;display:flex;flex-direction:column;gap:.2rem}.module-preview-title{font-weight:600;color:#fff;font-size:.95rem}.module-preview-desc{font-size:.8rem;color:#fff9}.module-preview-count{background:#fc03;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;color:#fc0}.intro-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-number{font-size:2rem;font-weight:700;color:#fc0}.stat-label{font-size:.85rem;color:#fff9}.btn-start{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#fc0,#e6b800);color:#002654;border:none;padding:1rem 2.5rem;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.btn-start:hover{transform:translateY(-2px);box-shadow:0 10px 30px #fc06}.btn-back-home{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff9;text-decoration:none;font-size:.9rem;transition:color .3s ease}.btn-back-home:hover{color:#fff}.module-header{display:flex;align-items:center;gap:1rem;background:#ffffff14;border:1px solid rgba(255,204,0,.3);border-radius:14px;padding:1.25rem;margin-bottom:1.5rem}.module-icon-wrapper{width:50px;height:50px;background:linear-gradient(135deg,#fc0,#e6b800);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.module-icon{width:26px;height:26px;color:#002654}.module-info{flex:1}.module-info h2{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.25rem}.module-info p{font-size:.9rem;color:#ffffffb3}.question-counter{background:#fc03;border:1px solid rgba(255,204,0,.4);padding:.5rem 1rem;border-radius:8px;font-weight:700;color:#fc0;font-size:.9rem}.question-progress{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.progress-dot{width:12px;height:12px;border-radius:50%;background:#fff3;transition:all .3s ease}.progress-dot.completed{background:#4ade80}.progress-dot.current{background:#fc0;transform:scale(1.3);box-shadow:0 0 10px #ffcc0080}.question-card{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:2rem;box-shadow:0 10px 40px #0003}.scenario-box{background:#0396;border:1px solid rgba(255,204,0,.2);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.scenario-box h4{color:#fc0;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.scenario-box p{color:#ffffffe6;line-height:1.7;font-size:.95rem}.question-box{margin-bottom:1.5rem}.question-box h3{font-size:1.15rem;font-weight:600;color:#fff;line-height:1.5}.option-btn{display:flex;align-items:flex-start;gap:1rem;width:100%;padding:1rem 1.25rem;background:#00265499;border:2px solid rgba(255,255,255,.15);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;color:#fff}.option-btn:hover:not(:disabled){background:#ffcc001a;border-color:#ffcc0080;transform:translate(4px)}.option-btn.selected{border-color:#fc0;background:#ffcc0026}.option-btn.correct{border-color:#4ade80;background:#4ade8026}.option-btn.wrong{border-color:#f87171;background:#f8717126}.option-btn:disabled{cursor:not-allowed}.option-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fc03;border-radius:8px;font-weight:700;color:#fc0;flex-shrink:0}.option-text{flex:1;font-size:.95rem;line-height:1.5;color:#fffffff2}.option-icon{width:24px;height:24px;flex-shrink:0}.option-icon.correct{color:#4ade80}.option-icon.wrong{color:#f87171}.feedback-box{margin-top:1.5rem;padding:1.25rem;border-radius:12px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feedback-box.correct{background:#4ade8026;border:1px solid rgba(74,222,128,.4)}.feedback-box.wrong{background:#f8717126;border:1px solid rgba(248,113,113,.4)}.feedback-header{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;margin-bottom:.75rem}.feedback-box.correct .feedback-header{color:#4ade80}.feedback-box.wrong .feedback-header{color:#f87171}.feedback-header svg{width:20px;height:20px}.feedback-box p{color:#ffffffe6;line-height:1.7;margin-bottom:1.25rem;font-size:.95rem}.btn-next{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#fc0,#e6b800);color:#002654;border:none;padding:.75rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-next:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fc06}.module-complete{text-align:center;padding:3rem 2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:20px}.complete-icon{width:70px;height:70px;color:#fc0;margin-bottom:1.5rem}.module-complete h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.module-complete>p{color:#ffffffb3;font-size:1.1rem;margin-bottom:2rem}.module-score{margin-bottom:2rem}.score-circle{position:relative;width:140px;height:140px;margin:0 auto 1rem}.score-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.score-bg{fill:none;stroke:#ffffff1a;stroke-width:8}.score-progress{fill:none;stroke:#fc0;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .5s ease}.score-circle .score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:700;color:#fc0}.score-detail{color:#ffffffb3;font-size:1rem}.btn-next-module{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#fc0,#e6b800);color:#002654;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-next-module:hover{transform:translateY(-2px);box-shadow:0 10px 30px #fc06}.final-results{text-align:center;padding:3rem 2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:20px}.results-badge{width:100px;height:100px;background:linear-gradient(135deg,#fc0,#e6b800);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 10px 40px #fc06}.award-icon{width:50px;height:50px;color:#002654}.final-results h1{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.final-results .results-subtitle{color:#ffffffb3;font-size:1.1rem;margin-bottom:1.5rem}.certification-badge{display:inline-block;padding:.75rem 2rem;border-radius:30px;font-size:1.2rem;font-weight:700;margin-bottom:2rem}.certification-badge.expert{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 10px 30px #10b98166}.certification-badge.professional{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 10px 30px #3b82f666}.certification-badge.practitioner{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 10px 30px #8b5cf666}.certification-badge.aware{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 10px 30px #f59e0b66}.certification-badge.review{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.score-summary{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem}.score-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 1.5rem;background:#00265499;border:1px solid rgba(255,204,0,.3);border-radius:12px;min-width:100px}.score-card .score-value{font-size:1.75rem;font-weight:700;color:#fc0}.score-card .score-label{font-size:.8rem;color:#fff9}.module-breakdown{background:#00265466;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left}.module-breakdown h3{color:#fc0;font-size:1rem;margin-bottom:1rem;text-align:center}.module-score-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.module-score-item:last-child{border-bottom:none}.module-score-icon{width:24px;height:24px;color:#fc0}.module-score-info{flex:1}.module-score-title{display:block;font-weight:600;color:#fff;margin-bottom:.35rem;font-size:.9rem}.module-score-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.module-score-fill{height:100%;background:linear-gradient(90deg,#fc0,#4ade80);border-radius:3px;transition:width .5s ease}.module-score-value{font-family:JetBrains Mono,monospace;font-weight:600;color:#fc0;font-size:.9rem}.gdpr-tips{background:#00265466;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left}.gdpr-tips h3{color:#fc0;font-size:1rem;margin-bottom:1rem;text-align:center}.gdpr-tips ul{list-style:none;padding:0;margin:0}.gdpr-tips li{padding:.5rem 0;color:#ffffffd9;font-size:.9rem;line-height:1.5;border-bottom:1px solid rgba(255,255,255,.05)}.gdpr-tips li:last-child{border-bottom:none}.gdpr-tips li strong{color:#fc0}.final-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn-restart{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:2px solid rgba(255,204,0,.5);color:#fc0;padding:.85rem 1.75rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-restart:hover{background:#ffcc001a;border-color:#fc0}.btn-home{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#fc0,#e6b800);color:#002654;padding:.85rem 1.75rem;border-radius:12px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s ease}.btn-home:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fc06}@media (max-width: 768px){.gdpr-challenge{padding:1rem .75rem}.gdpr-challenge .header{flex-direction:column;gap:1rem;align-items:flex-start}.gdpr-challenge .header-right{width:100%;justify-content:space-between}.gdpr-intro h1{font-size:1.8rem}.module-header{flex-direction:column;text-align:center}.question-counter{align-self:center}.question-card{padding:1.25rem}.scenario-box p,.question-box h3{font-size:.9rem}.option-btn{padding:.85rem 1rem}.option-text{font-size:.85rem}.intro-stats{gap:1.5rem}.stat-number{font-size:1.5rem}.score-summary{gap:1rem}.score-card{min-width:80px;padding:.75rem 1rem}.score-card .score-value{font-size:1.4rem}.final-results,.module-complete,.gdpr-intro{padding:2rem 1.25rem}}@media (max-width: 480px){.module-preview-item{flex-wrap:wrap}.module-preview-count{margin-left:auto}.final-buttons{flex-direction:column}.btn-restart,.btn-home{width:100%;justify-content:center}}.sama-awareness{min-height:100vh;background:linear-gradient(135deg,#0a0f1c,#1a1f2e,#0d1421);padding:2rem;color:#e2e8f0}.sama-hero{max-width:900px;margin:0 auto 3rem;text-align:center;padding:2.5rem;background:linear-gradient(145deg,#10b9811a,#064e3b33);border:1px solid rgba(16,185,129,.3);border-radius:20px;position:relative;overflow:hidden}.sama-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#059669,#10b981)}.sama-logo{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.logo-icon{font-size:3.5rem;filter:drop-shadow(0 0 20px rgba(16,185,129,.5))}.logo-text h1{font-size:1.8rem;font-weight:700;color:#10b981;margin:0;text-shadow:0 0 30px rgba(16,185,129,.3)}.logo-text p{font-size:1rem;color:#94a3b8;margin:.25rem 0 0}.hero-description{font-size:1.05rem;color:#94a3b8;line-height:1.7;max-width:700px;margin:0 auto 2rem}.progress-bg{fill:none;stroke:#1e293b;stroke-width:8}.progress-fg{fill:none;stroke:#10b981;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .5s ease}.progress-percent{display:block;font-size:1.3rem;font-weight:700;color:#10b981}.module-card{background:linear-gradient(145deg,#151b2e,#1a2035);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.75rem;position:relative;transition:all .3s ease;overflow:hidden}.module-card:hover{transform:translateY(-4px);border-color:#10b98166;box-shadow:0 12px 40px #10b98126}.module-card.completed{border-color:#10b98180}.module-card.completed:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#059669)}.completed-badge{position:absolute;top:1rem;right:1rem;background:#10b98133;color:#10b981;padding:.3rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.module-icon{font-size:2.5rem;margin-bottom:1rem;filter:drop-shadow(0 0 15px rgba(16,185,129,.3))}.module-meta span{display:flex;align-items:center;gap:.3rem}.start-module-btn{width:100%;padding:.85rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.start-module-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.sama-info{max-width:1000px;margin:0 auto;padding:2.5rem;background:linear-gradient(145deg,#1e293b80,#0f172a80);border:1px solid rgba(255,255,255,.08);border-radius:16px}.sama-info h3{font-size:1.5rem;color:#10b981;margin:0 0 1rem;text-align:center}.sama-info>p{text-align:center;color:#94a3b8;line-height:1.7;margin-bottom:2rem}.domains-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.domain-item{background:#0f172a99;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.domain-item:hover{border-color:#10b9814d;transform:translateY(-2px)}.domain-icon{font-size:2rem;display:block;margin-bottom:.75rem}.sama-header{max-width:800px;margin:0 auto 2rem}.back-link{background:none;border:none;color:#10b981;font-size:.95rem;cursor:pointer;padding:0;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;transition:color .3s ease}.back-link:hover{color:#34d399}.progress-bar{height:6px;background:#1e293b;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .4s ease}.scenario-box{background:linear-gradient(145deg,#10b9811a,#064e3b26);border:1px solid rgba(16,185,129,.3);border-radius:16px;padding:1.75rem;margin-bottom:1.5rem}.scenario-box h3{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:#10b981;margin:0 0 .75rem}.option-btn{display:flex;align-items:center;gap:1rem;width:100%;padding:1.25rem;background:linear-gradient(145deg,#151b2e,#1a2035);border:2px solid rgba(255,255,255,.08);border-radius:12px;color:#e2e8f0;font-size:.95rem;text-align:left;cursor:pointer;transition:all .3s ease}.option-btn:hover:not(:disabled){border-color:#10b98180;background:linear-gradient(145deg,#1a2035,#1f2847)}.option-btn.correct{border-color:#10b981;background:#10b98126}.option-btn.correct-answer{border-color:#10b98180}.option-btn.correct .option-icon{color:#10b981}.explanation-box.correct{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.explanation-box.correct h4{color:#10b981}.next-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.next-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}.sama-score-bar{max-width:800px;margin:0 auto;padding:1rem;background:#0f172a80;border-radius:10px;text-align:center;color:#94a3b8;font-weight:500}.sama-results{max-width:500px;margin:2rem auto;padding:3rem;background:linear-gradient(145deg,#151b2e,#1a2035);border:1px solid rgba(255,255,255,.08);border-radius:20px;text-align:center}.sama-results h3{font-size:1.1rem;color:#94a3b8;margin:0 0 2rem;font-weight:400}.results-score{width:150px;height:150px;margin:0 auto 1.5rem;border-radius:50%;border:4px solid;display:flex;align-items:center;justify-content:center;background:#0f172a}.score-inner{width:100px;height:100px;background:#151b2e;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.retry-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.retry-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}.back-btn:hover{border-color:#10b981;color:#10b981}@media (max-width: 768px){.sama-awareness{padding:1rem}.sama-hero{padding:1.5rem}.logo-text h1{font-size:1.4rem}.progress-overview{flex-direction:column;gap:1.5rem}.modules-grid{grid-template-columns:1fr}.domains-grid{grid-template-columns:1fr 1fr}.sama-results{padding:2rem;margin:1rem}.results-buttons{flex-direction:column}.option-btn{padding:1rem}}@media (max-width: 480px){.sama-logo{flex-direction:column;gap:.5rem}.logo-text{text-align:center}.domains-grid{grid-template-columns:1fr}.module-progress{flex-direction:column;align-items:flex-start;gap:.5rem}}.ecc-awareness{min-height:100vh;background:linear-gradient(135deg,#0c0a1d,#1a1333,#0f0d1f);padding:2rem;color:#e2e8f0}.ecc-hero{max-width:900px;margin:0 auto 3rem;text-align:center;padding:2.5rem;background:linear-gradient(145deg,#8b5cf61a,#06b6d41a);border:1px solid rgba(139,92,246,.3);border-radius:20px;position:relative;overflow:hidden}.ecc-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#06b6d4,#8b5cf6)}.ecc-badge{display:inline-flex;align-items:center;gap:.75rem;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);padding:.5rem 1.25rem;border-radius:30px;margin-bottom:1.5rem}.nca-logo{font-size:1.5rem}.ecc-version{font-weight:700;font-size:1rem;color:#a78bfa;letter-spacing:1px}.ecc-logo h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem}.ecc-logo p{font-size:1rem;color:#94a3b8;margin:0}.hero-description{font-size:1.05rem;color:#94a3b8;line-height:1.7;max-width:700px;margin:1.5rem auto}.compliance-badges{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:2rem}.compliance-badges .badge{background:#06b6d426;border:1px solid rgba(6,182,212,.3);color:#22d3ee;padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600}.progress-overview{display:flex;align-items:center;justify-content:center;gap:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.progress-circle-container{position:relative;width:100px;height:100px}.progress-svg{transform:rotate(-90deg);width:100%;height:100%}.progress-bg{fill:none;stroke:#1e1b3a;stroke-width:8}.progress-fg{fill:none;stroke:url(#eccGradient);stroke:#8b5cf6;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .5s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-percent{display:block;font-size:1.3rem;font-weight:700;color:#8b5cf6}.progress-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.progress-stats{display:flex;gap:2rem}.stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:#f1f5f9}.stat-label{font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto 3rem}.module-card{background:linear-gradient(145deg,#1a1433,#1f1a3d);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.75rem;position:relative;transition:all .3s ease;overflow:hidden}.module-card:hover{transform:translateY(-4px);border-color:#8b5cf666;box-shadow:0 12px 40px #8b5cf626}.module-card.completed{border-color:#8b5cf680}.module-card.completed:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8b5cf6,#06b6d4)}.completed-badge{position:absolute;top:1rem;right:1rem;background:#8b5cf633;color:#a78bfa;padding:.3rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.module-domain{display:inline-block;background:#06b6d426;color:#22d3ee;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;margin-bottom:1rem}.module-icon{font-size:2.5rem;margin-bottom:1rem;filter:drop-shadow(0 0 15px rgba(139,92,246,.3))}.module-card h3{font-size:1.15rem;font-weight:600;color:#f1f5f9;margin:0 0 .75rem}.module-card p{font-size:.9rem;color:#94a3b8;line-height:1.5;margin:0 0 1.25rem}.module-meta{display:flex;gap:1rem;margin-bottom:1.25rem;font-size:.8rem;color:#64748b}.start-module-btn{width:100%;padding:.85rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.start-module-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf64d}.ecc-info{max-width:1000px;margin:0 auto;padding:2.5rem;background:linear-gradient(145deg,#1e1b3a80,#0f0d1f80);border:1px solid rgba(255,255,255,.08);border-radius:16px}.ecc-info h3{font-size:1.5rem;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem;text-align:center}.ecc-info>p{text-align:center;color:#94a3b8;line-height:1.7;margin-bottom:2rem}.domains-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2rem}.domain-item{background:#0f0d1f99;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.domain-item:hover{border-color:#8b5cf64d;transform:translateY(-2px)}.domain-num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:10px;font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.75rem}.domain-item h4{font-size:1rem;color:#f1f5f9;margin:0 0 .5rem}.domain-item p{font-size:.85rem;color:#64748b;margin:0;line-height:1.5}.nca-footer{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.nca-footer p{font-size:.85rem;color:#64748b;text-align:center;margin:0}.ecc-header{max-width:800px;margin:0 auto 2rem}.back-link{background:none;border:none;color:#8b5cf6;font-size:.95rem;cursor:pointer;padding:0;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;transition:color .3s ease}.back-link:hover{color:#a78bfa}.module-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.module-progress span:first-child{font-size:1.1rem;font-weight:600;color:#f1f5f9}.question-counter{font-size:.9rem;color:#64748b}.progress-bar{height:6px;background:#1e1b3a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#06b6d4);border-radius:3px;transition:width .4s ease}.question-container{max-width:800px;margin:0 auto}.scenario-box{background:linear-gradient(145deg,#8b5cf61a,#06b6d41a);border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:1.75rem;margin-bottom:1.5rem}.scenario-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.domain-badge{background:#06b6d433;color:#22d3ee;padding:.25rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600}.scenario-box h3{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:#8b5cf6;margin:0}.scenario-box p{font-size:1.05rem;line-height:1.7;color:#e2e8f0;margin:0}.options-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.option-btn{display:flex;align-items:center;gap:1rem;width:100%;padding:1.25rem;background:linear-gradient(145deg,#1a1433,#1f1a3d);border:2px solid rgba(255,255,255,.08);border-radius:12px;color:#e2e8f0;font-size:.95rem;text-align:left;cursor:pointer;transition:all .3s ease}.option-btn:hover:not(:disabled){border-color:#8b5cf680;background:linear-gradient(145deg,#1f1a3d,#251f47)}.option-btn.correct{border-color:#8b5cf6;background:#8b5cf626}.option-btn.incorrect{border-color:#ef4444;background:#ef444426}.option-btn.correct-answer{border-color:#8b5cf680}.option-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border-radius:8px;font-weight:600;font-size:.9rem;flex-shrink:0}.option-text{flex:1;line-height:1.5}.option-icon{font-size:1.2rem;font-weight:700}.option-btn.correct .option-icon{color:#8b5cf6}.option-btn.incorrect .option-icon{color:#ef4444}.explanation-box{padding:1.5rem;border-radius:12px;margin-bottom:1rem}.explanation-box.correct{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3)}.explanation-box.incorrect{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.explanation-box h4{font-size:1rem;margin:0 0 .75rem}.explanation-box.correct h4{color:#a78bfa}.explanation-box.incorrect h4{color:#ef4444}.explanation-box p{color:#cbd5e1;line-height:1.6;margin:0 0 1.25rem}.next-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.next-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px)}.ecc-score-bar{max-width:800px;margin:0 auto;padding:1rem;background:#0f0d1f80;border-radius:10px;text-align:center;color:#94a3b8;font-weight:500}.ecc-results{max-width:500px;margin:2rem auto;padding:3rem;background:linear-gradient(145deg,#1a1433,#1f1a3d);border:1px solid rgba(255,255,255,.08);border-radius:20px;text-align:center}.results-header{margin-bottom:1.5rem}.results-icon{font-size:4rem;display:block;margin-bottom:.5rem}.results-header h2{font-size:1.75rem;color:#f1f5f9;margin:0}.ecc-results h3{font-size:1.1rem;color:#94a3b8;margin:0 0 2rem;font-weight:400}.results-score{width:150px;height:150px;margin:0 auto 1.5rem;border-radius:50%;border:4px solid;display:flex;align-items:center;justify-content:center;background:#0f0d1f}.score-circle{width:130px;height:130px;border-radius:50%;display:flex;align-items:center;justify-content:center}.score-inner{width:100px;height:100px;background:#1a1433;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-number{font-size:1.75rem;font-weight:700;color:#f1f5f9}.score-label{font-size:.75rem;color:#64748b;text-transform:uppercase}.grade-text{font-size:1.5rem;font-weight:700;margin:0 0 1rem}.results-message{color:#94a3b8;line-height:1.6;margin-bottom:2rem}.results-buttons{display:flex;gap:1rem;justify-content:center}.retry-btn,.back-btn{padding:.85rem 1.75rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none}.retry-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px)}.back-btn{background:transparent;color:#94a3b8;border:1px solid rgba(255,255,255,.2)}.back-btn:hover{border-color:#8b5cf6;color:#8b5cf6}@media (max-width: 768px){.ecc-awareness{padding:1rem}.ecc-hero{padding:1.5rem}.ecc-logo h1{font-size:1.5rem}.progress-overview{flex-direction:column;gap:1.5rem}.modules-grid{grid-template-columns:1fr}.domains-grid{grid-template-columns:1fr 1fr}.ecc-results{padding:2rem;margin:1rem}.results-buttons{flex-direction:column}.option-btn{padding:1rem}.compliance-badges{gap:.5rem}}@media (max-width: 480px){.domains-grid{grid-template-columns:1fr}.module-progress,.scenario-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.isr-awareness{min-height:100vh;background:linear-gradient(135deg,#0c0a14,#1a1520,#12101c);padding:2rem;color:#e2e8f0}.isr-hero{max-width:900px;margin:0 auto 3rem;text-align:center;padding:2.5rem;background:linear-gradient(145deg,#f59e0b1a,#b4530926);border:1px solid rgba(245,158,11,.3);border-radius:20px;position:relative;overflow:hidden}.isr-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f59e0b,#d97706,#f59e0b)}.isr-logo{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.isr-awareness .logo-icon{font-size:3.5rem;filter:drop-shadow(0 0 20px rgba(245,158,11,.5))}.isr-awareness .logo-text h1{font-size:1.8rem;font-weight:700;color:#f59e0b;margin:0;text-shadow:0 0 30px rgba(245,158,11,.3)}.isr-awareness .logo-text p{font-size:1rem;color:#94a3b8;margin:.25rem 0 0}.isr-awareness .hero-description{font-size:1.05rem;color:#94a3b8;line-height:1.7;max-width:700px;margin:0 auto 2rem}.isr-awareness .progress-overview{display:flex;align-items:center;justify-content:center;gap:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.isr-awareness .progress-circle-container{position:relative;width:100px;height:100px}.isr-awareness .progress-svg{transform:rotate(-90deg);width:100%;height:100%}.isr-awareness .progress-bg{fill:none;stroke:#1e293b;stroke-width:8}.isr-awareness .progress-fg{fill:none;stroke:#f59e0b;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .5s ease}.isr-awareness .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.isr-awareness .progress-percent{display:block;font-size:1.3rem;font-weight:700;color:#f59e0b}.isr-awareness .progress-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.isr-awareness .progress-stats{display:flex;gap:2rem}.isr-awareness .stat{text-align:center}.isr-awareness .stat-number{display:block;font-size:2rem;font-weight:700;color:#f1f5f9}.isr-awareness .stat-label{font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.isr-awareness .modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto 3rem}.isr-awareness .module-card{background:linear-gradient(145deg,#1a1520,#201828);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.75rem;position:relative;transition:all .3s ease;overflow:hidden}.isr-awareness .module-card:hover{transform:translateY(-4px);border-color:#f59e0b66;box-shadow:0 12px 40px #f59e0b26}.isr-awareness .module-card.completed{border-color:#f59e0b80}.isr-awareness .module-card.completed:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f59e0b,#d97706)}.isr-awareness .completed-badge{position:absolute;top:1rem;right:1rem;background:#f59e0b33;color:#f59e0b;padding:.3rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.isr-awareness .module-icon{font-size:2.5rem;margin-bottom:1rem;filter:drop-shadow(0 0 15px rgba(245,158,11,.3))}.isr-awareness .module-card h3{font-size:1.15rem;font-weight:600;color:#f1f5f9;margin:0 0 .75rem}.isr-awareness .module-card p{font-size:.9rem;color:#94a3b8;line-height:1.5;margin:0 0 1.25rem}.isr-awareness .module-meta{display:flex;gap:1rem;margin-bottom:1.25rem;font-size:.8rem;color:#64748b}.isr-awareness .module-meta span{display:flex;align-items:center;gap:.3rem}.isr-awareness .start-module-btn{width:100%;padding:.85rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.isr-awareness .start-module-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b4d}.isr-info{max-width:1000px;margin:0 auto;padding:2.5rem;background:linear-gradient(145deg,#1e293b80,#0f172a80);border:1px solid rgba(255,255,255,.08);border-radius:16px}.isr-info h3{font-size:1.5rem;color:#f59e0b;margin:0 0 1rem;text-align:center}.isr-info>p{text-align:center;color:#94a3b8;line-height:1.7;margin-bottom:2rem}.isr-awareness .domains-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem}.isr-awareness .domain-item{background:#0f172a99;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.isr-awareness .domain-item:hover{border-color:#f59e0b4d;transform:translateY(-2px)}.isr-awareness .domain-icon{font-size:2rem;display:block;margin-bottom:.75rem}.isr-awareness .domain-item h4{font-size:1rem;color:#f1f5f9;margin:0 0 .5rem}.isr-awareness .domain-item p{font-size:.85rem;color:#64748b;margin:0;line-height:1.5}.isr-header{max-width:800px;margin:0 auto 2rem}.isr-awareness .back-link{background:none;border:none;color:#f59e0b;font-size:.95rem;cursor:pointer;padding:0;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;transition:color .3s ease}.isr-awareness .back-link:hover{color:#fbbf24}.isr-awareness .module-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.isr-awareness .module-progress span:first-child{font-size:1.1rem;font-weight:600;color:#f1f5f9}.isr-awareness .question-counter{font-size:.9rem;color:#64748b}.isr-awareness .progress-bar{height:6px;background:#1e293b;border-radius:3px;overflow:hidden}.isr-awareness .progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:3px;transition:width .4s ease}.isr-awareness .question-container{max-width:800px;margin:0 auto}.isr-awareness .scenario-box{background:linear-gradient(145deg,#f59e0b1a,#b453091f);border:1px solid rgba(245,158,11,.3);border-radius:16px;padding:1.75rem;margin-bottom:1.5rem}.isr-awareness .scenario-box h3{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:#f59e0b;margin:0 0 .75rem}.isr-awareness .scenario-box p{font-size:1.05rem;line-height:1.7;color:#e2e8f0;margin:0}.isr-awareness .options-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.isr-awareness .option-btn{display:flex;align-items:center;gap:1rem;width:100%;padding:1.25rem;background:linear-gradient(145deg,#1a1520,#201828);border:2px solid rgba(255,255,255,.08);border-radius:12px;color:#e2e8f0;font-size:.95rem;text-align:left;cursor:pointer;transition:all .3s ease}.isr-awareness .option-btn:hover:not(:disabled){border-color:#f59e0b80;background:linear-gradient(145deg,#201828,#281f32)}.isr-awareness .option-btn:disabled{cursor:default}.isr-awareness .option-btn.correct{border-color:#10b981;background:#10b98126}.isr-awareness .option-btn.incorrect{border-color:#ef4444;background:#ef444426}.isr-awareness .option-btn.correct-answer{border-color:#10b98180}.isr-awareness .option-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f59e0b33;border-radius:8px;font-weight:600;font-size:.9rem;flex-shrink:0;color:#f59e0b}.isr-awareness .option-text{flex:1;line-height:1.5}.isr-awareness .option-icon{font-size:1.2rem;font-weight:700}.isr-awareness .option-btn.correct .option-icon{color:#10b981}.isr-awareness .option-btn.incorrect .option-icon{color:#ef4444}.isr-awareness .explanation-box{padding:1.5rem;border-radius:12px;margin-bottom:1rem}.isr-awareness .explanation-box.correct{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.isr-awareness .explanation-box.incorrect{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.isr-awareness .explanation-box h4{font-size:1rem;margin:0 0 .75rem}.isr-awareness .explanation-box.correct h4{color:#10b981}.isr-awareness .explanation-box.incorrect h4{color:#ef4444}.isr-awareness .explanation-box p{color:#cbd5e1;line-height:1.6;margin:0 0 1.25rem}.isr-awareness .next-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.isr-awareness .next-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px)}.isr-score-bar{max-width:800px;margin:0 auto;padding:1rem;background:#0f172a80;border-radius:10px;text-align:center;color:#94a3b8;font-weight:500}.isr-results{max-width:500px;margin:2rem auto;padding:3rem;background:linear-gradient(145deg,#1a1520,#201828);border:1px solid rgba(255,255,255,.08);border-radius:20px;text-align:center}.isr-results .results-header{margin-bottom:1.5rem}.isr-results .results-icon{font-size:4rem;display:block;margin-bottom:.5rem}.isr-results .results-header h2{font-size:1.75rem;color:#f1f5f9;margin:0}.isr-results h3{font-size:1.1rem;color:#94a3b8;margin:0 0 2rem;font-weight:400}.isr-results .results-score{width:150px;height:150px;margin:0 auto 1.5rem;border-radius:50%;border:4px solid;display:flex;align-items:center;justify-content:center;background:#0f172a}.isr-results .score-circle{width:130px;height:130px;border-radius:50%;display:flex;align-items:center;justify-content:center}.isr-results .score-inner{width:100px;height:100px;background:#1a1520;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.isr-results .score-number{font-size:1.75rem;font-weight:700;color:#f1f5f9}.isr-results .score-label{font-size:.75rem;color:#64748b;text-transform:uppercase}.isr-results .grade-text{font-size:1.5rem;font-weight:700;margin:0 0 1rem}.isr-results .results-message{color:#94a3b8;line-height:1.6;margin-bottom:2rem}.isr-results .results-buttons{display:flex;gap:1rem;justify-content:center}.isr-results .retry-btn,.isr-results .back-btn{padding:.85rem 1.75rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.isr-results .retry-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none}.isr-results .retry-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px)}.isr-results .back-btn{background:transparent;color:#94a3b8;border:1px solid rgba(255,255,255,.2)}.isr-results .back-btn:hover{border-color:#f59e0b;color:#f59e0b}@media (max-width: 768px){.isr-awareness{padding:1rem}.isr-hero{padding:1.5rem}.isr-awareness .logo-text h1{font-size:1.4rem}.isr-awareness .progress-overview{flex-direction:column;gap:1.5rem}.isr-awareness .modules-grid{grid-template-columns:1fr}.isr-awareness .domains-grid{grid-template-columns:1fr 1fr}.isr-results{padding:2rem;margin:1rem}.isr-results .results-buttons{flex-direction:column}.isr-awareness .option-btn{padding:1rem}}@media (max-width: 480px){.isr-logo{flex-direction:column;gap:.5rem}.isr-awareness .logo-text{text-align:center}.isr-awareness .domains-grid{grid-template-columns:1fr}.isr-awareness .module-progress{flex-direction:column;align-items:flex-start;gap:.5rem}}.sama-game{min-height:100vh;background:linear-gradient(135deg,#0a1a0f,#0d2818,#061a0a);padding:1rem;color:#e2e8f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.game-menu{max-width:600px;margin:2rem auto;text-align:center}.menu-logo .logo-icon{font-size:5rem;display:block;margin-bottom:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.menu-logo h1{font-size:2.5rem;font-weight:800;color:#10b981;margin:0;text-shadow:0 0 30px rgba(16,185,129,.5)}.difficulty-selector{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.difficulty-selector h3{color:#10b981;margin:0 0 1rem;font-size:1.2rem}.difficulty-options{display:flex;gap:1rem;justify-content:center}.diff-btn{flex:1;max-width:150px;background:#0f172acc;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.diff-btn:hover{border-color:#10b98180;transform:translateY(-3px)}.diff-icon{font-size:2rem}.diff-name{font-weight:600;color:#f1f5f9;font-size:1rem}.diff-desc{font-size:.75rem;color:#64748b}.game-features{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.feature{text-align:center}.feature span{font-size:2rem;display:block;margin-bottom:.5rem}.feature p{color:#94a3b8;margin:0;font-size:.9rem}.start-game-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1.25rem 3rem;font-size:1.3rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px #10b9814d}.start-game-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 50px #10b98166}.game-hud{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#0f172acc;border-radius:16px;margin-bottom:1rem;border:1px solid rgba(255,255,255,.1)}.lives{display:flex;gap:.25rem}.heart{font-size:1.5rem;transition:all .3s ease}.heart.lost{opacity:.3;transform:scale(.8)}.combo-display{min-width:100px}.combo-text{background:linear-gradient(135deg,#f59e0b,#d97706);padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.9rem;animation:pulse .5s ease}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.timer{display:flex;align-items:center;gap:.5rem;background:#10b98133;padding:.75rem 1.5rem;border-radius:30px;border:2px solid #10b981}.timer.frozen{border-color:#06b6d4;background:#06b6d433}.timer-icon{font-size:1.5rem}.timer-value{font-size:1.5rem;font-weight:700;min-width:30px;text-align:center}.score-display{display:flex;align-items:center;gap:.5rem;background:#f59e0b33;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(245,158,11,.5)}.score-icon{font-size:1.2rem}.score-num{font-weight:700;font-size:1.1rem;color:#fbbf24}.question-progress{color:#64748b;font-size:.9rem}.progress-bar{height:6px;background:#ffffff1a;border-radius:3px;margin-bottom:1rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;transition:width .5s ease}.power-ups-bar{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.power-up-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#0f172acc;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem 1.25rem;cursor:pointer;transition:all .3s ease;min-width:80px}.power-up-btn:hover:not(:disabled){border-color:#10b981;transform:translateY(-3px);box-shadow:0 5px 20px #10b98133}.power-up-btn:disabled{opacity:.4;cursor:not-allowed}.power-up-btn.used{opacity:.3;border-color:transparent}.power-up-btn.active{animation:powerUpUse .5s ease}@keyframes powerUpUse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.pu-icon{font-size:1.5rem}.pu-name{font-size:.7rem;color:#94a3b8}.double-points-indicator{text-align:center;background:linear-gradient(135deg,#f59e0b,#d97706);padding:.5rem;border-radius:10px;font-weight:700;margin-bottom:1rem;animation:shine 1s ease infinite}@keyframes shine{0%,to{opacity:1}50%{opacity:.7}}.question-area{max-width:800px;margin:0 auto;position:relative}.question-card{background:linear-gradient(145deg,#10b9811a,#064e3b26);border:1px solid rgba(16,185,129,.3);border-radius:20px;padding:2rem;margin-bottom:1.5rem;text-align:center}.question-text{font-size:1.3rem;font-weight:600;color:#f1f5f9;line-height:1.7;margin:0}.hint-box{margin-top:1rem;padding:.75rem 1rem;background:#f59e0b33;border:1px solid rgba(245,158,11,.5);border-radius:10px;color:#fbbf24;font-size:.95rem}.option-btn{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(145deg,#151b2e,#1a2035);border:2px solid rgba(255,255,255,.1);border-radius:14px;cursor:pointer;transition:all .3s ease;text-align:right;position:relative;overflow:hidden}.option-btn:hover:not(:disabled){border-color:#10b98180;transform:translateY(-2px);box-shadow:0 8px 25px #10b98126}.option-btn.selected{border-color:#10b981}.option-btn.correct{border-color:#10b981;background:#10b98133;animation:correctPulse .5s ease}@keyframes correctPulse{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 30px 10px #10b9814d}}.option-btn.wrong{border-color:#ef4444;background:#ef444433;animation:wrongShake .5s ease}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.option-letter{width:40px;height:40px;background:#10b98133;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#10b981;flex-shrink:0}.option-text{flex:1;font-size:1rem;color:#e2e8f0;line-height:1.5}.result-icon{font-size:1.5rem;font-weight:700}.option-btn.correct .result-icon{color:#10b981}.option-btn.wrong .result-icon{color:#ef4444}.result-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;padding:2rem 3rem;border-radius:20px;text-align:center;z-index:100;animation:resultPop .3s ease}@keyframes resultPop{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.result-overlay.correct{border:3px solid #10b981;box-shadow:0 0 50px #10b98180}.result-overlay.wrong{border:3px solid #ef4444;box-shadow:0 0 50px #ef444480}.result-emoji{font-size:4rem;display:block;margin-bottom:.5rem}.result-text{font-size:1.5rem;font-weight:700}.result-overlay.correct .result-text{color:#10b981}.result-overlay.wrong .result-text{color:#ef4444}.game-end-screen{max-width:500px;margin:2rem auto;text-align:center;padding:2rem;background:linear-gradient(145deg,#151b2e,#1a2035);border-radius:24px;border:1px solid rgba(255,255,255,.1)}.end-icon{font-size:5rem;margin-bottom:1rem}.end-icon.victory{animation:bounce 1s ease infinite}.game-end-screen h1{font-size:2rem;color:#f1f5f9;margin:0 0 1.5rem}.score-label{display:block;color:#64748b;font-size:.9rem;margin-bottom:.25rem}.score-value{font-size:3rem;font-weight:800;color:#fbbf24;text-shadow:0 0 30px rgba(251,191,36,.5)}.rank-display{padding:1.5rem;border:3px solid;border-radius:16px;margin-bottom:1.5rem;background:#0f172a80}.rank-title{display:block;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.stars{display:flex;justify-content:center;gap:.25rem}.star{font-size:1.5rem;color:#374151}.star.filled{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.5)}.game-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.stat-item{text-align:center}.stat-icon{font-size:1.5rem;display:block;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:#f1f5f9;display:block}.stat-label{font-size:.8rem;color:#64748b}.end-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.play-again-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.menu-btn{background:transparent;color:#94a3b8;border:2px solid rgba(255,255,255,.2);padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease}.menu-btn:hover{border-color:#10b981;color:#10b981}@media (max-width: 768px){.sama-game{padding:.5rem}.game-hud{flex-wrap:wrap;gap:.5rem;padding:.75rem}.hud-left,.hud-center,.hud-right{flex:1;justify-content:center}.options-grid{grid-template-columns:1fr}.difficulty-options{flex-direction:column;align-items:center}.diff-btn{max-width:200px;width:100%}.power-ups-bar{gap:.5rem}.power-up-btn{padding:.5rem .75rem;min-width:60px}.pu-icon{font-size:1.2rem}.question-text{font-size:1.1rem}.timer{padding:.5rem 1rem}.timer-value{font-size:1.2rem}}.ecc-game{min-height:100vh;background:linear-gradient(135deg,#0c0a1a,#1a1030,#0d0820);padding:1rem;color:#e2e8f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.ecc-menu{max-width:550px;margin:2rem auto;text-align:center}.menu-header{margin-bottom:2rem}.menu-header .menu-icon{font-size:5rem;display:block;margin-bottom:1rem;animation:shield 2s ease-in-out infinite}@keyframes shield{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.menu-header h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.menu-header p{color:#94a3b8;margin-top:.5rem;font-size:1.1rem}.game-rules{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:1.5rem;margin-bottom:2rem;text-align:right}.game-rules h3{color:#a78bfa;margin:0 0 1rem;text-align:center}.game-rules ul{list-style:none;padding:0;margin:0}.game-rules li{padding:.5rem 0;color:#cbd5e1;font-size:.95rem}.menu-stats{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.stat-box{background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-box .stat-icon{font-size:1.5rem}.stat-box .stat-text{color:#94a3b8;font-size:.9rem}.ecc-menu .start-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:1.25rem 3rem;font-size:1.3rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px #8b5cf666}.ecc-menu .start-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 50px #8b5cf680}.battle-arena{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto 1.5rem;padding:1.5rem;background:#0f172a99;border-radius:20px;border:1px solid rgba(255,255,255,.1);position:relative}.combatant{flex:1;max-width:280px}.combatant-info{margin-bottom:1rem}.combatant-name{display:block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#f1f5f9}.hp-bar{height:20px;background:#00000080;border-radius:10px;overflow:hidden;position:relative;border:2px solid rgba(255,255,255,.2)}.hp-fill{height:100%;transition:width .5s ease,background .5s ease;border-radius:8px}.hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.attack-card{background:linear-gradient(145deg,#7f1d1d,#991b1b);border:2px solid #dc2626;border-radius:16px;padding:1.5rem;text-align:center;box-shadow:0 10px 30px #dc26264d}.attack-card.attacking{animation:attackPulse .5s ease}@keyframes attackPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 50px #dc2626cc}}.card-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.card-name{display:block;font-weight:600;color:#fecaca;margin-bottom:.5rem}.card-power{display:inline-block;background:#0000004d;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;color:#fca5a5}.vs-badge{text-align:center;padding:0 1rem}.vs-badge span{font-size:2rem;font-weight:900;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.round-info{font-size:.85rem;color:#64748b;margin-top:.5rem}.game-stats-bar{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.game-stats-bar .stat-item{display:flex;flex-direction:column;align-items:center;background:#0f172a99;padding:.75rem 1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.game-stats-bar .stat-label{font-size:.8rem;color:#64748b}.game-stats-bar .stat-value{font-size:1.3rem;font-weight:700;color:#a78bfa}.game-stats-bar .stat-item.streak{border-color:#f59e0b;background:#f59e0b1a}.game-stats-bar .stat-item.streak .stat-value{color:#fbbf24}.defense-section{max-width:900px;margin:0 auto}.defense-section h3{text-align:center;color:#a78bfa;margin:0 0 1rem;font-size:1.2rem}.defense-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.defense-card{background:linear-gradient(145deg,#1e1b4b,#312e81);border:2px solid rgba(139,92,246,.3);border-radius:16px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.defense-card:hover:not(:disabled){transform:translateY(-5px);border-color:#8b5cf6;box-shadow:0 15px 40px #8b5cf64d}.defense-card:disabled{cursor:default}.defense-card.selected{border-color:#8b5cf6;transform:scale(1.05)}.defense-card.defending{animation:defendPulse .5s ease}@keyframes defendPulse{0%,to{transform:scale(1.05)}50%{transform:scale(1.15);box-shadow:0 0 50px #8b5cf6cc}}.defense-card.correct{border-color:#10b981;background:linear-gradient(145deg,#064e3b,#065f46);box-shadow:0 0 30px #10b98180}.defense-card.wrong{border-color:#ef4444;background:linear-gradient(145deg,#7f1d1d,#991b1b);box-shadow:0 0 30px #ef444480}.defense-card .card-icon{font-size:2.5rem}.defense-card .card-name{font-weight:600;color:#e2e8f0;font-size:1rem}.defense-card .card-power{background:#8b5cf64d;color:#c4b5fd}.round-result{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}.result-content{text-align:center;padding:3rem;border-radius:24px;max-width:400px}.round-result.win .result-content{background:linear-gradient(145deg,#10b98133,#064e3b4d);border:2px solid #10b981}.round-result.lose .result-content{background:linear-gradient(145deg,#ef444433,#7f1d1d4d);border:2px solid #ef4444}.result-icon{font-size:5rem;display:block;margin-bottom:1rem}.result-content h2{margin:0 0 1rem;font-size:1.8rem}.round-result.win h2{color:#10b981}.round-result.lose h2{color:#ef4444}.damage-info{font-size:1.2rem;font-weight:600;margin:0 0 1rem}.round-result.win .damage-info{color:#34d399}.round-result.lose .damage-info{color:#f87171}.explanation{color:#94a3b8;font-size:.95rem;line-height:1.6;margin:0}.ecc-end-screen{max-width:500px;margin:2rem auto;text-align:center;padding:2.5rem;background:linear-gradient(145deg,#1e1b4b,#312e81);border-radius:24px;border:1px solid rgba(139,92,246,.3)}.ecc-end-screen .end-icon{font-size:5rem;margin-bottom:1rem}.ecc-end-screen .end-icon.victory{animation:trophy 1s ease infinite}@keyframes trophy{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.ecc-end-screen h1{font-size:2.5rem;margin:0 0 1.5rem;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-score{margin-bottom:1.5rem}.final-score .label{display:block;color:#64748b;font-size:.9rem;margin-bottom:.25rem}.final-score .value{font-size:3rem;font-weight:800;color:#a78bfa;text-shadow:0 0 30px rgba(167,139,250,.5)}.rank-badge{background:#0f172a80;border:2px solid rgba(139,92,246,.5);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.rank-badge .rank-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.rank-badge .rank-name{display:block;font-size:1.3rem;font-weight:700;color:#c4b5fd;margin-bottom:.5rem}.rank-stars{display:flex;justify-content:center;gap:.25rem}.rank-stars .star{font-size:1.5rem;color:#374151}.rank-stars .star.filled{color:#fbbf24}.end-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.end-stats .stat{text-align:center}.end-stats .icon{font-size:1.5rem;display:block;margin-bottom:.25rem}.end-stats .val{font-size:1.5rem;font-weight:700;color:#f1f5f9;display:block}.end-stats .lbl{font-size:.8rem;color:#64748b}.end-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.play-again{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease}.play-again:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.back-menu{background:transparent;color:#94a3b8;border:2px solid rgba(255,255,255,.2);padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease}.back-menu:hover{border-color:#8b5cf6;color:#a78bfa}@media (max-width: 768px){.battle-arena{flex-direction:column;gap:1rem}.combatant{max-width:100%;width:100%}.vs-badge{padding:.5rem}.vs-badge span{font-size:1.5rem}.defense-cards{grid-template-columns:1fr}.defense-card{padding:1rem}.menu-stats{flex-wrap:wrap}}.isr-game{min-height:100vh;background:linear-gradient(135deg,#1a0f00,#2d1810,#1a0a00);padding:1rem;color:#e2e8f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.isr-menu{max-width:550px;margin:2rem auto;text-align:center}.menu-logo{margin-bottom:2rem}.menu-logo .logo-icon{font-size:5rem;display:block;margin-bottom:1rem;animation:target 2s ease-in-out infinite}@keyframes target{0%,to{transform:scale(1)}50%{transform:scale(1.1) rotate(10deg)}}.menu-logo h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#f59e0b,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.menu-logo p{color:#94a3b8;margin-top:.5rem;font-size:1.1rem}.quest-intro{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.quest-intro p{color:#fbbf24;font-size:1.1rem;margin:0 0 1rem}.intro-features{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.intro-features span{background:#0000004d;padding:.5rem .75rem;border-radius:8px;font-size:.85rem;color:#fcd34d}.start-quest-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:1.25rem 3rem;font-size:1.3rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px #f59e0b66}.start-quest-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 50px #f59e0b80}.mission-select{max-width:900px;margin:0 auto}.select-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.select-header h2{margin:0;color:#f59e0b;font-size:1.5rem}.player-stats{display:flex;gap:1rem}.player-stats span{background:#0f172a99;padding:.5rem 1rem;border-radius:20px;font-weight:600}.total-score{color:#fbbf24}.total-stars{color:#f59e0b}.mission-select .rank-display{text-align:center;background:#0f172a80;border:2px solid;border-radius:16px;padding:1rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;gap:1rem}.rank-name{font-size:1.3rem;font-weight:700}.missions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem;margin-bottom:2rem}.mission-card{background:linear-gradient(145deg,#2d1810,#3d2015);border:2px solid rgba(245,158,11,.2);border-radius:16px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.mission-card:hover{transform:translateY(-5px);border-color:#f59e0b;box-shadow:0 15px 40px #f59e0b33}.mission-card.completed{border-color:#10b98180}.mission-card .mission-icon{font-size:3rem;display:block;margin-bottom:.75rem}.mission-card h3{color:#f1f5f9;margin:0 0 .5rem;font-size:1.1rem}.mission-card p{color:#94a3b8;font-size:.85rem;margin:0 0 1rem;line-height:1.4}.mission-meta{color:#64748b;font-size:.8rem;margin-bottom:.75rem}.mission-stars{display:flex;justify-content:center;gap:.25rem}.mission-stars .star{font-size:1.5rem;color:#374151}.mission-stars .star.earned{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.5)}.completed-badge{position:absolute;top:.75rem;left:.75rem;background:#10b981;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem}.back-btn{background:transparent;color:#94a3b8;border:2px solid rgba(255,255,255,.2);padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease}.back-btn:hover{border-color:#f59e0b;color:#f59e0b}.mission-hud{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#0f172acc;border-radius:16px;margin-bottom:.5rem;border:1px solid rgba(255,255,255,.1)}.mission-title{font-weight:600;color:#fbbf24}.timer{background:#f59e0b33;padding:.5rem 1.5rem;border-radius:20px;font-weight:700;font-size:1.1rem;border:2px solid #f59e0b}.timer.warning{border-color:#ef4444;background:#ef444433;animation:timerPulse .5s ease infinite}.score-display{font-weight:700;color:#fbbf24;font-size:1.1rem}.progress-display{color:#64748b;font-size:.9rem}.hud-right{display:flex;gap:1rem;align-items:center}.mission-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;margin-bottom:2rem;overflow:hidden}.mission-progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#ea580c);border-radius:3px;transition:width .5s ease}.mission-content{max-width:700px;margin:0 auto}.item-card,.scenario-card,.role-card,.risk-card{background:linear-gradient(145deg,#f59e0b1a,#ea580c1a);border:1px solid rgba(245,158,11,.3);border-radius:20px;padding:2rem;text-align:center;margin-bottom:2rem}.item-icon,.scenario-icon,.role-icon,.risk-icon{font-size:4rem;display:block;margin-bottom:1rem}.item-card h3,.role-card h3{font-size:1.5rem;color:#f1f5f9;margin:0 0 .5rem}.item-card p,.scenario-card p,.role-card p,.risk-card p{color:#94a3b8;font-size:1.1rem;margin:0;line-height:1.6}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.options-list{display:flex;flex-direction:column;gap:.75rem}.option-btn{background:linear-gradient(145deg,#2d1810,#3d2015);border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem;color:#e2e8f0;font-size:1rem;cursor:pointer;transition:all .3s ease;text-align:center}.option-btn:hover:not(:disabled){border-color:#f59e0b;transform:translateY(-2px)}.option-btn:disabled{cursor:default}.option-btn.correct{border-color:#10b981;background:#10b98133}.option-btn.wrong{border-color:#ef4444;background:#ef444433}.risk-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.risk-btn{padding:1rem;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.risk-btn.level-0{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.risk-btn.level-1{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.risk-btn.level-2{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.risk-btn.level-3{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.risk-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.risk-btn.correct{box-shadow:0 0 30px #10b98180}.risk-btn.wrong{opacity:.5}.ordering-instruction{text-align:center;color:#fbbf24;font-size:1.1rem;margin-bottom:1.5rem}.ordering-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.ordering-item{display:flex;align-items:center;gap:1rem;background:linear-gradient(145deg,#2d1810,#3d2015);border:2px solid rgba(245,158,11,.3);border-radius:12px;padding:1rem 1.25rem;cursor:grab;transition:all .3s ease}.ordering-item:hover{border-color:#f59e0b}.ordering-item:active{cursor:grabbing}.order-num{width:32px;height:32px;background:#f59e0b4d;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fbbf24}.order-icon{font-size:1.5rem}.order-text{flex:1;font-size:1rem;color:#e2e8f0}.drag-handle{color:#64748b;font-size:1.2rem}.submit-order-btn{display:block;width:100%;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:1rem;font-size:1.1rem;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s ease}.submit-order-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b4d}.feedback-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:2rem 3rem;border-radius:20px;text-align:center;z-index:100;animation:feedbackPop .3s ease}@keyframes feedbackPop{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.feedback-overlay.correct{background:#10b981e6;box-shadow:0 0 50px #10b98180}.feedback-overlay.wrong{background:#ef4444e6;box-shadow:0 0 50px #ef444480}.feedback-icon{font-size:3rem;display:block;margin-bottom:.5rem}.feedback-text{font-size:1.5rem;font-weight:700;color:#fff}.mission-result{max-width:450px;margin:2rem auto;text-align:center;padding:2.5rem;background:linear-gradient(145deg,#2d1810,#3d2015);border-radius:24px;border:1px solid rgba(245,158,11,.3)}.mission-result .result-icon{font-size:5rem;display:block;margin-bottom:1rem}.mission-result h2{font-size:1.8rem;color:#f59e0b;margin:0 0 .5rem}.mission-result h3{font-size:1.1rem;color:#94a3b8;font-weight:400;margin:0 0 1.5rem}.result-score{margin-bottom:1.5rem}.result-score .label{display:block;color:#64748b;font-size:.9rem}.result-score .value{font-size:3rem;font-weight:800;color:#fbbf24;text-shadow:0 0 30px rgba(251,191,36,.5)}.result-stars{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.big-star{font-size:3rem;color:#374151;transition:all .3s ease}.big-star.earned{color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.7);animation:starEarn .5s ease}@keyframes starEarn{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.result-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.result-stats .stat{text-align:center}.result-stats .icon{font-size:1.5rem;display:block;margin-bottom:.25rem}.result-stats .val{font-size:1.5rem;font-weight:700;color:#f1f5f9;display:block}.result-stats .lbl{font-size:.8rem;color:#64748b}.result-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.retry-btn{background:transparent;color:#f59e0b;border:2px solid #f59e0b;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease}.retry-btn:hover{background:#f59e0b1a}.continue-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b4d}@media (max-width: 768px){.mission-hud{flex-wrap:wrap;gap:.5rem;padding:.75rem;justify-content:center}.options-grid{grid-template-columns:1fr}.risk-levels{grid-template-columns:repeat(2,1fr)}.missions-grid{grid-template-columns:1fr}.select-header{flex-direction:column;gap:1rem;text-align:center}.item-card,.scenario-card,.role-card,.risk-card{padding:1.5rem}.item-icon,.scenario-icon,.role-icon,.risk-icon{font-size:3rem}}.sqli-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#0a0a1a,#0a1a0a);padding:120px 1.5rem 2rem;color:#e0e0e0;overflow-x:hidden}.sqli-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,255,100,.2)}.sqli-header h1{font-size:1.5rem;color:#00ff64;text-shadow:0 0 20px rgba(0,255,100,.4);display:flex;align-items:center;gap:.5rem}.back-button{display:flex;align-items:center;gap:.5rem;color:#888;text-decoration:none;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.back-button:hover{color:#00ff64;background:#00ff641a;border-color:#00ff644d}.about-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.5rem;border-radius:8px;color:#888;cursor:pointer;transition:all .3s ease}.about-btn:hover{color:#00ff64;background:#00ff641a;border-color:#00ff644d}.start-screen{max-width:550px;margin:2rem auto;text-align:center;background:#0f1419f2;border:1px solid rgba(0,255,100,.2);border-radius:20px;padding:2.5rem;box-shadow:0 20px 60px #00000080}.sqli-logo{position:relative;display:inline-flex;padding:2rem;margin-bottom:1.5rem}.sqli-logo svg{color:#00ff64;filter:drop-shadow(0 0 20px rgba(0,255,100,.5))}.logo-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(0,255,100,.3);border-radius:50%;animation:logoPulse 2s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:0}}.start-screen>p{color:#888;margin-bottom:1.5rem}.warning-box{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#ffaa001a;border:1px solid rgba(255,170,0,.3);border-radius:10px;color:#fa0;font-size:.9rem;margin-bottom:1.5rem}.info-item{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;background:#00ff640d;border-radius:10px;color:#aaa}.info-icon{color:#00ff64}.start-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#00ff64,#00cc50);color:#000;border:none;padding:1rem 2.5rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.start-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00ff6466}.game-area{max-width:700px;margin:0 auto;padding:0 .5rem}.level-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding:1.5rem;background:#0f1419e6;border-radius:16px;border:1px solid rgba(0,255,100,.15);box-shadow:0 10px 40px #0000004d}.level-info{display:flex;flex-direction:column;gap:.5rem}.level-number{font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:2px;font-weight:600}.level-info h2{font-size:1.5rem;color:#fff;margin:0}.difficulty-badge{display:inline-flex;align-items:center;padding:.35rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;width:fit-content;text-transform:uppercase;letter-spacing:.5px}.score-display{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffb4001a;border:1px solid rgba(255,180,0,.3);border-radius:12px;color:#ffb400;font-weight:700;font-size:1.1rem}.level-description{padding:1.25rem 1.5rem;background:#00ff640d;border-left:4px solid #00ff64;border-radius:0 12px 12px 0;margin-bottom:1.5rem}.level-description p{margin:0;color:#b0b0b0;font-size:1rem;line-height:1.6}.login-panel{background:#0f1419f2;border:1px solid rgba(0,255,100,.25);border-radius:16px;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 15px 50px #0006}.login-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#00ff641f,#00c85014);color:#00ff64;font-weight:600;font-size:1.1rem;border-bottom:1px solid rgba(0,255,100,.2)}.login-panel form{padding:1.75rem 1.5rem}.input-group{margin-bottom:1.25rem}.input-group label{display:block;color:#888;font-size:.9rem;margin-bottom:.5rem;font-weight:500}.input-group input{width:100%;padding:1rem 1.25rem;background:#00000080;border:2px solid rgba(0,255,100,.2);border-radius:10px;color:#00ff64;font-family:Monaco,Consolas,Courier New,monospace;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.input-group input:focus{outline:none;border-color:#00ff64;box-shadow:0 0 20px #00ff6440;background:#0009}.input-group input::placeholder{color:#3a5a45;font-style:italic}.login-btn{width:100%;padding:1.1rem;background:linear-gradient(135deg,#00ff64,#00cc50);border:none;border-radius:10px;color:#000;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00ff6473}.login-btn:active{transform:translateY(0)}.query-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:#ffffff08;border:none;border-top:1px solid rgba(255,255,255,.08);color:#666;font-size:.9rem;cursor:pointer;transition:all .3s ease}.query-toggle:hover{background:#ffffff14;color:#00ff64}.query-display{padding:1.25rem 1.5rem;background:#0009;border-top:1px solid rgba(255,255,255,.08)}.query-display code{display:block;color:#ff6b6b;font-family:Monaco,Consolas,Courier New,monospace;font-size:.9rem;white-space:pre-wrap;word-break:break-all;line-height:1.5}.result-panel{padding:1.5rem;border-radius:14px;margin-bottom:1.5rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.result-panel.success{background:#00ff641a;border:2px solid rgba(0,255,100,.35)}.result-panel.failure{background:#ff44441a;border:2px solid rgba(255,68,68,.35)}.result-header{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.1rem;margin-bottom:.5rem}.result-panel.success .result-header{color:#00ff64}.result-panel.failure .result-header{color:#ff6b6b}.result-explanation{color:#b0b0b0;font-size:.95rem;margin:1rem 0;padding:1rem;background:#00000059;border-radius:10px;line-height:1.6}.next-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#00ff64,#00cc50);color:#000;border:none;padding:1rem 2rem;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.next-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00ff6466}.controls{display:flex;gap:1rem;margin-bottom:1.25rem}.hint-btn,.reset-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.hint-btn{background:#ffc8001a;border:1px solid rgba(255,200,0,.35);color:#ffc800}.hint-btn:hover:not(:disabled){background:#ffc80033;transform:translateY(-1px)}.hint-btn:disabled{opacity:.5;cursor:not-allowed}.reset-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#888}.reset-btn:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}.hint-box{display:flex;align-items:flex-start;gap:.75rem;padding:1.25rem;background:#ffc8001a;border:1px solid rgba(255,200,0,.25);border-radius:12px;color:#ffc800;margin-bottom:1.25rem;line-height:1.5}.hint-box svg{flex-shrink:0;margin-top:2px}.attempts-display{text-align:center;color:#555;font-size:.9rem;padding:.5rem}.complete-screen{max-width:550px;margin:2rem auto;text-align:center;background:#14141ee6;border:1px solid rgba(0,255,100,.3);border-radius:20px;padding:2.5rem}.complete-screen h2{font-size:2rem;color:#00ff64;margin:0 0 .5rem}.final-score{display:flex;flex-direction:column;padding:1.5rem;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:12px;margin-bottom:1.5rem}.final-score span{color:#888;font-size:.9rem}.final-score strong{font-size:2.5rem;color:gold}.completion-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.stat{display:flex;flex-direction:column}.stat span{color:#666;font-size:.85rem}.stat strong{color:#fff;font-size:1.25rem}.defense-tips{text-align:left;padding:1.5rem;background:#00ff640d;border:1px solid rgba(0,255,100,.2);border-radius:12px;margin-bottom:2rem}.defense-tips h3{color:#00ff64;margin:0 0 1rem;font-size:1rem}.defense-tips ul{margin:0;padding-left:1.25rem;color:#aaa}.defense-tips li{margin-bottom:.5rem}.restart-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#00ff64,#00cc50);color:#000;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.restart-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00ff6466}.modal{background:#1a1a2e;border:1px solid rgba(0,255,100,.2);border-radius:16px;padding:2rem;max-width:450px;width:90%;position:relative}.modal h3{color:#00ff64;margin:0 0 1rem;text-align:center}@media (max-width: 600px){.sqli-container{padding:90px .5rem 1rem}.sqli-header h1{font-size:1.1rem}.level-header{flex-direction:column;gap:1rem;padding:1rem}.score-display{align-self:flex-start}.controls{flex-direction:column}.completion-stats{flex-direction:column;gap:1rem}.start-screen,.complete-screen{padding:1.25rem}.login-panel form{padding:1rem .75rem}.level-description{padding:1rem .75rem;border-radius:0 8px 8px 0}}.memory-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#0a0f1a,#0a1a0a);padding:120px 1.5rem 2rem;color:#e0e0e0;overflow-x:hidden}.memory-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(138,43,226,.2)}.memory-header h1{font-size:1.5rem;color:#a855f7;text-shadow:0 0 20px rgba(168,85,247,.4);display:flex;align-items:center;gap:.5rem}.back-button:hover{color:#a855f7;background:#a855f71a}.about-btn:hover{color:#a855f7;background:#a855f71a}.start-screen{max-width:550px;margin:2rem auto;text-align:center;background:#141423e6;border:1px solid rgba(168,85,247,.2);border-radius:20px;padding:2.5rem}.memory-logo{position:relative;display:inline-flex;padding:2rem;margin-bottom:1.5rem}.memory-logo svg{color:#a855f7;filter:drop-shadow(0 0 20px rgba(168,85,247,.5))}.logo-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(168,85,247,.2) 0%,transparent 70%);border-radius:50%;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.difficulty-selector>span{display:block;color:#888;margin-bottom:1rem}.difficulty-options{display:flex;gap:.75rem;justify-content:center}.diff-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 1.5rem;background:#a855f71a;border:2px solid rgba(168,85,247,.2);border-radius:12px;color:#aaa;cursor:pointer;transition:all .3s ease}.diff-btn:hover{border-color:#a855f780;color:#fff}.diff-btn.active{background:#a855f733;border-color:#a855f7;color:#a855f7}.pair-count{font-size:.75rem;color:#666}.diff-btn.active .pair-count{color:#a855f7}.info-item{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;background:#a855f70d;border-radius:10px;color:#aaa}.info-item svg{color:#a855f7}.start-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border:none;padding:1rem 2.5rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.start-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #a855f766}.game-area{max-width:900px;margin:0 auto;padding:0 1rem}.game-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;padding:1rem 2rem;background:#141423e6;border:1px solid rgba(168,85,247,.2);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-item{display:flex;align-items:center;gap:.5rem;color:#a855f7;font-weight:600;font-size:1rem}.stat-item svg{opacity:.8}.cards-grid{display:grid;gap:1rem;margin-bottom:2rem;perspective:1000px;padding:1.5rem;background:#0a0a1480;border-radius:20px;border:1px solid rgba(168,85,247,.15);min-height:400px;width:100%;box-sizing:border-box}.memory-card{position:relative;aspect-ratio:3/4;min-height:120px;max-height:200px;cursor:pointer;perspective:1000px;transition:transform .2s ease;box-sizing:border-box}.memory-card:hover:not(.matched){transform:scale(1.03)}.card-inner{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.memory-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;box-sizing:border-box}.card-front{background:linear-gradient(145deg,#1e1e3a,#12122a);border:2px solid rgba(168,85,247,.4);box-shadow:0 4px 15px #0000004d,inset 0 1px #ffffff0d}.card-front:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:8px;border:1px solid rgba(168,85,247,.15);pointer-events:none}.card-question{font-size:2.5rem;color:#a855f7;text-shadow:0 0 25px rgba(168,85,247,.6);font-weight:700}.card-back{transform:rotateY(180deg);gap:.5rem}.memory-card.threat .card-back{background:linear-gradient(145deg,#ef444440,#7f1d1d4d);border:2px solid rgba(239,68,68,.6);box-shadow:0 4px 20px #ef444433}.memory-card.defense .card-back{background:linear-gradient(145deg,#22c55e40,#1665344d);border:2px solid rgba(34,197,94,.6);box-shadow:0 4px 20px #22c55e33}.memory-card.matched{pointer-events:none}.memory-card.matched .card-back{opacity:.6}.memory-card.matched:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#fffc;z-index:10;text-shadow:0 2px 10px rgba(0,0,0,.5)}.card-icon{font-size:2rem;line-height:1}.card-text{font-size:.75rem;font-weight:600;text-align:center;color:#fff;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis}.card-type-badge{font-size:.55rem;padding:.2rem .6rem;border-radius:6px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.card-type-badge.threat{background:#ef444466;color:#fca5a5}.card-type-badge.defense{background:#22c55e66;color:#86efac}.reset-game-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:220px;margin:0 auto;padding:1rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#999;font-size:.95rem;cursor:pointer;transition:all .3s ease}.reset-game-btn:hover{background:#a855f726;border-color:#a855f766;color:#fff}.complete-screen{max-width:600px;margin:2rem auto;text-align:center;background:#141423e6;border:1px solid rgba(168,85,247,.3);border-radius:20px;padding:2.5rem}.complete-screen h2{font-size:2rem;color:#a855f7;margin:0 0 .5rem}.complete-screen>p{color:#888;margin-bottom:1.5rem}.star-rating{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.star-rating svg.filled{color:gold;fill:gold;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}.star-rating svg.empty{color:#333}.final-stats{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.stat-box{display:flex;flex-direction:column;padding:1rem 1.5rem;background:#a855f71a;border:1px solid rgba(168,85,247,.2);border-radius:12px}.stat-box span{font-size:.8rem;color:#888}.stat-box strong{font-size:1.5rem;color:#fff}.stat-box.score{background:#ffd7001a;border-color:#ffd7004d}.stat-box.score strong{color:gold}.pairs-learned{text-align:left;padding:1.5rem;background:#0000004d;border-radius:12px;margin-bottom:2rem;max-height:250px;overflow-y:auto}.pairs-learned h3{color:#a855f7;margin:0 0 1rem;font-size:1rem;text-align:center}.pairs-list{display:flex;flex-direction:column;gap:.75rem}.pair-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff08;border-radius:8px;font-size:.85rem}.pair-item .threat{color:#fca5a5;flex:1}.pair-item .arrow{color:#666}.pair-item .defense{color:#86efac;flex:1;text-align:right}.complete-actions{display:flex;gap:1rem;justify-content:center}.restart-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.restart-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #a855f766}.back-to-challenges{display:inline-flex;align-items:center;padding:1rem 2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#888;text-decoration:none;transition:all .3s ease}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:#1a1a2e;border:1px solid rgba(168,85,247,.2);border-radius:16px;padding:2rem;max-width:450px;width:90%;position:relative}.modal h3{color:#a855f7;margin:0 0 1rem;text-align:center}.close-modal{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#666;cursor:pointer;transition:color .3s ease}.pairs-learned::-webkit-scrollbar{width:6px}.pairs-learned::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.pairs-learned::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:3px}@media (max-width: 700px){.memory-container{padding:1rem}.memory-header h1{font-size:1.1rem}.cards-grid{gap:.5rem;padding:.5rem;min-height:220px}.card-text{font-size:.65rem}.card-icon{font-size:1.5rem}.difficulty-options{flex-direction:column}.game-stats{gap:1rem;font-size:.9rem;padding:.5rem}.final-stats{flex-direction:column;gap:.75rem}.complete-actions{flex-direction:column}.pair-item{font-size:.75rem;flex-wrap:wrap}}.packet-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#001a1a,#0a0a1a);padding:1.5rem;color:#e0e0e0}.packet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,200,200,.2)}.packet-header h1{font-size:1.5rem;color:#00d4d4;text-shadow:0 0 20px rgba(0,212,212,.4);display:flex;align-items:center;gap:.5rem}.back-button{display:flex;align-items:center;gap:.5rem;color:#888;text-decoration:none;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px;background:#ffffff0d}.back-button:hover{color:#00d4d4;background:#00d4d41a}.about-btn{background:#ffffff0d;border:none;padding:.5rem;border-radius:8px;color:#888;cursor:pointer;transition:all .3s ease}.about-btn:hover{color:#00d4d4;background:#00d4d41a}.start-screen{max-width:550px;margin:2rem auto;text-align:center;background:#0a141ef2;border:1px solid rgba(0,212,212,.2);border-radius:20px;padding:2.5rem}.packet-logo{position:relative;display:inline-flex;padding:2rem;margin-bottom:1.5rem}.packet-logo svg{color:#00d4d4;filter:drop-shadow(0 0 20px rgba(0,212,212,.5));animation:wifiPulse 2s ease-in-out infinite}@keyframes wifiPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.logo-waves{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(0,212,212,.3);border-radius:50%;animation:waveExpand 2s ease-in-out infinite}@keyframes waveExpand{0%{transform:scale(1);opacity:.5}to{transform:scale(1.5);opacity:0}}.start-screen h2{font-size:2rem;color:#fff;margin:0 0 .75rem}.start-screen>p{color:#888;margin-bottom:2rem}.game-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.info-item{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;background:#00d4d40d;border-radius:10px;color:#aaa}.info-item svg{color:#00d4d4}.threat-legend{padding:1rem;background:#ff44440d;border:1px solid rgba(255,68,68,.2);border-radius:12px;margin-bottom:2rem}.threat-legend h4{color:#ff6b6b;margin:0 0 .75rem;font-size:.9rem}.legend-items{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.legend-items span{padding:.25rem .75rem;background:#ff44441a;border-radius:20px;font-size:.8rem;color:#fca5a5}.start-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#00d4d4,#00a0a0);color:#000;border:none;padding:1rem 2.5rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.start-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00d4d466}.game-area{max-width:1100px;margin:0 auto;position:relative}.game-hud{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#0a141ee6;border:1px solid rgba(0,212,212,.2);border-radius:12px;margin-bottom:1rem}.lives-display{display:flex;gap:.5rem}.life{color:#00d4d4;transition:all .3s ease}.timer-display{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00d4d41a;border-radius:8px;color:#00d4d4;font-weight:600;font-size:1.25rem}.combo-display{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:linear-gradient(135deg,#ffd70033,#fa03);border:1px solid rgba(255,215,0,.5);border-radius:20px;color:gold;font-weight:700;font-size:.85rem;animation:comboPulse .5s ease-in-out infinite}@keyframes comboPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.score-display{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:8px;color:gold;font-weight:600}.pause-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#888;cursor:pointer;transition:all .3s ease}.pause-btn:hover{background:#ffffff26;color:#fff}.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;border-radius:12px}.pause-overlay h2{color:#00d4d4;font-size:2rem;margin-bottom:1.5rem}.pause-overlay button{padding:.75rem 2rem;background:linear-gradient(135deg,#00d4d4,#00a0a0);border:none;border-radius:8px;color:#000;font-weight:600;cursor:pointer}.packet-stream{background:#050f19f2;border:1px solid rgba(0,212,212,.3);border-radius:12px;overflow:hidden;margin-bottom:1rem}.stream-header{display:grid;grid-template-columns:100px 80px 130px 130px 60px 1fr 100px;gap:.5rem;padding:.75rem 1rem;background:#00d4d41a;border-bottom:1px solid rgba(0,212,212,.2);font-size:.75rem;font-weight:600;color:#00d4d4;text-transform:uppercase;letter-spacing:.5px}.stream-body{min-height:400px;max-height:500px;overflow-y:auto}.packet-row{display:grid;grid-template-columns:100px 80px 130px 130px 60px 1fr 100px;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);font-family:Monaco,Consolas,monospace;font-size:.85rem;transition:background .2s ease;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.packet-row:hover{background:#ffffff08}.packet-row.malicious{background:#ff44440d;border-left:3px solid #ff6b6b}.packet-row.legitimate{border-left:3px solid transparent}.packet-time{color:#666;font-size:.8rem}.packet-protocol{padding:.2rem .5rem;border-radius:4px;font-weight:600;font-size:.75rem;text-align:center}.packet-protocol.https,.packet-protocol.ssh{background:#22c55e33;color:#86efac}.packet-protocol.http{background:#fa03;color:#ffc107}.packet-protocol.dns{background:#3b82f633;color:#93c5fd}.packet-protocol.tcp,.packet-protocol.udp{background:#a855f733;color:#c4b5fd}.packet-protocol.smtp{background:#ec489933;color:#f9a8d4}.packet-protocol.smb,.packet-protocol.icmp{background:#f443;color:#fca5a5}.packet-protocol.ntp{background:#64748b33;color:#94a3b8}.packet-ip{color:#aaa;font-size:.8rem}.packet-port{color:#00d4d4;font-weight:600}.packet-payload{display:flex;align-items:center;gap:.5rem;color:#888;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.packet-payload svg{flex-shrink:0;color:#666}.packet-actions{display:flex;gap:.5rem;justify-content:center}.allow-btn,.block-btn{display:flex;align-items:center;justify-content:center;padding:.4rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.allow-btn{background:#22c55e33;color:#22c55e}.allow-btn:hover{background:#22c55e66;transform:scale(1.1)}.block-btn{background:#ef444433;color:#ef4444}.block-btn:hover{background:#ef444466;transform:scale(1.1)}.no-packets{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem;color:#444}.no-packets svg{animation:wifiPulse 2s ease-in-out infinite}.quick-stats{display:flex;justify-content:center;gap:2rem;padding:.75rem;background:#0a141ecc;border-radius:8px;color:#666;font-size:.9rem}.complete-screen{max-width:550px;margin:2rem auto;text-align:center;background:#0a141ef2;border:1px solid rgba(0,212,212,.3);border-radius:20px;padding:2.5rem}.complete-icon{display:inline-flex;padding:1.5rem;border-radius:50%;background:#ffd70026;margin-bottom:1.5rem}.complete-icon svg{color:gold;filter:drop-shadow(0 0 15px rgba(255,215,0,.5))}.complete-screen h2{font-size:2rem;color:#00d4d4;margin:0 0 .5rem}.complete-screen>p{color:#888;margin-bottom:2rem}.final-score-display{display:flex;flex-direction:column;padding:1.5rem;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:12px;margin-bottom:2rem}.final-score-display span{color:#888;font-size:.9rem}.final-score-display strong{font-size:3rem;color:gold}.final-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2rem}.stat-box{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;background:#00d4d40d;border:1px solid rgba(0,212,212,.1);border-radius:10px}.stat-box svg{color:#00d4d4}.stat-box span{font-size:.75rem;color:#666}.stat-box strong{font-size:1.25rem;color:#fff}.accuracy-meter{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0000004d;border-radius:10px;margin-bottom:2rem}.accuracy-meter>span:first-child{color:#888;font-size:.9rem;width:70px}.meter-bar{flex:1;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden}.meter-fill{height:100%;background:linear-gradient(90deg,#00d4d4,#0f8);border-radius:6px;transition:width 1s ease}.accuracy-value{color:#00d4d4;font-weight:600;width:50px;text-align:right}.tips-section{text-align:left;padding:1.5rem;background:#00d4d40d;border:1px solid rgba(0,212,212,.1);border-radius:12px;margin-bottom:2rem}.tips-section h4{color:#00d4d4;margin:0 0 1rem}.tips-section ul{margin:0;padding-left:1.25rem;color:#aaa}.tips-section li{margin-bottom:.5rem}.restart-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#00d4d4,#00a0a0);color:#000;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.restart-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d4d466}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#0a1a2a;border:1px solid rgba(0,212,212,.2);border-radius:16px;padding:2rem;max-width:450px;width:90%;position:relative}.modal h3{color:#00d4d4;margin:0 0 1rem;text-align:center}.modal p{color:#aaa;margin-bottom:1rem}.close-modal{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#666;cursor:pointer}.about-credits{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#555;font-size:.85rem}.stream-body::-webkit-scrollbar{width:6px}.stream-body::-webkit-scrollbar-track{background:#0000004d}.stream-body::-webkit-scrollbar-thumb{background:#00d4d44d;border-radius:3px}@media (max-width: 900px){.packet-container{padding:1rem}.stream-header,.packet-row{grid-template-columns:70px 60px 100px 100px 50px 1fr 80px;font-size:.75rem}.packet-ip{font-size:.7rem}.final-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.packet-header h1{font-size:1.1rem}.stream-header{display:none}.packet-row{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem}.packet-time{order:1;width:100%}.packet-protocol{order:2}.packet-ip{order:3}.packet-payload{order:4;width:100%}.packet-actions{order:5;width:100%;justify-content:flex-end}.game-hud{flex-wrap:wrap;gap:.75rem}.hud-center{order:-1;width:100%;justify-content:center}.accuracy-meter{flex-direction:column;gap:.5rem}.accuracy-meter>span:first-child,.accuracy-value{width:auto;text-align:center}}.snake-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0f0f1a);padding:20px;color:#fff;outline:none}.snake-container:focus{outline:none}.snake-header{display:flex;align-items:center;justify-content:space-between;max-width:900px;margin:0 auto 20px;padding-bottom:20px;border-bottom:1px solid rgba(16,185,129,.2)}.snake-header h1{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;text-decoration:none;font-size:.9rem;transition:all .3s ease}.back-button:hover{background:#ffffff1a;border-color:#10b9814d}.about-btn{padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.about-btn:hover{background:#ffffff1a;color:#10b981}.start-screen{max-width:600px;margin:0 auto;text-align:center;padding:40px 20px}.snake-logo{position:relative;display:inline-block;margin-bottom:30px}.logo-snake{display:flex;align-items:center;justify-content:center;gap:10px;font-size:4rem;animation:bounce 2s infinite ease-in-out}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;background:radial-gradient(circle,rgba(16,185,129,.3) 0%,transparent 70%);border-radius:50%;z-index:-1;animation:pulse 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.start-screen h2{font-size:2.5rem;font-weight:800;margin-bottom:10px;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.start-screen p{color:#888;font-size:1.1rem;margin-bottom:30px}.game-legend{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;margin-bottom:25px}.legend-section{margin-bottom:15px}.legend-section:last-child{margin-bottom:0}.legend-section h4{font-size:.85rem;color:#10b981;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.legend-items{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.legend-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border-radius:20px;font-size:.85rem}.legend-item.good{border:1px solid rgba(16,185,129,.3);color:#10b981}.legend-item.bad{border:1px solid rgba(239,68,68,.3);color:#ef4444}.legend-item.power{border:1px solid rgba(139,92,246,.3);color:#8b5cf6}.legend-icon{font-size:1.2rem}.controls-info{margin-bottom:25px}.controls-info h4{color:#666;font-size:.9rem;margin-bottom:10px}.keys{display:flex;align-items:center;justify-content:center;gap:10px;color:#888;font-size:.9rem;margin-bottom:5px}.keys span{background:#ffffff1a;padding:5px 12px;border-radius:6px;font-family:monospace;color:#fff;border:1px solid rgba(255,255,255,.2)}.start-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:30px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #10b9814d}.start-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #10b98166}.high-score-display{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;color:#f59e0b;font-weight:600}.game-area{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.game-hud{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#0000004d;border-radius:12px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.hud-left,.hud-right,.hud-center{display:flex;align-items:center;gap:15px}.life{color:#10b981;transition:all .3s ease}.life.lost{color:#333;opacity:.3}.level-display{display:flex;align-items:center;gap:6px;color:#f59e0b;font-weight:600}.score-display{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:20px;color:#10b981;font-weight:700;font-size:1.1rem}.pause-btn{padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.pause-btn:hover{background:#fff3}.power-up-active{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-size:1.2rem;animation:powerGlow 1s infinite}.power-up-active.vpn{background:#10b98133;border:1px solid #10b981}.power-up-active.firewall{background:#ef444433;border:1px solid #ef4444}.power-up-active.speedboost{background:#f59e0b33;border:1px solid #f59e0b}@keyframes powerGlow{0%,to{opacity:1}50%{opacity:.7}}.power-timer{width:50px;height:4px;background:#0000004d;border-radius:2px;overflow:hidden}.power-timer-bar{height:100%;background:#fff;transition:width .1s linear}.combo-display{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#f59e0b33;border:1px solid rgba(245,158,11,.5);border-radius:15px;color:#f59e0b;font-weight:600;font-size:.85rem;animation:comboPopIn .3s ease}@keyframes comboPopIn{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.game-board-container{position:relative;padding:10px;background:#00000080;border-radius:16px;border:2px solid rgba(16,185,129,.3);box-shadow:0 0 50px #10b9811a,inset 0 0 50px #00000080}.game-board{position:relative;background:linear-gradient(135deg,#0a0a0f,#111118);border-radius:8px;overflow:hidden}.game-board.power-vpn{box-shadow:inset 0 0 30px #10b9814d}.game-board.power-firewall{box-shadow:inset 0 0 30px #ef44444d}.game-board.power-speedboost{box-shadow:inset 0 0 30px #f59e0b4d}.grid-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(16,185,129,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.05) 1px,transparent 1px);background-size:25px 25px;pointer-events:none}.snake-segment{position:absolute;background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:left .05s linear,top .05s linear;box-shadow:0 0 10px #10b98180}.snake-segment.head{background:linear-gradient(135deg,#34d399,#10b981);border-radius:8px;z-index:100;box-shadow:0 0 15px #10b981cc}.snake-segment.shielded{background:linear-gradient(135deg,#10b981,#3b82f6);box-shadow:0 0 20px #3b82f6cc;animation:shieldPulse .5s infinite}.snake-segment.firewall-active{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 20px #ef4444cc}@keyframes shieldPulse{0%,to{box-shadow:0 0 15px #3b82f6cc}50%{box-shadow:0 0 25px #3b82f6}}.snake-face{font-size:14px;color:#fff;font-weight:700}.data-packet{position:absolute;display:flex;align-items:center;justify-content:center;font-size:18px;animation:dataFloat 2s infinite ease-in-out;filter:drop-shadow(0 0 8px var(--data-color))}@keyframes dataFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.1)}}.malware{position:absolute;display:flex;align-items:center;justify-content:center;font-size:18px;animation:malwarePulse 1s infinite ease-in-out;filter:drop-shadow(0 0 8px rgba(239,68,68,.8))}@keyframes malwarePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}.power-up{position:absolute;display:flex;align-items:center;justify-content:center;font-size:20px;animation:powerUpSpin 3s infinite linear;filter:drop-shadow(0 0 12px var(--power-color))}@keyframes powerUpSpin{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.pause-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;border-radius:8px}.pause-overlay h2{font-size:3rem;color:#10b981;margin-bottom:10px;animation:pausePulse 1.5s infinite}.pause-overlay p{color:#666;margin-bottom:20px}.pause-overlay button{display:flex;align-items:center;gap:8px;padding:12px 30px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:25px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer}@keyframes pausePulse{0%,to{opacity:1}50%{opacity:.5}}.game-stats-bar{display:flex;gap:30px;margin-top:20px;padding:15px 30px;background:#0000004d;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.2rem;font-weight:700;color:#10b981}.gameover-screen{max-width:600px;margin:0 auto;text-align:center;padding:40px 20px}.gameover-icon{color:#ef4444;margin-bottom:20px;animation:gameoverShake .5s ease}.gameover-screen h2:first-of-type+.gameover-icon{color:#f59e0b}@keyframes gameoverShake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}}.gameover-screen h2{font-size:2rem;margin-bottom:10px;color:#fff}.gameover-screen>p{color:#888;margin-bottom:30px}.final-score{background:linear-gradient(135deg,#10b98133,#3b82f633);border:2px solid rgba(16,185,129,.5);border-radius:16px;padding:20px 40px;display:inline-flex;flex-direction:column;align-items:center;margin-bottom:30px}.final-score span{color:#888;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.final-score strong{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:30px}.stat-box{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:15px;display:flex;flex-direction:column;align-items:center;gap:8px}.stat-box svg{color:#10b981}.stat-box span{font-size:.75rem;color:#666;text-transform:uppercase}.stat-box strong{font-size:1.5rem;font-weight:700;color:#fff}.tips-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:30px;text-align:left}.tips-section h4{color:#10b981;margin-bottom:15px;font-size:1rem}.tips-section ul{list-style:none;padding:0;margin:0}.tips-section li{color:#888;padding:8px 0 8px 20px;position:relative;font-size:.9rem}.tips-section li:before{content:"→";position:absolute;left:0;color:#10b981}.gameover-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.restart-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:25px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.restart-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #10b9814d}.back-to-challenges{display:inline-flex;align-items:center;padding:14px 30px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:25px;color:#fff;font-size:1rem;text-decoration:none;transition:all .3s ease}.back-to-challenges:hover{background:#ffffff1a;border-color:#ffffff4d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px;max-width:450px;width:100%;position:relative}.close-modal{position:absolute;top:15px;right:15px;background:none;border:none;color:#666;cursor:pointer;padding:5px;transition:color .3s ease}.close-modal:hover{color:#fff}.modal h3{font-size:1.5rem;color:#10b981;margin-bottom:15px}.modal h4{color:#fff;margin:20px 0 10px;font-size:1rem}.modal ul{list-style:none;padding:0}.modal li{color:#888;padding:8px 0;font-size:.9rem}.modal li strong{color:#fff}.about-credits{margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);color:#666;font-size:.85rem;text-align:center}@media (max-width: 768px){.snake-container{padding:15px}.snake-header h1{font-size:1.2rem}.start-screen h2{font-size:1.8rem}.logo-snake{font-size:3rem}.game-legend{padding:15px}.legend-items{gap:6px}.legend-item{padding:4px 8px;font-size:.75rem}.game-board-container{transform:scale(.8);transform-origin:top center}.game-hud{flex-wrap:wrap;gap:10px;padding:10px 15px}.final-stats{grid-template-columns:repeat(2,1fr)}.stat-box strong{font-size:1.2rem}.game-stats-bar{gap:15px;padding:10px 15px}}@media (max-width: 480px){.game-board-container{transform:scale(.65)}.gameover-actions{flex-direction:column}.restart-btn,.back-to-challenges{width:100%;justify-content:center}}.word-scramble-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0f0f1a);color:#fff;padding:20px;font-family:Segoe UI,system-ui,sans-serif;position:relative;overflow:hidden}.word-scramble-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,255,136,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,200,255,.05) 0%,transparent 50%);pointer-events:none}.word-scramble-header{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto 30px;position:relative;z-index:10}.word-scramble-header h1{display:flex;align-items:center;gap:12px;font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#0f8,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.title-icon{color:#0f8}.back-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;text-decoration:none;font-size:.9rem;transition:all .3s ease}.back-button:hover{background:#ffffff1a;border-color:#0f8;color:#0f8}.about-button{padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease}.about-button:hover{background:#ffffff1a;border-color:#00d4ff;color:#00d4ff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.modal-content{background:linear-gradient(145deg,#1a1a2e,#0f0f1a);border:1px solid rgba(0,255,136,.2);border-radius:24px;padding:30px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:15px;right:15px;background:none;border:none;color:#888;cursor:pointer;padding:5px;transition:color .3s}.modal-close:hover{color:#f44}.modal-content h2{display:flex;align-items:center;gap:10px;color:#0f8;margin-bottom:20px}.modal-body p{color:#aaa;line-height:1.6;margin-bottom:15px}.modal-body ul{list-style:none;padding:0;margin-bottom:20px}.modal-body li{padding:8px 0 8px 20px;position:relative;color:#ccc}.modal-body li:before{content:"▸";position:absolute;left:0;color:#0f8}.modal-body h3{color:#00d4ff;margin:20px 0 10px;font-size:1rem}.start-screen{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 150px);position:relative;z-index:10}.start-content{text-align:center;max-width:500px}.game-logo{width:120px;height:120px;margin:0 auto 24px;background:linear-gradient(135deg,#0f83,#00d4ff33);border-radius:30px;display:flex;align-items:center;justify-content:center;color:#0f8;border:2px solid rgba(0,255,136,.3);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #0f83}50%{transform:scale(1.05);box-shadow:0 0 40px #0f86}}.start-content h2{font-size:2rem;margin-bottom:12px;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.start-content>p{color:#888;margin-bottom:30px;font-size:1.1rem}.settings-section{margin-bottom:25px}.settings-section h3{color:#00d4ff;margin-bottom:12px;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.difficulty-selector{display:flex;gap:10px;justify-content:center}.difficulty-btn{padding:12px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#aaa;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:4px}.difficulty-btn .diff-time{font-size:.75rem;color:#666}.difficulty-btn:hover{background:#ffffff1a;border-color:#fff3}.difficulty-btn.active{background:linear-gradient(135deg,#0f83,#00d4ff33);border-color:#0f8;color:#fff}.difficulty-btn.active .diff-time{color:#0f8}.category-selector{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.category-btn{padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#aaa;cursor:pointer;transition:all .3s ease;font-size:.9rem}.category-btn:hover{background:#ffffff1a}.category-btn.active{background:linear-gradient(135deg,#00d4ff33,#8a2be233);border-color:#00d4ff;color:#fff}.high-score-display{display:flex;align-items:center;justify-content:center;gap:8px;color:gold;margin-bottom:20px;padding:10px 20px;background:#ffd7001a;border-radius:12px;border:1px solid rgba(255,215,0,.2)}.start-button{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:linear-gradient(135deg,#0f8,#00d4ff);border:none;border-radius:14px;color:#0a0a0f;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.start-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00ff884d}.game-screen{max-width:700px;margin:0 auto;position:relative;z-index:10}.game-stats{display:flex;justify-content:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-weight:600}.stat svg{color:#0f8}.stat.timer{background:#00d4ff1a;border-color:#00d4ff4d}.stat.timer svg{color:#00d4ff}.stat.timer.warning{background:#f443;border-color:#f446;animation:timerPulse .5s ease-in-out infinite}.stat.timer.warning svg{color:#f44}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.word-category{display:flex;justify-content:center;gap:15px;margin-bottom:25px}.category-badge{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#8a2be233;border:1px solid rgba(138,43,226,.3);border-radius:20px;color:#d8b4fe;font-size:.85rem;text-transform:capitalize}.points-badge{padding:8px 16px;background:#ffd70026;border:1px solid rgba(255,215,0,.3);border-radius:20px;color:gold;font-size:.85rem;font-weight:600}.scrambled-word{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:25px;padding:30px;background:#ffffff05;border-radius:20px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.scrambled-word.correct{background:#00ff881a;border-color:#00ff884d}.scrambled-word.wrong{background:#ff44441a;border-color:#ff44444d;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.letter-tile{display:flex;align-items:center;justify-content:center;width:55px;height:65px;background:linear-gradient(145deg,#2a2a3e,#1a1a2e);border:2px solid rgba(0,255,136,.3);border-radius:12px;font-size:1.8rem;font-weight:700;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5);transition:all .3s ease}.letter-tile:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0f83}.revealed-letters{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;color:#888}.reveal-letter{display:inline-flex;align-items:center;justify-content:center;width:28px;height:35px;background:#ffffff0d;border-radius:6px;font-family:monospace;font-size:1.2rem}.reveal-letter.revealed{background:#00d4ff33;color:#00d4ff;border:1px solid rgba(0,212,255,.3)}.reveal-letter.hidden{color:#444}.hint-display{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 25px;background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border:1px solid rgba(255,215,0,.2);border-radius:12px;color:gold;margin-bottom:25px;font-style:italic}.input-section{display:flex;gap:12px;margin-bottom:25px;justify-content:center}.answer-input{flex:1;max-width:400px;padding:16px 24px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:1.2rem;font-weight:600;letter-spacing:2px;text-align:center;text-transform:uppercase;transition:all .3s ease}.answer-input:focus{outline:none;border-color:#0f8;box-shadow:0 0 20px #0f83}.answer-input.correct{border-color:#0f8;background:#00ff881a}.answer-input.wrong{border-color:#f44;background:#ff44441a}.answer-input::placeholder{color:#555;letter-spacing:0;text-transform:none}.submit-btn{display:flex;align-items:center;gap:8px;padding:16px 28px;background:linear-gradient(135deg,#0f8,#00d4ff);border:none;border-radius:14px;color:#0a0a0f;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #00ff884d}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.action-buttons{display:flex;justify-content:center;gap:12px;margin-bottom:25px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#aaa;font-size:.85rem;cursor:pointer;transition:all .3s ease}.action-btn.hint-btn:hover:not(:disabled){border-color:gold;color:gold}.action-btn.reveal-btn:hover:not(:disabled){border-color:#00d4ff;color:#00d4ff}.action-btn.shuffle-btn:hover:not(:disabled){border-color:#0f8;color:#0f8}.action-btn.skip-btn:hover:not(:disabled){border-color:#f44;color:#f44}.progress-section{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.words-completed{color:#888;font-size:.9rem}.streak-banner{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#ffa50033,#ff450033);border:1px solid rgba(255,165,0,.3);border-radius:20px;color:orange;font-size:.85rem;font-weight:600;animation:streakPulse 1s ease-in-out infinite}@keyframes streakPulse{0%,to{box-shadow:0 0 10px #ffa50033}50%{box-shadow:0 0 20px #ffa50066}}.gameover-screen{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 150px);position:relative;z-index:10}.gameover-content{text-align:center;max-width:500px;padding:40px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:24px}.gameover-icon{width:100px;height:100px;margin:0 auto 20px;background:linear-gradient(135deg,#ffd70033,#ffa50033);border-radius:50%;display:flex;align-items:center;justify-content:center;color:gold}.gameover-content h2{font-size:1.8rem;margin-bottom:30px;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:25px}.final-stat{display:flex;flex-direction:column;align-items:center;gap:5px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px}.final-stat svg{color:#0f8}.stat-value{font-size:1.8rem;font-weight:700;color:#fff}.stat-label{font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:1px}.new-record{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ffd70033,#ffa50033);border:1px solid rgba(255,215,0,.3);border-radius:12px;color:gold;margin-bottom:25px;font-weight:600}.play-again-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#0f8,#00d4ff);border:none;border-radius:14px;color:#0a0a0f;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00ff884d}.back-to-menu-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#aaa;font-size:1rem;text-decoration:none;transition:all .3s ease}.back-to-menu-btn:hover{background:#ffffff1a;color:#fff}@media (max-width: 600px){.word-scramble-header h1{font-size:1.3rem}.letter-tile{width:42px;height:52px;font-size:1.4rem}.game-stats{gap:10px}.stat{padding:8px 14px;font-size:.9rem}.input-section{flex-direction:column;align-items:stretch}.answer-input{max-width:100%}.action-buttons{gap:8px}.action-btn{padding:8px 12px;font-size:.8rem}.action-btn span{display:none}.difficulty-selector{flex-direction:column}.final-stats{grid-template-columns:repeat(2,1fr)}}.simon-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0f0f1a);color:#fff;padding:20px;position:relative;overflow:hidden}.simon-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(16,185,129,.1) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0%,transparent 40%);pointer-events:none}.simon-header{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto 30px;position:relative;z-index:10}.simon-header h1{font-size:1.8rem;font-weight:700;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;text-decoration:none;font-size:.9rem;transition:all .3s ease}.back-button:hover{background:#ffffff1a;transform:translate(-3px)}.about-btn{width:44px;height:44px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.about-btn:hover{background:#ffffff1a;transform:rotate(15deg)}.start-screen{max-width:600px;margin:0 auto;text-align:center;position:relative;z-index:10}.simon-logo{position:relative;margin-bottom:30px}.logo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:140px;margin:0 auto}.logo-cell{width:60px;height:60px;border-radius:15px;background:var(--cell-color);display:flex;align-items:center;justify-content:center;color:#fff;animation:logoPulse 2s ease-in-out infinite}.logo-cell:nth-child(1){animation-delay:0s}.logo-cell:nth-child(2){animation-delay:.5s}.logo-cell:nth-child(3){animation-delay:1s}.logo-cell:nth-child(4){animation-delay:1.5s}@keyframes logoPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.logo-glow{position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(16,185,129,.3) 0%,transparent 70%);pointer-events:none;z-index:-1}.start-screen h2{font-size:2rem;margin-bottom:10px;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.start-screen p{color:#888;margin-bottom:30px;font-size:1.1rem}.difficulty-selector{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;margin-bottom:25px}.difficulty-selector>span{display:block;color:#888;margin-bottom:15px;font-size:.9rem}.difficulty-options{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.diff-btn{padding:12px 20px;border:2px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff08;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:90px}.diff-btn:hover{border-color:#10b98180;background:#10b9811a}.diff-btn.active{border-color:#10b981;background:#10b98133}.diff-info{font-size:.75rem;color:#888}.game-features{display:flex;justify-content:center;gap:30px;margin-bottom:25px}.feature{display:flex;flex-direction:column;align-items:center;gap:8px;color:#888;font-size:.85rem}.actions-preview{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;margin-bottom:25px}.actions-preview h4{color:#888;margin-bottom:15px;font-size:.9rem;font-weight:500}.actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.action-preview{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 8px;background:#ffffff08;border-radius:10px;font-size:.7rem;color:#888;border:1px solid rgba(255,255,255,.05)}.action-preview svg{color:var(--action-color)}.sound-toggle{margin-bottom:25px}.sound-toggle button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#888;cursor:pointer;margin:0 auto;transition:all .3s ease}.sound-toggle button:hover{background:#ffffff1a;color:#fff}.start-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:300px;margin:0 auto 20px;padding:16px 32px;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #10b9814d}.high-score-display{display:flex;align-items:center;justify-content:center;gap:8px;color:#f59e0b;font-weight:600}.game-area{max-width:700px;margin:0 auto;position:relative;z-index:10}.game-hud{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:15px 20px;margin-bottom:20px}.hud-left,.hud-right{display:flex;align-items:center;gap:15px}.lives-display{display:flex;gap:5px}.life.active{color:#ef4444;animation:heartbeat 1s ease-in-out infinite}.life.lost{color:#333}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.level-display{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#8b5cf633;border-radius:8px;font-size:.9rem;color:#a78bfa}.hud-center{display:flex;flex-direction:column;align-items:center;gap:5px}.game-status{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500}.game-status.watching{background:#f59e0b33;color:#fbbf24}.game-status.playing{background:#10b98133;color:#34d399}.game-status .pulse{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.streak-display{display:flex;align-items:center;gap:5px;font-size:.8rem;color:#f59e0b;animation:streakGlow .5s ease-out}@keyframes streakGlow{0%{transform:scale(1.3)}to{transform:scale(1)}}.score-display{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f59e0b33;border-radius:8px;font-size:.9rem;color:#fbbf24;font-weight:600}.sound-btn{width:36px;height:36px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.sound-btn:hover{background:#ffffff1a;color:#fff}.sequence-progress{display:flex;align-items:center;gap:15px;margin-bottom:25px}.progress-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width .3s ease}.progress-text{font-size:.85rem;color:#888;min-width:50px;text-align:right}.simon-board{display:flex;justify-content:center;align-items:center;padding:40px 20px}.actions-circle{position:relative;width:350px;height:350px;display:flex;align-items:center;justify-content:center}.simon-button{position:absolute;width:90px;height:90px;border-radius:50%;background:var(--button-color);border:3px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:all .2s ease;opacity:.6;box-shadow:0 4px 15px #0000004d}.simon-button:hover:not(:disabled){opacity:.9;transform:translate(var(--tx, 0),var(--ty, 0)) scale(1.1)}.simon-button.active{opacity:1;transform:translate(var(--tx, 0),var(--ty, 0)) scale(1.15);box-shadow:0 0 30px var(--button-color),0 0 60px var(--button-color);border-color:#fff}.simon-button.watching{cursor:not-allowed}.simon-button:disabled:not(.active){opacity:.4;cursor:not-allowed}.button-label{font-size:.6rem;text-align:center;line-height:1.2;max-width:70px;font-weight:500}.center-display{width:100px;height:100px;border-radius:50%;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center}.sequence-count{font-size:2rem;font-weight:700;color:#fff}.sequence-label{font-size:.7rem;color:#888;text-transform:uppercase}.power-ups-bar{display:flex;justify-content:center;gap:15px;margin-top:20px}.power-up-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#888;cursor:pointer;transition:all .3s ease}.power-up-btn:hover:not(:disabled){background:#8b5cf633;border-color:#8b5cf6;color:#a78bfa}.power-up-btn:disabled,.power-up-btn.disabled{opacity:.4;cursor:not-allowed}.power-up-btn.active{background:#10b98133;border-color:#10b981;color:#34d399}.hint-indicator{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px;padding:10px 20px;background:#f59e0b33;border-radius:10px;color:#fbbf24;font-size:.9rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gameover-screen{max-width:550px;margin:0 auto;text-align:center;position:relative;z-index:10}.gameover-icon{margin-bottom:20px}.gameover-icon .trophy-icon{color:#f59e0b;animation:bounce .5s ease}.gameover-icon .shield-icon{color:#6b7280}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.gameover-screen h2{font-size:2rem;margin-bottom:10px;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gameover-screen>p{color:#888;margin-bottom:25px}.rank-display{display:inline-flex;flex-direction:column;align-items:center;gap:5px;padding:15px 30px;background:#ffffff08;border:2px solid;border-radius:16px;margin-bottom:25px}.rank-icon{font-size:2rem}.rank-name{font-size:1.1rem;font-weight:600}.final-score{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:16px;padding:20px;margin-bottom:25px}.final-score span{display:block;color:#888;font-size:.9rem;margin-bottom:5px}.final-score strong{font-size:3rem;font-weight:700;color:#10b981}.final-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:25px}.stat-box{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:15px 10px;display:flex;flex-direction:column;align-items:center;gap:5px}.stat-box svg{color:#888}.stat-box span{font-size:.7rem;color:#666}.stat-box strong{font-size:1.3rem;color:#fff}.security-tips{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:16px;padding:20px;margin-bottom:25px;text-align:left}.security-tips h4{color:#60a5fa;margin-bottom:12px;font-size:.95rem}.security-tips ul{list-style:none;padding:0;margin:0}.security-tips li{color:#888;font-size:.85rem;padding:6px 0 6px 20px;position:relative}.security-tips li:before{content:"✓";position:absolute;left:0;color:#10b981}.gameover-actions{display:flex;flex-direction:column;gap:12px}.restart-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.back-to-challenges{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;font-size:.95rem;color:#888;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;text-decoration:none;transition:all .3s ease}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;max-width:450px;width:100%;position:relative;max-height:80vh;overflow-y:auto}.close-modal{position:absolute;top:15px;right:15px;width:36px;height:36px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-modal:hover{background:#ef444433;color:#ef4444}.modal h3{font-size:1.5rem;margin-bottom:15px;color:#fff}.modal p{color:#888;line-height:1.6;margin-bottom:15px}.modal h4{color:#10b981;margin:20px 0 10px;font-size:1rem}.modal ul{list-style:none;padding:0;margin:0}.modal li{color:#888;font-size:.9rem;padding:8px 0 8px 20px;position:relative}.modal li:before{content:"•";position:absolute;left:0;color:#10b981}.about-credits{margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#666;font-size:.85rem}@media (max-width: 768px){.simon-header h1{font-size:1.3rem}.actions-circle{width:300px;height:300px}.simon-button{width:70px;height:70px}.simon-button svg{width:22px;height:22px}.button-label{font-size:.5rem}.center-display{width:80px;height:80px}.sequence-count{font-size:1.5rem}.actions-grid,.final-stats{grid-template-columns:repeat(2,1fr)}.difficulty-options{flex-direction:column}.diff-btn{width:100%}.game-features{flex-wrap:wrap;gap:15px}}@media (max-width: 480px){.simon-container{padding:15px}.actions-circle{width:260px;height:260px}.simon-button{width:60px;height:60px}.simon-button svg{width:18px;height:18px}.button-label{display:none}.game-hud{flex-wrap:wrap;gap:10px}.hud-center{order:-1;width:100%}.power-ups-bar{flex-direction:column}.power-up-btn{justify-content:center}}.court-container{min-height:100vh;background:linear-gradient(180deg,#0a0a12,#12121f,#0a0a12);padding:1rem;font-family:Segoe UI,system-ui,sans-serif}.court-header{display:flex;align-items:center;justify-content:space-between;max-width:900px;margin:0 auto 1.5rem;padding:0 1rem}.court-header h1{display:flex;align-items:center;gap:.5rem;color:#f1f5f9;font-size:1.4rem;font-weight:600}.court-header h1 svg{color:#d4af37}.back-button{display:flex;align-items:center;gap:.5rem;color:#64748b;text-decoration:none;font-size:.9rem;padding:.5rem 1rem;border-radius:8px;transition:all .2s}.back-button:hover{color:#f1f5f9;background:#ffffff0d}.about-btn{background:#ffffff0d;border:none;color:#64748b;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s}.about-btn:hover{color:#f1f5f9;background:#ffffff1a}.start-screen{max-width:680px;margin:0 auto;padding:2rem 1rem;animation:fadeSlideIn .5s ease;display:flex;flex-direction:column;align-items:center}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.court-logo{text-align:center;margin-bottom:1.5rem}.gavel-icon{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:linear-gradient(135deg,#d4af37,#aa8a2e);border-radius:50%;color:#0a0a12;box-shadow:0 10px 40px #d4af374d;position:relative}.gavel-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:2px solid rgba(212,175,55,.3);border-radius:50%}.logo-glow{display:none}.start-screen h2{color:#f1f5f9;font-size:2.2rem;font-weight:700;text-align:center;margin-bottom:.5rem;letter-spacing:-.02em;width:100%}.start-screen>p{color:#64748b;font-size:1.1rem;text-align:center;margin-bottom:2rem;width:100%}.game-intro{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;width:100%}.intro-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease}.intro-card:hover{background:#ffffff0d;border-color:#d4af3733;transform:translateY(-4px)}.intro-card svg{color:#d4af37;margin-bottom:1rem;opacity:.9}.intro-card h4{color:#f1f5f9;font-size:.95rem;font-weight:600;margin-bottom:.4rem}.intro-card p{color:#64748b;font-size:.85rem;line-height:1.4}.case-preview{background:linear-gradient(135deg,#d4af3714,#d4af3705);border:1px solid rgba(212,175,55,.15);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;text-align:center;width:100%}.case-preview h4{color:#d4af37;font-size:1rem;font-weight:600;margin-bottom:.3rem}.case-preview p{color:#94a3b8;font-size:.9rem}.start-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;background:linear-gradient(135deg,#d4af37,#b8960f);color:#0a0a12;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #d4af3740}.start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d4af3759}.start-btn:active{transform:translateY(0)}.case-screen{max-width:720px;margin:0 auto;animation:fadeSlideIn .4s ease}.case-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.75rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px}.case-number{color:#94a3b8;font-size:.9rem;font-weight:500}.score-display{display:flex;align-items:center;gap:.4rem;color:#d4af37;font-weight:600;font-size:1rem}.case-intro{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:2rem}.case-title-card{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.case-icon{color:#ef4444;margin-bottom:1rem}.case-title-card h2{color:#f1f5f9;font-size:1.6rem;font-weight:600}.defendant-info{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;background:#ffffff08;border-radius:12px;margin-bottom:1.5rem}.defendant-info svg{color:#64748b;flex-shrink:0}.defendant-details h3{color:#f1f5f9;font-size:1.15rem;font-weight:600;margin-bottom:.2rem}.defendant-details .role{color:#64748b;font-size:.9rem}.incident-summary{background:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:2rem}.incident-summary h4{color:#f87171;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.incident-summary p{color:#e2e8f0;font-size:1rem;line-height:1.7}.continue-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:1rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f64d}.continue-btn.verdict-btn{background:linear-gradient(135deg,#d4af37,#b8960f);color:#0a0a12}.continue-btn.verdict-btn:hover{box-shadow:0 6px 20px #d4af374d}.argument-section{background:#ffffff05;border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.06)}.argument-section.prosecution{border-color:#ef444433}.argument-section.defense{border-color:#10b98133}.attorney-info{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.attorney-avatar{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%}.attorney-avatar.prosecution{background:#ef44441a;color:#f87171}.attorney-avatar.defense{background:#10b9811a;color:#34d399}.side-label{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.1em;padding:.2rem .6rem;border-radius:4px;margin-bottom:.3rem}.prosecution .side-label{background:#ef444426;color:#f87171}.defense .side-label{background:#10b98126;color:#34d399}.attorney-details h3{color:#f1f5f9;font-size:1.05rem;font-weight:600}.argument-content{margin-bottom:1.5rem}.speech-bubble{background:#ffffff08;border-radius:16px;padding:1.5rem;border-left:3px solid}.prosecution .speech-bubble{border-left-color:#ef4444}.defense .speech-bubble{border-left-color:#10b981}.speech-bubble p{color:#cbd5e1;line-height:1.8;font-size:1rem;font-style:italic}.evidence-preview{background:#0003;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.evidence-preview h4{color:#64748b;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.evidence-preview ul{list-style:none;padding:0;margin:0}.evidence-preview li{display:flex;align-items:flex-start;gap:.6rem;color:#94a3b8;padding:.5rem 0;font-size:.9rem;line-height:1.4}.evidence-preview li svg{color:#475569;flex-shrink:0;margin-top:2px}.evidence-review{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:2rem}.evidence-review h2{color:#f1f5f9;text-align:center;font-size:1.4rem;font-weight:600;margin-bottom:2rem}.evidence-columns{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;margin-bottom:2rem}.evidence-column{background:#0003;border-radius:16px;padding:1.25rem}.evidence-column.prosecution{border:1px solid rgba(239,68,68,.2)}.evidence-column.defense{border:1px solid rgba(16,185,129,.2)}.evidence-column h3{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.06)}.evidence-column.prosecution h3{color:#f87171}.evidence-column.defense h3{color:#34d399}.evidence-column ul{list-style:none;padding:0;margin:0}.evidence-column li{color:#94a3b8;padding:.4rem 0;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.03)}.evidence-column li:last-child{border-bottom:none}.key-argument{background:#ffffff08;border-radius:8px;padding:.75rem;margin-top:1rem}.key-argument strong{display:block;color:#64748b;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.key-argument p{color:#94a3b8;font-size:.8rem;line-height:1.5;font-style:italic}.vs-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#475569;padding:0 .5rem}.vs-divider svg{color:#d4af37;margin-bottom:.5rem}.vs-divider span{font-weight:700;font-size:.9rem;color:#64748b}.verdict-section{max-width:600px;margin:0 auto}.judge-prompt{text-align:center;background:linear-gradient(135deg,#d4af3714,#d4af3705);border:1px solid rgba(212,175,55,.15);border-radius:20px;padding:2.5rem 2rem;margin-bottom:2rem}.judge-prompt svg{color:#d4af37;margin-bottom:1rem}.judge-prompt h2{color:#f1f5f9;font-size:1.4rem;font-weight:600;margin-bottom:.5rem}.judge-prompt p{color:#94a3b8;font-size:1rem}.judge-prompt strong{color:#f1f5f9}.verdict-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.verdict-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1.5rem;border-radius:16px;border:2px solid;cursor:pointer;transition:all .3s ease;background:transparent}.verdict-btn.guilty{border-color:#ef44444d;color:#f87171}.verdict-btn.guilty:hover{background:#ef44441a;border-color:#ef4444;transform:translateY(-4px);box-shadow:0 8px 30px #ef444433}.verdict-btn.not-guilty{border-color:#10b9814d;color:#34d399}.verdict-btn.not-guilty:hover{background:#10b9811a;border-color:#10b981;transform:translateY(-4px);box-shadow:0 8px 30px #10b98133}.verdict-btn span{font-size:1.3rem;font-weight:700}.verdict-btn p{font-size:.85rem;opacity:.7;margin:0}.verdict-reminder{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#475569;font-size:.85rem;text-align:center}.result-section{max-width:640px;margin:0 auto;animation:fadeSlideIn .4s ease}.verdict-result{text-align:center;padding:2.5rem 2rem;border-radius:20px;margin-bottom:1.5rem}.verdict-result.correct{background:linear-gradient(135deg,#10b9811a,#10b98105);border:1px solid rgba(16,185,129,.2)}.verdict-result.correct svg{color:#10b981}.verdict-result.incorrect{background:linear-gradient(135deg,#ef44441a,#ef444405);border:1px solid rgba(239,68,68,.2)}.verdict-result.incorrect svg{color:#ef4444}.verdict-result h2{color:#f1f5f9;font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem}.verdict-result p{color:#94a3b8}.points-earned{display:inline-block;background:#10b98126;color:#34d399;padding:.5rem 1.25rem;border-radius:20px;font-weight:600;margin-top:1rem;font-size:.95rem}.explanation-section{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.explanation-section h3{color:#f1f5f9;font-size:1rem;font-weight:600;margin-bottom:1rem}.explanation-section>p{color:#cbd5e1;line-height:1.8;margin-bottom:1.25rem;font-size:.95rem}.policy-reference{display:flex;gap:1rem;background:#3b82f614;border:1px solid rgba(59,130,246,.15);border-radius:12px;padding:1rem 1.25rem}.policy-reference svg{color:#60a5fa;flex-shrink:0;margin-top:.1rem}.policy-reference strong{display:block;color:#60a5fa;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.policy-reference p{color:#94a3b8;font-size:.9rem;line-height:1.6;margin:0}.gameover-screen{max-width:580px;margin:0 auto;padding:1rem;animation:fadeSlideIn .5s ease}.gameover-icon{text-align:center;margin-bottom:1rem}.gameover-icon svg{color:#d4af37;filter:drop-shadow(0 4px 20px rgba(212,175,55,.4))}.gameover-screen h2{color:#f1f5f9;font-size:1.8rem;font-weight:600;text-align:center;margin-bottom:.3rem}.gameover-screen>p{color:#64748b;text-align:center;margin-bottom:1.5rem}.rank-display{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:linear-gradient(135deg,#d4af371a,#d4af3708);border:1px solid rgba(212,175,55,.2);border-radius:16px;padding:1.5rem 2rem;margin:0 auto 1.5rem;width:fit-content;min-width:200px}.rank-icon{font-size:2.5rem}.rank-title{color:#d4af37;font-size:1.2rem;font-weight:600}.final-score{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.25rem;margin-bottom:1.25rem;text-align:center}.final-score span{display:block;color:#64748b;font-size:.85rem;margin-bottom:.25rem}.final-score strong{font-size:2.5rem;font-weight:700;color:#d4af37}.final-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}.stat-box{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem .75rem;text-align:center}.stat-box svg{color:#d4af37;margin-bottom:.5rem}.stat-box span{display:block;color:#64748b;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat-box strong{color:#f1f5f9;font-size:1.25rem;font-weight:600}.cases-summary{margin-bottom:1.25rem}.cases-summary h4{color:#64748b;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:.75rem}.cases-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.case-result-item{display:flex;align-items:center;gap:.25rem;padding:.35rem .6rem;border-radius:6px;font-size:.8rem;font-weight:500}.case-result-item.correct{background:#10b98126;color:#34d399}.case-result-item.incorrect{background:#ef444426;color:#f87171}.key-learnings{background:#d4af370d;border:1px solid rgba(212,175,55,.1);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.key-learnings h4{color:#d4af37;font-size:.85rem;font-weight:600;margin-bottom:.75rem}.key-learnings ul{list-style:none;padding:0;margin:0}.key-learnings li{color:#94a3b8;padding:.35rem 0 .35rem 1.5rem;position:relative;font-size:.9rem;line-height:1.4}.key-learnings li:before{content:"•";position:absolute;left:.5rem;color:#d4af37}.gameover-actions{display:flex;gap:.75rem}.restart-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#d4af37,#b8960f);color:#0a0a12;border:none;padding:.875rem 1.25rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.restart-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #d4af374d}.back-link{flex:1;display:flex;align-items:center;justify-content:center;color:#94a3b8;text-decoration:none;padding:.875rem 1.25rem;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.95rem;transition:all .2s ease}.back-link:hover{background:#ffffff0d;color:#f1f5f9}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#14141f;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem;max-width:460px;width:100%;position:relative;max-height:85vh;overflow-y:auto}.close-modal{position:absolute;top:1rem;right:1rem;background:#ffffff0d;border:none;color:#64748b;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s}.close-modal:hover{background:#ffffff1a;color:#f1f5f9}.modal h3{color:#f1f5f9;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.modal p{color:#94a3b8;line-height:1.6;margin-bottom:1rem;font-size:.95rem}.modal h4{color:#f1f5f9;font-size:.95rem;font-weight:600;margin:1.25rem 0 .5rem}.modal ul{color:#94a3b8;padding-left:1.25rem;margin-bottom:.75rem}.modal li{margin-bottom:.4rem;line-height:1.5;font-size:.9rem}.about-credits{text-align:center;color:#475569;font-size:.8rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}@media (max-width: 768px){.evidence-columns{grid-template-columns:1fr;gap:1rem}.vs-divider{flex-direction:row;padding:.75rem 0}.vs-divider svg{margin-bottom:0;margin-right:.5rem}.verdict-options{grid-template-columns:1fr}.game-intro{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.court-container{padding:.75rem}.court-header h1{font-size:1.1rem}.start-screen h2{font-size:1.6rem}.gavel-icon{width:80px;height:80px}.game-intro{grid-template-columns:1fr 1fr;gap:.75rem}.intro-card{padding:1rem}.intro-card svg{width:24px;height:24px}.intro-card h4{font-size:.85rem}.intro-card p{font-size:.75rem}.case-intro,.argument-section,.evidence-review{padding:1.5rem;border-radius:16px}.defendant-info{flex-direction:column;text-align:center;gap:.75rem}.final-stats{grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-box{padding:.75rem .5rem}.stat-box span{font-size:.65rem}.stat-box strong{font-size:1.1rem}.gameover-actions{flex-direction:column}}.crossword-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0f0f1a);color:#fff;padding:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.crossword-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#ffffff08;border-radius:12px;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.05)}.crossword-header h1{display:flex;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#9ca3af;text-decoration:none;font-size:.9rem;transition:all .2s}.back-button:hover{background:#ffffff1a;color:#fff}.about-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#9ca3af;cursor:pointer;transition:all .2s}.about-btn:hover{background:#ffffff1a;color:#fff}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.crossword-logo{position:relative;margin-bottom:2rem}.crossword-logo svg{color:#10b981;filter:drop-shadow(0 0 30px rgba(16,185,129,.4))}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(16,185,129,.2) 0%,transparent 70%);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.start-screen h2{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.start-screen p{color:#9ca3af;font-size:1.1rem;margin-bottom:2rem}.difficulty-selector{margin-bottom:2rem}.difficulty-selector>span{display:block;color:#9ca3af;margin-bottom:1rem;font-size:.9rem}.difficulty-options{display:flex;gap:1rem}.diff-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem 1.5rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#9ca3af;cursor:pointer;transition:all .3s;min-width:100px}.diff-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.diff-btn.active{background:linear-gradient(135deg,#10b98133,#3b82f633);border-color:#10b981;color:#fff}.diff-info{font-size:.75rem;color:#6b7280}.diff-btn.active .diff-info{color:#10b981}.game-features{display:flex;gap:2rem;margin-bottom:2rem}.feature{display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.9rem}.feature svg{color:#10b981}.player-stats{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1rem 1.5rem;margin-bottom:2rem}.player-stats h4{color:#9ca3af;font-size:.85rem;margin-bottom:.75rem}.stats-grid{display:flex;gap:2rem}.stat-item{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.9rem}.stat-item svg{color:#f59e0b}.start-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #10b9814d}.start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #10b98166}.game-area{animation:fadeIn .3s ease}.game-hud{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ffffff08;border-radius:12px;margin-bottom:1rem;border:1px solid rgba(255,255,255,.05)}.hud-left,.hud-right{display:flex;align-items:center;gap:1rem}.hud-center{display:flex;align-items:center;gap:1.5rem}.puzzle-name{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:600}.puzzle-name svg{color:#f59e0b}.difficulty-badge{padding:.25rem .75rem;background:#10b98133;border-radius:20px;color:#10b981;font-size:.75rem;text-transform:uppercase;font-weight:600}.timer-display,.progress-display,.hints-display{display:flex;align-items:center;gap:.4rem;color:#9ca3af;font-size:.9rem}.timer-display svg{color:#3b82f6}.hints-display svg{color:#f59e0b}.game-content{display:grid;grid-template-columns:auto 320px;gap:1.5rem;align-items:start}@media (max-width: 1024px){.game-content{grid-template-columns:1fr}}.grid-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.crossword-grid{display:grid;gap:2px;background:#ffffff1a;padding:3px;border-radius:8px;box-shadow:0 4px 20px #0000004d}.grid-cell{position:relative;width:36px;height:36px;background:#1a1a2e;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.grid-cell.blocked{background:#0a0a0f;cursor:default}.grid-cell.selected{background:#3b82f6;box-shadow:0 0 0 2px #3b82f6;z-index:2}.grid-cell.in-word{background:#3b82f64d}.grid-cell.revealed{background:#10b98133}.grid-cell.revealed .cell-input{color:#10b981}.grid-cell.wrong{background:#ef44444d;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.grid-cell.wrong .cell-input{color:#ef4444}.cell-number{position:absolute;top:2px;left:3px;font-size:9px;color:#9ca3af;font-weight:600;pointer-events:none}.cell-input{width:100%;height:100%;background:transparent;border:none;text-align:center;font-size:18px;font-weight:700;color:#fff;text-transform:uppercase;caret-color:#3b82f6;outline:none}.cell-input:focus{outline:none}.grid-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.action-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#9ca3af;font-size:.85rem;cursor:pointer;transition:all .2s}.action-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn.hint-btn svg{color:#f59e0b}.action-btn.reveal-btn svg{color:#8b5cf6}.action-btn.check-btn svg{color:#10b981}.action-btn.clear-btn svg{color:#ef4444}.clues-section{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden;max-height:600px}.toggle-clues-btn{display:none;width:100%;padding:.75rem;background:#ffffff0d;border:none;color:#9ca3af;font-size:.9rem;cursor:pointer}@media (max-width: 1024px){.toggle-clues-btn{display:block}.clues-section.hidden .clues-panels{display:none}}.clues-panels{display:flex;flex-direction:column;max-height:560px;overflow-y:auto}.clues-panel{padding:1rem}.clues-panel h3{font-size:.9rem;color:#10b981;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.clues-list{display:flex;flex-direction:column;gap:.5rem}.clue-item{display:flex;align-items:flex-start;gap:.5rem;padding:.6rem .75rem;background:#ffffff05;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid transparent}.clue-item:hover{background:#ffffff0d}.clue-item.selected{background:#3b82f626;border-color:#3b82f64d}.clue-item.completed{opacity:.6}.clue-item.completed .clue-text{text-decoration:line-through}.clue-number{color:#10b981;font-weight:700;font-size:.85rem;min-width:24px}.clue-text{color:#d1d5db;font-size:.85rem;line-height:1.4;flex:1}.clue-check{color:#10b981;flex-shrink:0}.current-clue-bar{position:fixed;bottom:0;left:0;right:0;padding:1rem 1.5rem;background:linear-gradient(135deg,#3b82f6e6,#10b981e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:1rem;z-index:100}.clue-direction{font-weight:700;color:#ffffffe6;text-transform:uppercase;font-size:.85rem;white-space:nowrap}.clue-content{color:#fff;font-size:1rem}.complete-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;animation:fadeIn .5s ease;padding-bottom:2rem}.complete-icon{margin-bottom:1.5rem}.complete-icon svg{color:#f59e0b;filter:drop-shadow(0 0 30px rgba(245,158,11,.4));animation:bounce .6s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.complete-screen h2{font-size:2.2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#f59e0b,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.complete-screen>p{color:#9ca3af;font-size:1.1rem;margin-bottom:1.5rem}.star-rating{display:flex;gap:.5rem;margin-bottom:2rem}.star-rating svg.filled{color:#f59e0b;fill:#f59e0b}.star-rating svg.empty{color:#374151}.final-stats{display:flex;gap:1.5rem;margin-bottom:2rem}.stat-box{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.25rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;min-width:100px}.stat-box svg{color:#9ca3af}.stat-box span{color:#9ca3af;font-size:.8rem}.stat-box strong{color:#fff;font-size:1.5rem;font-weight:700}.stat-box.score{background:linear-gradient(135deg,#10b9811a,#3b82f61a);border-color:#10b98133}.stat-box.score strong{background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.words-learned{width:100%;max-width:800px;margin-bottom:2rem;text-align:left}.words-learned h3{color:#fff;font-size:1.1rem;margin-bottom:1rem;text-align:center}.words-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;max-height:300px;overflow-y:auto;padding:.5rem}.word-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px}.word-term{color:#10b981;font-weight:700;font-size:.9rem}.word-def{color:#9ca3af;font-size:.8rem;line-height:1.3}.complete-actions{display:flex;gap:1rem}.restart-btn{display:flex;align-items:center;gap:.5rem;padding:.9rem 1.75rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.restart-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #10b9814d}.back-to-challenges{display:flex;align-items:center;gap:.5rem;padding:.9rem 1.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#9ca3af;text-decoration:none;font-size:1rem;transition:all .3s}.back-to-challenges:hover{background:#ffffff1a;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{position:relative;background:linear-gradient(135deg,#1a1a2e,#0f0f1a);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;max-width:500px;width:100%;max-height:80vh;overflow-y:auto}.close-modal{position:absolute;top:1rem;right:1rem;background:#ffffff0d;border:none;width:36px;height:36px;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-modal:hover{background:#ffffff1a;color:#fff}.modal h3{font-size:1.5rem;margin-bottom:1rem;color:#fff}.modal p{color:#9ca3af;line-height:1.6;margin-bottom:1rem}.modal h4{color:#10b981;font-size:1rem;margin-top:1.5rem;margin-bottom:.5rem}.modal ul{list-style:none;padding:0;color:#d1d5db}.modal ul li{padding:.4rem 0 .4rem 1.5rem;position:relative}.modal ul li:before{content:"•";position:absolute;left:0;color:#10b981}.about-credits{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#6b7280;font-size:.85rem}@media (max-width: 768px){.crossword-container{padding:.5rem}.crossword-header h1{font-size:1rem}.start-screen h2{font-size:1.8rem}.difficulty-options{flex-wrap:wrap;justify-content:center}.game-features{flex-wrap:wrap;justify-content:center;gap:1rem}.grid-cell{width:28px;height:28px}.cell-input{font-size:14px}.cell-number{font-size:7px}.game-hud{flex-wrap:wrap;gap:.5rem}.hud-left,.hud-center,.hud-right{gap:.5rem}.final-stats{flex-wrap:wrap;justify-content:center}.current-clue-bar{flex-direction:column;align-items:flex-start;gap:.3rem;padding:.75rem 1rem}.words-grid{grid-template-columns:1fr}.complete-actions{flex-direction:column;width:100%;max-width:300px}}.clues-panels::-webkit-scrollbar,.words-grid::-webkit-scrollbar{width:6px}.clues-panels::-webkit-scrollbar-track,.words-grid::-webkit-scrollbar-track{background:#ffffff05}.clues-panels::-webkit-scrollbar-thumb,.words-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.clues-panels::-webkit-scrollbar-thumb:hover,.words-grid::-webkit-scrollbar-thumb:hover{background:#fff3}.hero{text-align:center;padding:50px 20px}.hero h1{font-size:48px;color:#fff}.hero p{font-size:18px;margin-top:10px}.challenges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px}.challenge-card{position:relative;background-color:#252525;padding:20px;border-radius:10px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.challenge-card:hover{transform:translateY(-5px)}.new-label{position:absolute;top:10px;right:10px;padding:5px 10px;border-radius:5px;font-size:12px}.challenge-icon{width:50px;height:50px;margin-bottom:10px}.challenge-card h3{font-size:20px;margin-bottom:10px}.challenge-card p{font-size:14px;color:#b0b0b0}