@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Orbitron:wght@500;700;900&display=swap";*,*:before,*:after{box-sizing:border-box}#root{width:100%}:root{--color-primary: #00d4ff;--color-primary-dark: #00a8cc;--color-primary-glow: rgba(0, 212, 255, .4);--color-secondary: #7c3aed;--color-accent: #f472b6;--color-success: #10b981;--color-success-glow: rgba(16, 185, 129, .4);--color-warning: #f59e0b;--color-danger: #ef4444;--color-danger-glow: rgba(239, 68, 68, .4);--color-info: #06b6d4;--color-xp: #fbbf24;--color-xp-glow: rgba(251, 191, 36, .5);--color-bg-dark: #0a0e1a;--color-bg: #0f172a;--color-bg-light: #1e293b;--color-card: rgba(30, 41, 59, .8);--color-card-hover: rgba(51, 65, 85, .9);--color-glass: rgba(255, 255, 255, .05);--color-glass-border: rgba(255, 255, 255, .1);--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-dim: #64748b;--color-border: rgba(148, 163, 184, .2);--radius: 12px;--radius-lg: 20px;--shadow: 0 4px 20px rgba(0, 0, 0, .3);--shadow-glow: 0 0 30px var(--color-primary-glow);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .4);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0e1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-glass-border)}.header-container{max-width:1400px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text);font-family:Orbitron,sans-serif;font-weight:700;font-size:1.25rem}.header-logo .logo-icon{font-size:1.5rem}.header-logo-img{height:36px;width:auto}.header-logo:hover{color:var(--color-primary)}.header-nav{display:flex;align-items:center;gap:.5rem}.nav-link{padding:.5rem 1rem;color:var(--color-text-muted);text-decoration:none;font-size:.9rem;font-weight:500;border-radius:var(--radius);transition:var(--transition)}.nav-link:hover{color:var(--color-text);background:var(--color-glass)}.nav-link.active{color:var(--color-primary);background:#00d4ff1a}.header-auth,.user-menu{display:flex;align-items:center;gap:.75rem}.user-info{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--color-glass);border-radius:var(--radius);font-size:.85rem}.user-avatar{font-size:1.1rem}.user-email{color:var(--color-text-muted);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-btn{padding:.5rem 1rem;border-radius:var(--radius);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;border:none}.login-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff}.login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--color-primary-glow)}.logout-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted)}.logout-btn:hover{border-color:var(--color-danger);color:var(--color-danger)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:transparent;border:none;cursor:pointer;padding:4px}.hamburger-line{width:100%;height:2px;background:var(--color-text);border-radius:2px;transition:var(--transition)}.mobile-menu-toggle.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--color-bg-dark);padding:1rem;flex-direction:column;transform:translate(100%);transition:transform .3s ease;overflow-y:auto}.mobile-menu.open{transform:translate(0)}.mobile-nav{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border);margin-bottom:1rem}.mobile-nav-link{display:flex;align-items:center;gap:.75rem;padding:1rem;color:var(--color-text);text-decoration:none;font-size:1rem;font-weight:500;border-radius:var(--radius);transition:var(--transition)}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--color-glass);color:var(--color-primary)}.mobile-nav-link span{font-size:1.25rem}.mobile-auth{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border);margin-bottom:1rem}.mobile-user-info{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-glass);border-radius:var(--radius)}.mobile-user-info .user-avatar{font-size:2rem}.mobile-user-info .user-email{color:var(--color-text);font-weight:500}.mobile-user-info .user-role{color:var(--color-text-muted);font-size:.85rem;text-transform:capitalize}.mobile-auth-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border-radius:var(--radius);font-size:1rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:var(--transition)}.mobile-auth-btn.login{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff}.mobile-auth-btn.logout{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted)}.mobile-auth-btn.logout:hover{border-color:var(--color-danger);color:var(--color-danger)}.mobile-footer{display:flex;justify-content:center;gap:1.5rem;padding-top:1rem;margin-top:auto}.mobile-footer a{color:var(--color-text-muted);text-decoration:none;font-size:.85rem}.mobile-footer a:hover{color:var(--color-primary)}.mobile-menu-overlay{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:#00000080;z-index:-1}@media (max-width: 768px){.desktop-nav,.desktop-auth{display:none}.mobile-menu-toggle,.mobile-menu{display:flex}.mobile-menu-overlay{display:block}}.app{padding-top:60px}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;background-image:radial-gradient(ellipse at top,rgba(124,58,237,.15) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(0,212,255,.1) 0%,transparent 50%);background-attachment:fixed;min-height:100vh}.app{min-height:100vh;position:relative}.app:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid var(--color-glass-border);border-radius:var(--radius);background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text);font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;transition:var(--transition);position:relative;overflow:hidden}.button:before,button: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}.button:hover:before,button:hover:before{left:100%}.button:hover,button:hover{background:var(--color-card-hover);border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-glow);transform:translateY(-2px)}.button.primary,button.primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border:none;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.button.primary:hover,button.primary:hover{box-shadow:0 0 30px var(--color-primary-glow),0 0 60px #7c3aed4d;transform:translateY(-3px) scale(1.02)}button:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.page-header{padding:1.5rem 2rem;background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);margin-bottom:2rem;position:relative;z-index:1}.page-header h1{margin:.5rem 0 0;font-size:1.5rem;font-family:Orbitron,sans-serif;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-link{color:var(--color-primary);text-decoration:none;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;transition:var(--transition)}.back-link:hover{color:var(--color-accent);text-shadow:0 0 10px var(--color-primary-glow)}.home-page{max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:1}.hero{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#7c3aed4d,#00d4ff33);border:1px solid var(--color-glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);margin-bottom:3rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,var(--color-primary-glow),transparent 30%);animation:rotate 10s linear infinite;opacity:.3}@keyframes rotate{to{transform:rotate(360deg)}}.hero-content{position:relative;z-index:1}.hero-logo{height:60px;width:auto;margin-bottom:1rem;filter:drop-shadow(0 0 30px var(--color-primary-glow))}.hero h1{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:900;margin:0 0 .5rem;background:linear-gradient(135deg,#fff 0%,var(--color-primary) 50%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 60px var(--color-primary-glow);letter-spacing:2px}.hero p{margin:0;color:var(--color-text-muted);font-size:1.2rem}.hero-enhanced{padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.hero-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:40px 40px}.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,var(--color-primary-glow) 0%,transparent 70%);filter:blur(60px);opacity:.5}.player-card{display:flex;align-items:center;gap:1.5rem;background:#0000004d;border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:1rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-avatar{position:relative;width:80px;height:80px}.avatar-ring{position:relative;width:100%;height:100%}.avatar-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:linear-gradient(135deg,var(--color-bg-dark) 0%,var(--color-bg-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-glass-border)}.avatar-icon{font-size:1.8rem}.avatar-progress{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.avatar-progress .progress-bg{fill:none;stroke:var(--color-glass-border);stroke-width:4}.avatar-progress .progress-fill{fill:none;stroke:var(--color-primary);stroke-width:4;stroke-linecap:round;stroke-dasharray:283;transition:stroke-dashoffset .5s ease}.player-info{text-align:left}.player-level{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem}.level-number{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:var(--color-primary)}.level-title{font-size:1rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.player-xp{display:flex;flex-direction:column;gap:.25rem}.xp-text{font-size:.85rem;color:var(--color-text-muted)}.xp-current{color:var(--color-xp);font-weight:600}.xp-separator{margin:0 .25rem;opacity:.5}.xp-bar-mini{width:120px;height:4px;background:var(--color-glass-border);border-radius:2px;overflow:hidden}.xp-fill-mini{height:100%;background:linear-gradient(90deg,var(--color-xp) 0%,#f59e0b 100%);border-radius:2px;transition:width .5s ease}.hero-main{display:grid;grid-template-columns:1fr 2fr 1fr;gap:2rem;align-items:center;width:100%;max-width:1200px}.hero-left,.hero-right{display:flex;flex-direction:column;gap:.75rem}.hero-center{text-align:center}.player-card-compact{background:#0006;border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-avatar-small{position:relative;width:60px;height:60px;margin:0 auto .75rem}.avatar-progress-small{width:100%;height:100%;transform:rotate(-90deg)}.avatar-progress-small .progress-bg{fill:none;stroke:var(--color-glass-border);stroke-width:6}.avatar-progress-small .progress-fill{fill:none;stroke:var(--color-primary);stroke-width:6;stroke-linecap:round;stroke-dasharray:283;transition:stroke-dashoffset .5s ease}.level-badge-small{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700;color:var(--color-primary)}.player-stats-row{display:flex;justify-content:center;align-items:center;gap:.75rem}.stat-item{text-align:center}.stat-value{display:block;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;color:var(--color-text)}.stat-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase}.stat-divider{width:1px;height:24px;background:var(--color-glass-border)}.security-tip{display:inline-flex;align-items:center;gap:.5rem;background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);border-radius:999px;padding:.5rem 1rem;margin-top:1rem}.tip-icon{font-size:1rem}.tip-text{font-size:.85rem;color:var(--color-text-muted)}.hero-title{font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:700;margin:0;color:var(--color-text)}.title-accent{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.875rem 1.25rem;border-radius:var(--radius);font-size:.95rem;font-weight:600;text-decoration:none;transition:var(--transition);text-align:center}.hero-btn.primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;box-shadow:0 4px 15px var(--color-primary-glow)}.hero-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--color-primary-glow)}.hero-btn.secondary{background:var(--color-glass);color:var(--color-text);border:1px solid var(--color-glass-border)}.hero-btn.secondary:hover{background:var(--color-card-hover);border-color:var(--color-primary)}.btn-subtitle{font-size:.7rem;font-weight:400;opacity:.8}@media (max-width: 900px){.hero-main{grid-template-columns:1fr;gap:1.5rem}.hero-left,.hero-right{flex-direction:row;justify-content:center;flex-wrap:wrap}.player-card-compact{width:100%;max-width:280px}.hero-title{font-size:1.8rem}}.hero-subtitle{display:inline-block;margin-top:1.5rem;padding:.5rem 1.5rem;background:#00d4ff1a;border:1px solid var(--color-primary);border-radius:999px;font-size:.875rem;color:var(--color-primary);font-weight:600;text-transform:uppercase;letter-spacing:2px}.player-stats{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.level-badge{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,var(--color-xp) 0%,#f59e0b 100%);padding:.5rem 1.25rem;border-radius:999px;color:#000;font-weight:800;font-family:Orbitron,sans-serif;box-shadow:0 0 20px var(--color-xp-glow)}.level-badge .level-icon{font-size:1.25rem}.xp-bar-container{flex:1;max-width:300px;min-width:200px}.xp-label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted);margin-bottom:.25rem}.xp-bar{height:12px;background:var(--color-bg-light);border-radius:999px;overflow:hidden;border:1px solid var(--color-glass-border)}.xp-fill{height:100%;background:linear-gradient(90deg,var(--color-xp) 0%,#f59e0b 100%);border-radius:999px;transition:width .5s ease;box-shadow:0 0 10px var(--color-xp-glow);position:relative}.xp-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);border-radius:999px 999px 0 0}.progress-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}.progress-card{background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-radius:var(--radius);text-align:center;border:1px solid var(--color-glass-border);transition:var(--transition);position:relative;overflow:hidden}.progress-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.progress-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-glow);border-color:var(--color-primary)}.progress-icon{font-size:2rem;margin-bottom:.5rem}.progress-number{font-size:2.5rem;font-weight:800;font-family:Orbitron,sans-serif;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-label{color:var(--color-text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.categories,.featured{margin-bottom:3rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{font-family:Orbitron,sans-serif;font-size:1.5rem;margin:0;display:flex;align-items:center;gap:.75rem}.section-header h2:before{content:"";width:4px;height:1.5rem;background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:2px}.categories h2,.featured h2{font-family:Orbitron,sans-serif;font-size:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.categories h2:before,.featured h2:before{content:"";width:4px;height:1.5rem;background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:2px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.challenge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.category-card{background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);border:1px solid var(--color-glass-border);transition:var(--transition);position:relative;overflow:hidden;display:flex;flex-direction:column}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(0,212,255,.05) 100%);opacity:0;transition:opacity .3s}.category-card:hover:before{opacity:1}.category-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.category-card.phishing{--card-color: #ef4444}.category-card.classification{--card-color: #8b5cf6}.category-card.hotspot{--card-color: #10b981}.category-card:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--card-color, var(--color-primary)),transparent)}.category-icon{font-size:3.5rem;margin-bottom:1rem;filter:drop-shadow(0 0 20px var(--card-color, var(--color-primary-glow)))}.category-card h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.category-card p{margin:0 0 1rem;color:var(--color-text-muted);font-size:.875rem;flex:1}.category-stats{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--color-border);margin-top:auto}.category-count{display:flex;align-items:center;gap:.5rem;color:var(--color-primary);font-weight:700;font-size:.9rem}.category-progress{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--color-success)}.category-progress-bar{width:60px;height:6px;background:var(--color-bg-light);border-radius:999px;overflow:hidden}.category-progress-fill{height:100%;background:var(--color-success);border-radius:999px}.challenge-card{background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-radius:var(--radius);text-decoration:none;color:var(--color-text);border:1px solid var(--color-glass-border);transition:var(--transition);position:relative;overflow:hidden;display:flex;flex-direction:column}.challenge-card:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.challenge-card h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:700}.challenge-card p{margin:0 0 1rem;color:var(--color-text-muted);font-size:.85rem;flex:1}.challenge-type-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:var(--color-primary);margin-bottom:.75rem;padding:.25rem .75rem;background:#00d4ff1a;border-radius:999px;width:fit-content}.challenge-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--color-text-muted);margin-top:auto;padding-top:1rem;border-top:1px solid var(--color-border)}.challenge-meta span{display:flex;align-items:center;gap:.25rem}.difficulty-stars{color:var(--color-xp)}.challenge-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.tag{background:var(--color-bg-light);padding:.25rem .75rem;border-radius:999px;font-size:.7rem;color:var(--color-text-muted);border:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.5px}.best-score{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;background:#10b9811a;border:1px solid var(--color-success);border-radius:var(--radius);color:var(--color-success);font-weight:600;font-size:.8rem}.view-all{text-align:center;margin-top:2rem}.home-footer{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 2rem;border-top:1px solid var(--color-border);margin-top:3rem;background:var(--color-bg-dark);border-radius:var(--radius-lg)}.footer-brand{text-align:center}.footer-logo{height:40px;width:auto;opacity:.8;margin-bottom:.5rem}.footer-brand p{margin:0;font-size:.85rem;color:var(--color-text-dim)}.footer-brand a{color:var(--color-primary);text-decoration:none;transition:var(--transition)}.footer-brand a:hover{text-decoration:underline}.footer-links{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--color-text-muted);text-decoration:none;font-size:.875rem;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius);transition:var(--transition)}.footer-links a:hover{color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 15px var(--color-primary-glow)}.footer-copy{font-size:.75rem;color:var(--color-text-dim)}.challenge-list-page{max-width:1400px;margin:0 auto;position:relative;z-index:1}.challenge-list-page .page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 2rem;flex-wrap:wrap}.challenge-list-page .page-title{flex:1}.challenge-list-page .page-title h1{margin:0}.challenge-list-page .category-subtitle{margin:.25rem 0 0;color:var(--text-secondary);font-size:.9rem}.clear-filter-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:all .2s}.clear-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#00d4ff0d}.button.success{background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);color:#fff}.button.success:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.button.secondary{background:transparent;border:1px solid var(--color-border);color:var(--text-secondary)}.button.secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.filters{display:flex;flex-wrap:wrap;gap:1rem;padding:1.25rem 2rem;background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius);margin:0 2rem 1.5rem;border:1px solid var(--color-glass-border)}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-group label{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.filter-group select{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem;background:var(--color-bg-light);color:var(--color-text);cursor:pointer;transition:var(--transition)}.filter-group select:hover{border-color:var(--color-primary)}.filter-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow)}.results-count{padding:0 2rem;color:var(--color-text-muted);font-size:.875rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.results-count strong{color:var(--color-primary);font-family:Orbitron,sans-serif}.challenge-list-page .challenge-grid{padding:0 2rem}.challenge-card.completed{position:relative}.challenge-card.completed:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-success),transparent)}.completed-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;box-shadow:0 0 15px var(--color-success-glow);animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px var(--color-success-glow)}50%{box-shadow:0 0 25px var(--color-success-glow)}}.no-results{text-align:center;padding:4rem 2rem;color:var(--color-text-muted);background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid var(--color-glass-border);margin:0 2rem}.no-results h3{font-family:Orbitron,sans-serif;color:var(--color-text);margin-bottom:.5rem}.play-page{max-width:1100px;margin:0 auto;position:relative;z-index:1}.play-header{padding:1.5rem 2rem;background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin:0 1rem}.play-header h1{margin:.5rem 0 .25rem;font-size:1.5rem;font-family:Orbitron,sans-serif;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.play-header p{margin:0;color:var(--color-text-muted);font-size:.875rem}.simulator-container{padding:1.5rem;margin:0 1rem;background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.play-page.results{padding:2rem;text-align:center}.results-header{margin-bottom:2rem}.results-header h1{margin:0;font-family:Orbitron,sans-serif;font-size:2rem}.grade{font-size:6rem;font-weight:900;margin:1rem 0;font-family:Orbitron,sans-serif;text-shadow:0 0 60px currentColor;animation:grade-pulse 2s ease-in-out infinite}@keyframes grade-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.grade-A{color:var(--color-success);text-shadow:0 0 60px var(--color-success-glow)}.grade-B{color:#84cc16}.grade-C{color:var(--color-warning)}.grade-D{color:#f97316}.grade-F{color:var(--color-danger);text-shadow:0 0 60px var(--color-danger-glow)}.score-summary{background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2.5rem;border-radius:var(--radius-lg);margin-bottom:2rem;border:1px solid var(--color-glass-border);position:relative;overflow:hidden}.score-summary:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-accent))}.main-score{font-size:3.5rem;font-weight:900;font-family:Orbitron,sans-serif;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-max{color:var(--color-text-dim);font-size:1.5rem}.score-percentage{font-size:1.75rem;color:var(--color-primary);margin-top:.5rem;font-weight:700}.new-best{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);color:#fff;border-radius:999px;font-weight:700;margin-top:1rem;animation:pulse-glow 2s infinite;box-shadow:0 0 20px var(--color-success-glow)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.stat{background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.25rem;border-radius:var(--radius);border:1px solid var(--color-glass-border);transition:var(--transition)}.stat:hover{transform:translateY(-3px);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.stat-value{font-size:1.75rem;font-weight:800;font-family:Orbitron,sans-serif;color:var(--color-primary)}.stat-label{color:var(--color-text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.bonus-earned{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border:1px solid var(--color-xp);padding:1.25rem;border-radius:var(--radius);margin-bottom:2rem;font-weight:600;color:var(--color-xp);display:flex;align-items:center;justify-content:center;gap:.75rem;animation:glow-xp 2s infinite}@keyframes glow-xp{0%,to{box-shadow:0 0 15px var(--color-xp-glow)}50%{box-shadow:0 0 30px var(--color-xp-glow)}}.missed-section{background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-radius:var(--radius);margin-bottom:2rem;text-align:left;border:1px solid var(--color-glass-border)}.missed-section h3{margin:0 0 1rem;color:var(--color-danger);display:flex;align-items:center;gap:.5rem;font-family:Orbitron,sans-serif;font-size:1rem}.missed-item{padding:1rem;border-left:3px solid var(--color-danger);background:#ef44441a;margin-bottom:.75rem;border-radius:0 var(--radius) var(--radius) 0}.missed-item strong{display:block;margin-bottom:.25rem;color:var(--color-text)}.missed-item p{margin:0;font-size:.875rem;color:var(--color-text-muted)}.results-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.simulator-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;background:var(--color-bg-light);border-radius:var(--radius);margin-bottom:1.5rem;border:1px solid var(--color-glass-border)}.score-display{font-weight:700;font-family:Orbitron,sans-serif;display:flex;align-items:center;gap:.5rem;color:var(--color-xp)}.score-display:before{content:"⚡"}.false-positive-count,.false-click-count{color:var(--color-danger);font-weight:600;padding:.25rem .75rem;background:#ef44441a;border-radius:var(--radius);font-size:.875rem}.timer{font-family:Orbitron,sans-serif;font-size:1.1rem;background:var(--color-bg-dark);padding:.5rem 1rem;border-radius:var(--radius);border:1px solid var(--color-glass-border);color:var(--color-primary)}.timer.warning{color:var(--color-warning);border-color:var(--color-warning);animation:timer-pulse 1s infinite}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.6}}.hint-button{background:linear-gradient(135deg,var(--color-info) 0%,#0891b2 100%);color:#fff;border:none}.hint-button:hover{box-shadow:0 0 20px #06b6d466}.hint-panel{background:#06b6d41a;border:1px solid var(--color-info);padding:1.25rem;border-radius:var(--radius);margin-bottom:1.5rem;text-align:left}.hint-panel h4{margin:0 0 .75rem;color:var(--color-info);display:flex;align-items:center;gap:.5rem}.hint-panel ul{margin:0;padding-left:1.5rem;color:var(--color-text-muted)}.hint-panel li{margin-bottom:.5rem}.simulator-actions{display:flex;justify-content:center;gap:1rem;padding:1.5rem;margin-top:1.5rem;flex-wrap:wrap}.email-game-hud{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--color-bg-dark);border-radius:var(--radius-lg);margin-bottom:1rem;border:1px solid var(--color-glass-border)}.hud-left,.hud-right{display:flex;align-items:center;gap:1.5rem}.findings-tracker,.false-positive-tracker{display:flex;align-items:center;gap:.5rem}.tracker-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.tracker-value{font-family:Orbitron,sans-serif;font-weight:700;color:var(--color-primary)}.game-timer{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:var(--color-bg-light);border-radius:var(--radius);border:1px solid var(--color-border)}.game-timer.warning{border-color:var(--color-danger);animation:timer-pulse 1s infinite}.timer-icon{font-size:1.1rem}.timer-value{font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:700;color:var(--color-text)}.game-timer.warning .timer-value{color:var(--color-danger)}.hint-toggle{padding:.5rem 1rem;background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;font-size:.85rem;transition:var(--transition)}.hint-toggle:hover,.hint-toggle.active{border-color:var(--color-info);background:#06b6d41a}.email-client-realistic{display:grid;grid-template-columns:300px 1fr;min-height:550px;background:#1a1a2e;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-glass-border);box-shadow:0 20px 60px #0000004d}.email-sidebar{background:#16162a;border-right:1px solid var(--color-border)}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem;border-bottom:1px solid var(--color-border);font-weight:600;color:var(--color-text)}.inbox-icon{font-size:1.25rem}.inbox-count{margin-left:auto;background:var(--color-primary);color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:999px;font-weight:700}.email-list-modern{max-height:450px;overflow-y:auto}.email-preview{display:flex;gap:.75rem;padding:1rem;border-bottom:1px solid var(--color-border);cursor:pointer;transition:var(--transition)}.email-preview:hover{background:#ffffff08}.email-preview.selected{background:#00d4ff1a;border-left:3px solid var(--color-primary)}.email-preview-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1rem;flex-shrink:0}.email-preview-content{flex:1;min-width:0}.email-preview-sender{font-weight:600;font-size:.9rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-preview-subject{font-size:.8rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.25rem}.email-preview-snippet{font-size:.75rem;color:var(--color-text-dim);margin-top:.25rem}.email-preview-time{font-size:.7rem;color:var(--color-text-dim);white-space:nowrap}.email-reading-pane{display:flex;flex-direction:column;background:#1e1e3a}.email-toolbar{display:flex;gap:.5rem;padding:.75rem 1rem;background:#16162a;border-bottom:1px solid var(--color-border)}.toolbar-btn{padding:.4rem .75rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);font-size:.75rem;cursor:not-allowed;opacity:.5}.toolbar-spacer{flex:1}.email-subject-bar{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.email-subject-bar h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text)}.email-sender-section{display:flex;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);align-items:flex-start}.sender-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.25rem;flex-shrink:0}.sender-details{flex:1}.sender-row{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.sender-name{font-weight:600;color:var(--color-text)}.sender-email{font-size:.85rem;color:var(--color-text-muted)}.clickable{cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius);border:1px solid transparent;transition:var(--transition)}.clickable:hover{background:#fbbf2433;border-color:var(--color-warning)}.clickable.found{background:#10b98133!important;border-color:var(--color-success)!important}.reply-to-row{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.85rem}.reply-to-label{color:var(--color-text-dim)}.reply-to-email{color:var(--color-warning)}.email-timestamp{margin-top:.5rem;font-size:.75rem;color:var(--color-text-dim)}.email-actions-mini{color:var(--color-text-muted);cursor:pointer;padding:.5rem;font-size:1.25rem}.email-content-area{flex:1;overflow-y:auto;padding:1.5rem;background:#fafafa}.email-body-modern{background:#fff;padding:2rem;border-radius:var(--radius);box-shadow:0 2px 8px #0000000d;color:#333;line-height:1.8;font-size:.95rem}.email-body-modern .email-text{margin:0;min-height:1.6em;color:#333}.email-body-modern .email-link{color:#1a73e8;text-decoration:underline;cursor:pointer;padding:.15rem .35rem;border-radius:4px;border:1px solid transparent;transition:all .2s}.email-body-modern .email-link:hover{background:#fff3cd;border-color:#ffc107}.email-body-modern .email-link.found{background:#d4edda;border-color:#28a745;text-decoration:none}.email-body-modern .email-link.false-positive{background:#f8d7da;border-color:#dc3545}.email-body-modern .link-url-reveal{display:block;margin-top:.25rem;padding:.35rem .5rem;background:#f8d7da;border-radius:4px;font-size:.75rem;color:#dc3545;font-family:monospace}.email-body-modern .email-highlight{background:#fff3cd;padding:.15rem .5rem;border-radius:4px;cursor:pointer;border:1px solid transparent;transition:all .2s}.email-body-modern .email-highlight:hover{background:#ffe69c;border-color:#ffc107}.email-body-modern .email-highlight.found{background:#d4edda;border-color:#28a745}.attachments-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.attachments-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#333;margin-bottom:1rem}.attachments-grid{display:flex;gap:.75rem;flex-wrap:wrap}.attachment-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:var(--radius);cursor:pointer;transition:all .2s;min-width:200px}.attachment-card:hover{background:#fff3cd;border-color:#ffc107}.attachment-card.found{background:#d4edda;border-color:#28a745}.attachment-card.suspicious-type{border-color:#dc3545;background:#fff5f5}.attachment-card.suspicious-type:hover{background:#f8d7da}.attachment-icon{font-size:1.5rem}.attachment-info{flex:1}.attachment-name{font-size:.85rem;font-weight:500;color:#333}.attachment-size{font-size:.75rem;color:#666}.attachment-download{color:#666;font-size:1rem}.email-verdict-section{margin-top:1.5rem;padding:1.5rem;background:var(--color-bg-dark);border-radius:var(--radius-lg);border:1px solid var(--color-glass-border)}.verdict-prompt{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.25rem;font-size:1.1rem;color:var(--color-text)}.verdict-buttons{display:flex;justify-content:center;gap:1rem}.verdict-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2.5rem;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);min-width:280px}.verdict-btn .btn-icon{font-size:2rem}.verdict-btn .btn-text{font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.verdict-btn .btn-hint{font-size:.75rem;opacity:.7}.verdict-btn.phishing{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 15px #dc262666}.verdict-btn.phishing:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 25px #dc262680;transform:translateY(-3px)}.verdict-btn.safe{border-color:var(--color-success);color:var(--color-success)}.verdict-btn.safe:hover:not(:disabled){background:#10b9811a;box-shadow:0 0 30px var(--color-success-glow);transform:translateY(-3px)}.verdict-btn:disabled{opacity:.5;cursor:not-allowed}.classification-hud{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--color-bg-dark);border-radius:var(--radius-lg);margin-bottom:1rem;border:1px solid var(--color-glass-border)}.progress-tracker{display:flex;align-items:center;gap:.75rem}.mini-progress-bar{width:100px;height:8px;background:var(--color-bg-light);border-radius:4px;overflow:hidden}.mini-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-success) 100%);border-radius:4px;transition:width .3s ease}.classification-guide{background:var(--color-bg-dark)!important}.classification-guide h4{margin:0 0 1rem;color:var(--color-text)}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.guide-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;background:var(--color-bg-light);border-radius:var(--radius);border-left:3px solid;text-align:center}.guide-icon{font-size:1.5rem}.guide-level{font-weight:700;font-size:.85rem}.guide-desc{font-size:.7rem;color:var(--color-text-muted)}.classification-simulator .instructions{display:flex;align-items:center;gap:.75rem;background:var(--color-bg-light);padding:1.25rem;border-radius:var(--radius);margin-bottom:1.5rem;border:1px solid var(--color-glass-border);color:var(--color-text-muted)}.unplaced-items{margin-bottom:2rem}.unplaced-items h3{margin:0 0 1rem;font-size:1rem;font-family:Orbitron,sans-serif;color:var(--color-text);display:flex;align-items:center;gap:.5rem}.item-cards{display:flex;flex-wrap:wrap;gap:1rem;min-height:120px;padding:1.5rem;background:var(--color-bg-dark);border-radius:var(--radius);border:2px dashed var(--color-border)}.item-card{background:var(--color-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.25rem;border-radius:var(--radius);border:1px solid var(--color-glass-border);cursor:grab;max-width:280px;transition:var(--transition);position:relative}.item-card:before{content:"⋮⋮";position:absolute;top:.5rem;right:.75rem;color:var(--color-text-dim);font-size:.75rem}.item-card:hover{transform:translateY(-3px) rotate(1deg);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.item-card:active{cursor:grabbing;transform:scale(1.05)}.item-title{font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.item-content{font-size:.85rem;color:var(--color-text-muted);line-height:1.5}.pii-flags{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.25rem}.pii-flag{display:inline-flex;align-items:center;gap:.25rem;background:#ef44441a;color:var(--color-danger);font-size:.7rem;padding:.25rem .5rem;border-radius:999px;border:1px solid rgba(239,68,68,.3)}.all-placed{color:var(--color-success);font-weight:600;display:flex;align-items:center;gap:.5rem;padding:1rem;justify-content:center}.classification-buckets{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.bucket{background:var(--color-bg-light);border:2px solid var(--color-border);border-radius:var(--radius);min-height:220px;transition:var(--transition);overflow:hidden}.bucket.drop-target{border-style:dashed;border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-glow)}.bucket-header{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;text-align:center;color:#fff}.bucket-icon{font-size:1.5rem}.bucket-title{font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.bucket-desc{font-size:.65rem;opacity:.85}.bucket-items{padding:.75rem;min-height:170px}.bucket-empty{display:flex;align-items:center;justify-content:center;height:100px;color:var(--color-text-dim);font-size:.8rem;border:2px dashed var(--color-border);border-radius:var(--radius);margin:.5rem}.bucket-item{display:flex;align-items:center;gap:.5rem;background:var(--color-card);padding:.75rem;border-radius:var(--radius);margin-bottom:.5rem;font-size:.8rem;cursor:pointer;transition:var(--transition)}.item-remove{color:var(--color-danger);font-size:.7rem;opacity:0;transition:var(--transition)}.bucket-item:hover .item-remove{opacity:1;cursor:pointer;border:1px solid var(--color-border);transition:var(--transition)}.bucket-item:hover{background:#ef44441a;border-color:var(--color-danger)}.submit-button{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;padding:1rem 3rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:none}.submit-button:hover{box-shadow:0 0 30px var(--color-primary-glow);transform:translateY(-2px)}.hotspot-game-hud{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--color-bg-dark);border-radius:var(--radius-lg);margin-bottom:1rem;border:1px solid var(--color-glass-border)}.threats-tracker,.misses-tracker{display:flex;align-items:center;gap:.5rem}.hotspot-tips{background:var(--color-bg-dark)!important}.hotspot-tips h4{margin:0 0 1rem;color:var(--color-text)}.tips-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.tip-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg-light);border-radius:var(--radius);font-size:.8rem;color:var(--color-text-muted)}.tip-item span{font-size:1.1rem}.hotspot-feedback-card{background:var(--color-bg-dark);padding:1.25rem;border-radius:var(--radius-lg);border-left:4px solid;margin-bottom:1rem;border:1px solid var(--color-glass-border);animation:slide-in .3s ease-out}@keyframes slide-in{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.feedback-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.feedback-header strong{flex:1;color:var(--color-text);font-size:1rem}.severity-indicator{font-size:1.25rem}.feedback-text{margin:0 0 .75rem;color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.feedback-points{font-family:Orbitron,sans-serif;font-weight:700;color:var(--color-xp);font-size:.9rem}.severity-badge{font-size:.7rem;padding:.25rem .75rem;border-radius:999px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.severity-low{background:#10b98133;color:var(--color-success);border:1px solid var(--color-success)}.severity-medium{background:#fbbf2433;color:var(--color-xp);border:1px solid var(--color-xp)}.severity-high{background:#f9731633;color:#f97316;border:1px solid #f97316}.severity-critical{background:#ef444433;color:var(--color-danger);border:1px solid var(--color-danger);animation:pulse-glow 1s infinite}.hotspot-image-container{position:relative;background:var(--color-bg-dark);border-radius:var(--radius);overflow:hidden;cursor:crosshair;border:2px solid var(--color-glass-border);transition:var(--transition)}.hotspot-image-container:hover{border-color:var(--color-primary);box-shadow:0 0 30px var(--color-primary-glow)}.hotspot-image{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none}.hotspot-scene-placeholder{width:100%;min-height:400px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;position:relative}.scene-description{text-align:center;padding:2rem;z-index:1}.scene-icon{font-size:3rem;margin-bottom:1rem}.scene-description h3{color:var(--color-primary);margin:0 0 .5rem;font-size:1.5rem}.scene-description p{color:var(--text-secondary);max-width:400px;margin:0 auto 1rem;font-size:.95rem}.scene-grid{position:absolute;top:0;left:0;right:0;bottom:0}.scene-hotspot-area{position:absolute;border:2px dashed rgba(255,255,255,.3);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#ffffff0d}.scene-hotspot-area:hover{border-color:var(--color-primary);background:#00d4ff1a;transform:scale(1.02)}.scene-hotspot-area.found{border-color:var(--color-success);background:#10b98133;pointer-events:none}.area-number{font-size:1.5rem;font-weight:700;color:#ffffff80}.scene-hotspot-area.found .area-number{color:var(--color-success)}.scene-hotspot-area.found:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:var(--color-success)}.hotspot-found{position:absolute;border:3px solid var(--color-success);border-radius:var(--radius);background:#10b9814d;pointer-events:none;animation:hotspot-pulse 2s infinite}@keyframes hotspot-pulse{0%,to{box-shadow:0 0 10px var(--color-success-glow)}50%{box-shadow:0 0 25px var(--color-success-glow)}}.hotspot-label{position:absolute;bottom:100%;left:0;background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);color:#fff;font-size:.7rem;padding:.35rem .75rem;border-radius:var(--radius);white-space:nowrap;font-weight:600;margin-bottom:5px}.click-feedback{position:absolute;width:40px;height:40px;margin-left:-20px;margin-top:-20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;pointer-events:none;animation:pop .4s ease-out}.click-feedback.found{background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);color:#fff;box-shadow:0 0 20px var(--color-success-glow)}.click-feedback.miss{background:linear-gradient(135deg,var(--color-danger) 0%,#dc2626 100%);color:#fff;box-shadow:0 0 20px var(--color-danger-glow)}@keyframes pop{0%{transform:scale(0);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1.5);opacity:0}}.hotspot-bottom-section{margin-top:1.5rem;display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:start}.found-items-panel{background:var(--color-bg-dark);padding:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--color-glass-border)}.found-items-panel h4{margin:0 0 1rem;font-family:Orbitron,sans-serif;font-size:.9rem;color:var(--color-text)}.no-items-yet{color:var(--color-text-dim);font-size:.85rem;font-style:italic;margin:0}.found-items-grid{display:flex;flex-wrap:wrap;gap:.5rem}.found-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg-light);border-radius:var(--radius);border-left:3px solid;font-size:.8rem}.found-item.severity-critical{border-color:var(--color-danger)}.found-item.severity-high{border-color:#f97316}.found-item.severity-medium{border-color:var(--color-xp)}.found-item.severity-low{border-color:var(--color-success)}.found-item-icon{font-size:1rem}.found-item-title{color:var(--color-text)}.found-item-points{color:var(--color-xp);font-weight:700;font-size:.7rem}.hotspot-actions{display:flex;flex-direction:column;gap:.75rem}.complete-btn{padding:1rem 2rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:700;font-size:.9rem;cursor:pointer;transition:var(--transition)}.complete-btn:hover:not(:disabled){box-shadow:0 0 30px var(--color-primary-glow);transform:translateY(-2px)}.complete-btn.success{background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);animation:pulse-glow 1s infinite}.complete-btn:disabled{opacity:.5;cursor:not-allowed}.admin-dashboard{max-width:1400px;margin:0 auto;position:relative;z-index:1}.admin-actions{display:flex;gap:1rem;padding:0 2rem;margin-bottom:1.5rem;flex-wrap:wrap}.admin-stats{display:flex;gap:2rem;padding:0 2rem;color:var(--color-text-muted);font-size:.875rem;margin-bottom:1.5rem}.admin-stats span{display:flex;align-items:center;gap:.5rem}.admin-stats strong{color:var(--color-primary);font-family:Orbitron,sans-serif}.notification{display:flex;align-items:center;justify-content:space-between;margin:0 2rem 1.5rem;padding:1rem 1.25rem;border-radius:var(--radius);border:1px solid}.notification.success{background:#10b9811a;color:var(--color-success);border-color:var(--color-success)}.notification.error{background:#ef44441a;color:var(--color-danger);border-color:var(--color-danger)}.notification button{background:transparent;border:none;font-size:1.25rem;cursor:pointer;opacity:.7;color:inherit}.notification button:hover{opacity:1}.challenge-table-wrapper{padding:0 2rem;overflow-x:auto}.challenge-table{width:100%;background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius);border-collapse:collapse;border:1px solid var(--color-glass-border)}.challenge-table th,.challenge-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--color-border)}.challenge-table th{background:var(--color-bg-light);font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted)}.challenge-table td{font-size:.875rem}.challenge-table tr:hover td{background:var(--color-card-hover)}.challenge-link{color:var(--color-primary);text-decoration:none;font-weight:600;transition:var(--transition)}.challenge-link:hover{text-shadow:0 0 10px var(--color-primary-glow)}.challenge-tags-small{display:flex;gap:.25rem;margin-top:.5rem;flex-wrap:wrap}.challenge-tags-small .tag{font-size:.6rem;padding:.15rem .5rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.published{background:#10b98133;color:var(--color-success);border:1px solid var(--color-success)}.status-badge.draft{background:#fbbf2433;color:var(--color-xp);border:1px solid var(--color-xp)}.actions-cell{white-space:nowrap}.action-btn{padding:.4rem .75rem;margin-right:.5rem;font-size:.75rem;border-radius:var(--radius);cursor:pointer;border:1px solid transparent;text-decoration:none;transition:var(--transition);font-weight:600}.action-btn.edit{background:#00d4ff1a;color:var(--color-primary);border-color:var(--color-primary)}.action-btn.edit:hover{background:#00d4ff33;box-shadow:0 0 10px var(--color-primary-glow)}.action-btn.toggle{background:#7c3aed1a;color:var(--color-secondary);border-color:var(--color-secondary)}.action-btn.toggle:hover{background:#7c3aed33}.action-btn.delete{background:#ef44441a;color:var(--color-danger);border-color:var(--color-danger)}.action-btn.delete:hover{background:#ef444433;box-shadow:0 0 10px var(--color-danger-glow)}.admin-editor{max-width:1000px;margin:0 auto;padding-bottom:3rem;position:relative;z-index:1}.type-selector{padding:2rem;text-align:center}.type-selector h2{font-family:Orbitron,sans-serif;margin-bottom:.5rem}.type-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0}.type-option{background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:2rem;cursor:pointer;transition:var(--transition);text-align:center}.type-option:hover{border-color:var(--color-primary);transform:translateY(-5px);box-shadow:var(--shadow-glow)}.type-option.selected{border-color:var(--color-primary);background:#00d4ff1a;box-shadow:var(--shadow-glow)}.type-option .icon{font-size:3rem;display:block;margin-bottom:1rem}.type-option .label{font-weight:700;display:block;margin-bottom:.5rem;font-size:1.1rem}.type-option .desc{font-size:.8rem;color:var(--color-text-muted)}.editor-form{padding:0 2rem}.form-section{background:var(--color-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.75rem;border-radius:var(--radius);margin-bottom:1.5rem;border:1px solid var(--color-glass-border)}.form-section h2{margin:0 0 1.25rem;font-size:1.1rem;font-family:Orbitron,sans-serif;padding-bottom:.75rem;border-bottom:1px solid var(--color-border);color:var(--color-primary)}.form-section h3{margin:1.5rem 0 1rem;font-size:.95rem;color:var(--color-text)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:span 2}.form-group label{font-size:.75rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem;background:var(--color-bg-light);color:var(--color-text);transition:var(--transition)}.form-group textarea{min-height:100px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow)}.help-text{font-size:.8rem;color:var(--color-text-dim);margin-bottom:1rem;font-style:italic}.error-list{padding:0 2rem;margin-bottom:1.5rem}.error{background:#ef44441a;color:var(--color-danger);padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:.5rem;font-size:.875rem;border:1px solid var(--color-danger)}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:var(--radius);transition:var(--transition)}.checkbox-label:hover{background:var(--color-bg-light)}.checkbox-label input{width:20px;height:20px;accent-color:var(--color-primary)}.editor-actions{display:flex;gap:1rem;padding-top:1.5rem;flex-wrap:wrap}.block-list{margin-bottom:1rem}.block-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-bg-dark);border-radius:var(--radius);margin-bottom:.5rem;border:1px solid var(--color-border)}.block-type{font-size:.65rem;background:var(--color-primary);color:#fff;padding:.25rem .5rem;border-radius:var(--radius);min-width:55px;text-align:center;text-transform:uppercase;font-weight:700}.block-item input{flex:1;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.8rem;background:var(--color-bg-light);color:var(--color-text)}.remove-btn{background:#ef44441a;color:var(--color-danger);border:1px solid var(--color-danger);padding:.35rem .65rem;border-radius:var(--radius);cursor:pointer;font-size:.75rem;transition:var(--transition)}.remove-btn:hover{background:#ef444433}.add-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.add-buttons button{font-size:.75rem;padding:.5rem 1rem}.findings-list,.items-list,.hotspots-list{margin-bottom:1rem}.finding-item,.item-editor,.hotspot-item-editor{background:var(--color-bg-dark);padding:1.25rem;border-radius:var(--radius);margin-bottom:1rem;border:1px solid var(--color-border)}.form-grid.coords{grid-template-columns:repeat(4,1fr)}.image-preview{margin:1rem 0}.image-preview p{font-size:.875rem;margin-bottom:.5rem}.preview-container{position:relative;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.preview-container img{width:100%;height:auto;display:block}.hotspot-preview{position:absolute;border:2px dashed var(--color-danger);background:#ef444433;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--color-danger)}.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:2rem}.modal{background:var(--color-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 0 60px #00d4ff33}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0;font-family:Orbitron,sans-serif;font-size:1.25rem;color:var(--color-primary)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-muted);cursor:pointer;padding:.5rem;line-height:1;transition:var(--transition)}.modal-close:hover{color:var(--color-danger)}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--color-border)}.raw-editor-modal{max-width:1000px}.raw-editor-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.editor-hint{color:var(--color-text-muted);font-size:.8rem}.raw-editor-error{background:#ef44441a;border:1px solid var(--color-danger);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.raw-editor-error pre{margin:0;color:var(--color-danger);font-size:.8rem;white-space:pre-wrap;word-break:break-word}.raw-json-textarea{width:100%;min-height:500px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.5;background:var(--color-bg-dark);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);resize:vertical}.raw-json-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow)}.button.small{padding:.4rem .75rem;font-size:.75rem}.button.secondary{background:linear-gradient(135deg,var(--color-secondary) 0%,#6d28d9 100%)}.button.secondary:hover{box-shadow:0 0 20px #7c3aed66}.action-btn.raw{background:#7c3aed1a;color:var(--color-secondary);border-color:var(--color-secondary)}.action-btn.raw:hover{background:#7c3aed33}.difficulty-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}.difficulty-badge.rookie{background:linear-gradient(135deg,#22c55e33,#10b98133);color:#22c55e;border:1px solid #22c55e;box-shadow:0 0 10px #22c55e4d}.difficulty-badge.easy{background:linear-gradient(135deg,#3b82f633,#2563eb33);color:#3b82f6;border:1px solid #3b82f6;box-shadow:0 0 10px #3b82f64d}.difficulty-badge.medium{background:linear-gradient(135deg,#eab30833,#ca8a0433);color:#eab308;border:1px solid #eab308;box-shadow:0 0 10px #eab3084d}.difficulty-badge.hard{background:linear-gradient(135deg,#f9731633,#ea580c33);color:#f97316;border:1px solid #f97316;box-shadow:0 0 10px #f973164d}.difficulty-badge.expert{background:linear-gradient(135deg,#ef444433,#dc262633);color:#ef4444;border:1px solid #ef4444;box-shadow:0 0 10px #ef44444d;animation:pulse-expert 2s infinite}@keyframes pulse-expert{0%,to{box-shadow:0 0 10px #ef44444d}50%{box-shadow:0 0 20px #ef444480}}.time-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .6rem;background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:999px;font-size:.7rem;color:var(--color-text-muted)}@media (max-width: 1024px){.category-grid,.progress-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero h1{font-size:2rem}.hero-subtitle{font-size:.75rem}.player-stats{flex-direction:column;gap:1rem}.xp-bar-container{width:100%;max-width:100%}.category-grid,.challenge-grid,.phishing-simulator .email-client{grid-template-columns:1fr}.email-list{display:none}.classification-buckets,.stats-grid{grid-template-columns:repeat(2,1fr)}.type-options,.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.filters{flex-direction:column;margin:0 1rem 1rem}.admin-actions,.challenge-table-wrapper{padding:0 1rem}}@media (max-width: 480px){.home-page{padding:1rem}.hero{padding:2rem 1rem}.hero h1{font-size:1.5rem;letter-spacing:1px}.progress-summary{grid-template-columns:repeat(2,1fr);gap:.75rem}.progress-card{padding:1rem}.progress-number{font-size:1.75rem}.classification-buckets,.stats-grid{grid-template-columns:1fr}.results-actions{flex-direction:column}.results-actions button,.results-actions a{width:100%}}.password-simulator,.social-engineering-simulator,.secure-browsing-simulator,.mobile-security-simulator,.incident-response-simulator,.physical-security-simulator{max-width:900px;margin:0 auto}.password-game-hud,.se-game-hud,.sb-game-hud,.ms-game-hud,.ir-game-hud,.ps-game-hud{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--color-bg-dark);border-radius:var(--radius-lg);margin-bottom:1.5rem;border:1px solid var(--color-glass-border);flex-wrap:wrap;gap:1rem}.hud-left{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.hud-center,.hud-right{display:flex;align-items:center}.progress-tracker,.score-tracker,.phase-tracker{display:flex;align-items:center;gap:.5rem}.tracker-icon{font-size:1.25rem}.tracker-label{color:var(--color-text-muted);font-size:.8rem}.tracker-value{font-family:Orbitron,sans-serif;font-weight:700;color:var(--color-text)}.tracker-value.error{color:var(--color-danger)}.password-tips,.se-tips,.sb-tips,.ms-tips,.ir-tips,.ps-tips{background:var(--color-bg-dark)!important;margin-bottom:1.5rem}.password-tips h4,.se-tips h4,.sb-tips h4,.ms-tips h4,.ir-tips h4,.ps-tips h4{margin:0 0 1rem;color:var(--color-text)}.instructions{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#00d4ff1a;border:1px solid var(--color-primary);border-radius:var(--radius);margin-bottom:1.5rem;color:var(--color-text-muted);font-size:.9rem}.password-card{background:var(--color-bg-dark);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--color-glass-border)}.password-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.password-number{font-family:Orbitron,sans-serif;font-size:.9rem;color:var(--color-text-muted)}.toggle-visibility{background:var(--color-bg-light);border:1px solid var(--color-border);padding:.5rem 1rem;border-radius:var(--radius);color:var(--color-text);cursor:pointer;transition:var(--transition)}.toggle-visibility:hover{border-color:var(--color-primary)}.password-display{background:var(--color-bg-light);padding:1.5rem;border-radius:var(--radius);text-align:center;margin-bottom:1rem}.password-text{font-family:Courier New,monospace;font-size:1.5rem;color:var(--color-primary);letter-spacing:2px}.password-text.masked{color:var(--color-text-muted)}.password-analysis{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.analysis-item{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:var(--color-bg-light);border-radius:var(--radius);font-size:.75rem;border:1px solid var(--color-border)}.analysis-item.good{border-color:var(--color-success);color:var(--color-success)}.analysis-item.ok{border-color:var(--color-xp);color:var(--color-xp)}.analysis-item.bad{border-color:var(--color-danger);color:var(--color-danger)}.strength-selection h3{text-align:center;margin-bottom:1rem;color:var(--color-text)}.strength-options{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.strength-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:var(--color-bg-dark);border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);min-width:100px}.strength-btn:hover:not(:disabled){border-color:var(--strength-color, var(--color-primary));box-shadow:0 0 15px color-mix(in srgb,var(--strength-color, var(--color-primary)) 30%,transparent)}.strength-btn.selected{border-color:var(--strength-color, var(--color-primary));background:color-mix(in srgb,var(--strength-color, var(--color-primary)) 15%,transparent)}.strength-btn.correct{border-color:var(--color-success)!important;background:#10b98133!important}.strength-btn.wrong{border-color:var(--color-danger)!important;background:#ef444433!important}.strength-btn:disabled{cursor:not-allowed;opacity:.7}.strength-icon{font-size:1.5rem}.strength-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-text)}.rating-result{padding:1.25rem;border-radius:var(--radius);margin:1.5rem 0;border-left:4px solid}.rating-result.correct{background:#10b9811a;border-color:var(--color-success)}.rating-result.wrong{background:#ef44441a;border-color:var(--color-danger)}.rating-result.partial{background:#f59e0b1a;border-color:var(--color-warning)}.result-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-weight:700;color:var(--color-text)}.result-icon{font-size:1.25rem}.result-explanation,.result-feedback{color:var(--color-text-muted);font-size:.9rem;margin:0 0 .75rem;line-height:1.5}.result-hints{margin-top:.75rem}.result-hints strong{color:var(--color-text);font-size:.85rem}.result-hints ul{margin:.5rem 0 0 1.25rem;padding:0}.result-hints li{color:var(--color-text-muted);font-size:.85rem;margin-bottom:.25rem}.password-actions,.se-actions,.sb-actions,.ms-actions,.ir-actions,.ps-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.submit-btn,.next-btn,.continue-btn,.complete-btn{padding:1rem 2.5rem;font-size:1rem;font-weight:700;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition)}.submit-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff}.submit-btn:hover:not(:disabled){box-shadow:0 0 30px var(--color-primary-glow);transform:translateY(-2px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.next-btn,.continue-btn{background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);color:#fff}.next-btn:hover:not(:disabled),.continue-btn:hover:not(:disabled){box-shadow:0 0 30px var(--color-success-glow);transform:translateY(-2px)}.score-summary{margin-top:1.5rem;padding:1rem;background:var(--color-bg-dark);border-radius:var(--radius);border:1px solid var(--color-glass-border)}.summary-stats{display:flex;justify-content:center;gap:2rem}.summary-stats .stat{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.summary-stats .stat.correct{color:var(--color-success)}.summary-stats .stat.wrong{color:var(--color-danger)}.summary-stats .stat.total{color:var(--color-xp);font-weight:700}.scenario-card{background:var(--color-bg-dark);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--color-glass-border)}.scenario-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.channel-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;color:#fff;font-size:.8rem;font-weight:600}.attack-technique{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:.85rem}.scenario-context{color:var(--color-text-muted);margin-bottom:1rem;font-style:italic}.conversation-thread{background:var(--color-bg-light);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.message{padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:.75rem}.message.attacker{background:#ef44441a;border-left:3px solid var(--color-danger)}.message.system{background:#00d4ff1a;border-left:3px solid var(--color-primary)}.message.colleague{background:#10b9811a;border-left:3px solid var(--color-success)}.message-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.8rem}.sender-name{font-weight:700;color:var(--color-text)}.sender-role{color:var(--color-text-dim)}.message-time{color:var(--color-text-dim);margin-left:auto}.message-content{color:var(--color-text-muted);line-height:1.5}.red-flags-toggle{background:#ef44441a;border:1px solid var(--color-danger);color:var(--color-danger);padding:.5rem 1rem;border-radius:var(--radius);cursor:pointer;font-size:.85rem;transition:var(--transition)}.red-flags-toggle:hover{background:#ef444433}.red-flags-list{margin-top:1rem;padding:1rem;background:#ef44441a;border-radius:var(--radius);border:1px solid rgba(239,68,68,.3)}.red-flags-list h4{margin:0 0 .75rem;color:var(--color-danger);font-size:.9rem}.red-flags-list ul{margin:0;padding-left:1.25rem}.red-flags-list li{color:var(--color-text-muted);font-size:.85rem;margin-bottom:.35rem}.response-section h3{text-align:center;margin-bottom:1rem;color:var(--color-text)}.response-options{display:flex;flex-direction:column;gap:.75rem}.response-option{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:var(--color-bg-dark);border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:var(--transition)}.response-option:hover:not(:disabled){border-color:var(--color-primary)}.response-option.selected{border-color:var(--color-primary);background:#00d4ff1a}.response-option.correct{border-color:var(--color-success)!important;background:#10b9811a!important}.response-option.wrong{border-color:var(--color-danger)!important;background:#ef44441a!important}.response-option:disabled{cursor:not-allowed}.option-text{flex:1;color:var(--color-text);font-size:.9rem}.option-badge{font-size:.7rem;font-weight:700;padding:.25rem .75rem;border-radius:999px}.option-badge.correct{background:var(--color-success);color:#fff}.option-badge.wrong{background:var(--color-danger);color:#fff}.response-result{padding:1.25rem;border-radius:var(--radius);margin:1.5rem 0;border-left:4px solid}.response-result.correct{background:#10b9811a;border-color:var(--color-success)}.response-result.wrong{background:#ef44441a;border-color:var(--color-danger)}.url-card{background:var(--color-bg-dark);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--color-glass-border)}.url-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.url-number{font-family:Orbitron,sans-serif;font-size:.9rem;color:var(--color-text-muted)}.breakdown-toggle{background:var(--color-bg-light);border:1px solid var(--color-border);padding:.5rem 1rem;border-radius:var(--radius);color:var(--color-text);cursor:pointer;transition:var(--transition);font-size:.85rem}.breakdown-toggle:hover{border-color:var(--color-primary)}.browser-mockup{background:#1a1a2e;border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-border)}.browser-bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#252540;border-bottom:1px solid var(--color-border)}.browser-controls{display:flex;gap:.5rem}.browser-dot{width:12px;height:12px;border-radius:50%}.browser-dot.red{background:#ff5f57}.browser-dot.yellow{background:#febc2e}.browser-dot.green{background:#28c840}.url-bar{flex:1;display:flex;align-items:center;gap:.5rem;background:var(--color-bg-dark);padding:.5rem 1rem;border-radius:var(--radius);font-family:Courier New,monospace}.lock-icon{font-size:.9rem}.url-display{color:var(--color-text);font-size:.85rem;word-break:break-all}.browser-actions{color:var(--color-text-muted)}.browser-content{padding:1.5rem;min-height:100px}.fake-page{opacity:.3}.fake-header{height:20px;width:40%;background:var(--color-border);border-radius:var(--radius);margin-bottom:1rem}.fake-line{height:10px;background:var(--color-border);border-radius:var(--radius);margin-bottom:.5rem}.fake-line.short{width:60%}.url-breakdown{margin-top:1rem;padding:1rem;background:var(--color-bg-light);border-radius:var(--radius)}.url-breakdown h4{margin:0 0 .75rem;color:var(--color-text);font-size:.9rem}.url-parts{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.url-part{display:flex;flex-direction:column;align-items:center;gap:.25rem}.part-label{font-size:.65rem;color:var(--color-text-dim);text-transform:uppercase}.part-value{font-family:Courier New,monospace;font-size:.85rem;color:var(--color-text);padding:.25rem .5rem;background:var(--color-bg-dark);border-radius:var(--radius)}.url-part.important .part-value{background:#ef444433;color:var(--color-danger);font-weight:700}.url-part.highlight .part-value{background:#fbbf2433;color:var(--color-xp)}.legitimate-hint{margin-top:1rem;padding:.75rem 1rem;background:#00d4ff1a;border-radius:var(--radius);font-size:.85rem;color:var(--color-text-muted);display:flex;align-items:center;gap:.5rem}.legitimate-hint strong{color:var(--color-primary)}.verdict-selection h3{text-align:center;margin-bottom:1rem;color:var(--color-text)}.verdict-options{display:flex;gap:1rem;justify-content:center}.verdict-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;background:var(--color-bg-dark);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);min-width:150px}.verdict-btn.safe:hover:not(:disabled){border-color:var(--color-success);box-shadow:0 0 20px var(--color-success-glow)}.verdict-btn.malicious:hover:not(:disabled){border-color:var(--color-danger);box-shadow:0 0 20px var(--color-danger-glow)}.verdict-btn.selected.safe{border-color:var(--color-success);background:#10b9811a}.verdict-btn.selected.malicious{border-color:var(--color-danger);background:#ef44441a}.verdict-btn.correct{border-color:var(--color-success)!important;background:#10b98133!important}.verdict-btn.wrong{border-color:var(--color-danger)!important;background:#ef444433!important}.verdict-btn:disabled{cursor:not-allowed;opacity:.7}.verdict-icon{font-size:2rem}.verdict-label{font-weight:700;color:var(--color-text)}.verdict-desc{font-size:.75rem;color:var(--color-text-dim)}.url-result{padding:1.25rem;border-radius:var(--radius);margin:1.5rem 0;border-left:4px solid}.url-result.correct{background:#10b9811a;border-color:var(--color-success)}.url-result.wrong{background:#ef44441a;border-color:var(--color-danger)}.red-flags{margin-top:.75rem}.red-flags strong{color:var(--color-danger);font-size:.85rem}.red-flags ul{margin:.5rem 0 0 1.25rem;padding:0}.red-flags li{color:var(--color-text-muted);font-size:.85rem;margin-bottom:.25rem}.phone-mockup{max-width:350px;margin:0 auto 1.5rem;background:#1a1a2e;border-radius:30px;padding:10px;border:3px solid #333;box-shadow:0 20px 60px #00000080}.phone-notch{width:120px;height:25px;background:#000;margin:0 auto 10px;border-radius:0 0 15px 15px}.phone-screen{background:var(--color-bg-dark);border-radius:20px;padding:1rem;min-height:400px}.phone-home-bar{width:100px;height:5px;background:#666;margin:10px auto 0;border-radius:5px}.app-store-card{background:var(--color-bg-light);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.app-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.app-icon{font-size:2.5rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-dark);border-radius:12px}.app-info{flex:1}.app-name{margin:0;font-size:1rem;color:var(--color-text)}.app-developer{margin:0;font-size:.75rem;color:var(--color-text-dim)}.install-btn{background:var(--color-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:999px;font-weight:700;font-size:.8rem}.app-description{margin:0;font-size:.8rem;color:var(--color-text-muted)}.permission-dialog{background:var(--color-bg-light);border-radius:var(--radius);padding:1rem}.permission-dialog h4{margin:0 0 .25rem;color:var(--color-text);font-size:.9rem}.permission-subtitle{margin:0 0 .75rem;color:var(--color-text-dim);font-size:.75rem}.permissions-list{display:flex;flex-direction:column;gap:.5rem}.permission-item{background:var(--color-bg-dark);border-radius:var(--radius);padding:.75rem;cursor:pointer;transition:var(--transition);border:1px solid transparent}.permission-item:hover{border-color:var(--color-border)}.permission-item.suspicious{border-color:var(--color-danger);background:#ef44441a}.permission-row{display:flex;align-items:center;gap:.75rem}.permission-icon{font-size:1.25rem}.permission-name{flex:1;color:var(--color-text);font-size:.85rem}.suspicious-badge{font-size:1rem}.expand-icon{color:var(--color-text-dim);font-size:.7rem}.permission-description{margin:.5rem 0 0 2rem;color:var(--color-text-muted);font-size:.75rem}.decision-section h3{text-align:center;margin-bottom:1rem;color:var(--color-text)}.decision-options{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.decision-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:var(--color-bg-dark);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);min-width:120px}.decision-btn.allow:hover:not(:disabled){border-color:var(--color-success)}.decision-btn.review:hover:not(:disabled){border-color:var(--color-xp)}.decision-btn.deny:hover:not(:disabled){border-color:var(--color-danger)}.decision-btn.selected.allow{border-color:var(--color-success);background:#10b9811a}.decision-btn.selected.review{border-color:var(--color-xp);background:#fbbf241a}.decision-btn.selected.deny{border-color:var(--color-danger);background:#ef44441a}.decision-btn.correct{border-color:var(--color-success)!important;background:#10b98133!important}.decision-btn.wrong{border-color:var(--color-danger)!important;background:#ef444433!important}.decision-btn:disabled{cursor:not-allowed;opacity:.7}.decision-icon{font-size:1.5rem}.decision-label{font-weight:700;color:var(--color-text);font-size:.85rem}.decision-desc{font-size:.7rem;color:var(--color-text-dim);text-align:center}.decision-result{padding:1.25rem;border-radius:var(--radius);margin:1.5rem 0;border-left:4px solid}.decision-result.correct{background:#10b9811a;border-color:var(--color-success)}.decision-result.wrong{background:#ef44441a;border-color:var(--color-danger)}.suspicious-list{margin-top:.75rem}.suspicious-list strong{color:var(--color-xp);font-size:.85rem}.suspicious-list ul{margin:.5rem 0 0 1.25rem;padding:0}.suspicious-list li{color:var(--color-text-muted);font-size:.85rem;margin-bottom:.25rem}.incident-alert{background:var(--color-bg-dark);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;border:2px solid}.alert-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.severity-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;color:#fff;font-size:.8rem;font-weight:600}.category-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-bg-light);border-radius:999px;color:var(--color-text);font-size:.8rem}.timestamp{color:var(--color-text-dim);font-size:.8rem;margin-left:auto}.incident-title{margin:0 0 .75rem;color:var(--color-text)}.incident-description{color:var(--color-text-muted);margin:0 0 1rem;line-height:1.5}.incident-details{background:var(--color-bg-light);border-radius:var(--radius);padding:1rem}.incident-details h4{margin:0 0 .75rem;color:var(--color-text);font-size:.9rem}.incident-details ul{margin:0;padding-left:1.25rem}.incident-details li{color:var(--color-text-muted);font-size:.85rem;margin-bottom:.35rem}.actions-phase h3,.escalation-phase h3{margin-bottom:.5rem;color:var(--color-text)}.phase-instruction{color:var(--color-text-muted);font-size:.85rem;margin-bottom:1rem}.actions-grid{display:flex;flex-direction:column;gap:.75rem}.action-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:var(--color-bg-dark);border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:var(--transition)}.action-card:hover:not(:disabled){border-color:var(--color-primary)}.action-card.selected{border-color:var(--color-primary);background:#00d4ff1a}.action-card.correct{border-color:var(--color-success)!important;background:#10b9811a!important}.action-card.wrong{border-color:var(--color-danger)!important;background:#ef44441a!important}.action-card.missed{border-color:var(--color-xp)!important;background:#fbbf241a!important}.action-card:disabled{cursor:not-allowed}.action-check{font-size:1.25rem}.action-content{flex:1}.action-text{color:var(--color-text);font-size:.9rem;display:block}.action-feedback{color:var(--color-text-muted);font-size:.8rem;margin-top:.5rem;display:block}.action-points{color:var(--color-success);font-weight:700;font-size:.85rem}.action-penalty{color:var(--color-danger);font-weight:700;font-size:.85rem}.phase-result{margin-top:1.5rem;padding:1rem;background:var(--color-bg-dark);border-radius:var(--radius);text-align:center}.escalation-options{display:flex;flex-direction:column;gap:.75rem}.escalation-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;background:var(--color-bg-dark);border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:var(--transition)}.escalation-card:hover:not(:disabled){border-color:var(--color-primary)}.escalation-card.selected{border-color:var(--color-primary);background:#00d4ff1a}.escalation-card.correct{border-color:var(--color-success)!important;background:#10b9811a!important}.escalation-card.wrong{border-color:var(--color-danger)!important;background:#ef44441a!important}.escalation-card:disabled{cursor:not-allowed}.contact-info{display:flex;align-items:center;gap:.75rem}.contact-icon{font-size:1.5rem}.contact-name{display:block;font-weight:700;color:var(--color-text)}.contact-role{display:block;font-size:.8rem;color:var(--color-text-dim)}.escalation-explanation{margin:0;color:var(--color-text-muted);font-size:.85rem}.scenario-card .scenario-title{margin:0 0 .75rem;color:var(--color-text)}.scenario-card .scenario-description{color:var(--color-text-muted);margin:0 0 1rem;font-size:.9rem}.location-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-bg-light);border-radius:999px;color:var(--color-text);font-size:.8rem}.situation-box{background:var(--color-bg-light);border-radius:var(--radius);padding:1rem;border-left:4px solid var(--color-primary)}.situation-box h4{margin:0 0 .5rem;color:var(--color-text);font-size:.9rem}.situation-box p{margin:0;color:var(--color-text-muted);line-height:1.5}.question-section{margin-bottom:1.5rem}.question-text{margin-bottom:1rem;color:var(--color-text);text-align:center}.options-list{display:flex;flex-direction:column;gap:.75rem}.option-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;background:var(--color-bg-dark);border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:var(--transition)}.option-card:hover:not(:disabled){border-color:var(--color-primary)}.option-card.selected{border-color:var(--color-primary);background:#00d4ff1a}.option-card.correct{border-color:var(--color-success)!important;background:#10b9811a!important}.option-card.wrong{border-color:var(--color-danger)!important;background:#ef44441a!important}.option-card:disabled{cursor:not-allowed}.option-content{flex:1}.option-card .option-text{color:var(--color-text);font-size:.9rem}.option-feedback{margin-top:.5rem}.impact-indicator{display:inline-block;font-size:.75rem;font-weight:700;margin-bottom:.25rem}.impact-indicator.positive{color:var(--color-success)}.impact-indicator.negative{color:var(--color-danger)}.impact-indicator.neutral{color:var(--color-xp)}.option-feedback p{margin:0;color:var(--color-text-muted);font-size:.8rem}.option-points{color:var(--color-success);font-weight:700;font-size:.85rem;align-self:flex-end}.answer-result{padding:1.25rem;border-radius:var(--radius);margin:1.5rem 0;border-left:4px solid}.answer-result.correct{background:#10b9811a;border-color:var(--color-success)}.answer-result.wrong{background:#ef44441a;border-color:var(--color-danger)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:1rem}.login-container{background:var(--card-bg);border-radius:var(--radius-lg);padding:2.5rem;width:100%;max-width:420px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:1.75rem;margin-bottom:.5rem;color:var(--text-primary)}.login-header p{color:var(--text-secondary);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-error{background:#ef44441a;border:1px solid var(--color-danger);color:var(--color-danger);padding:.75rem 1rem;border-radius:var(--radius);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-primary);font-size:.9rem}.form-group input{padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder{color:var(--text-muted)}.login-button{background:var(--color-primary);color:#fff;border:none;padding:1rem;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;margin-top:.5rem}.login-button:hover:not(:disabled){background:var(--color-primary-dark)}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-button.primary-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);width:100%;padding:1rem 1.5rem;font-size:1.1rem;border-radius:var(--radius);box-shadow:0 4px 15px #00d4ff4d}.login-button.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff66}.login-success{background:#10b9811a;border:1px solid var(--color-success);color:var(--color-success);padding:.75rem 1rem;border-radius:var(--radius);font-size:.9rem;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.login-divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--color-text-muted)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.login-divider span{padding:0 1rem;font-size:.85rem}.login-toggle-btn{width:100%;padding:.875rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:.95rem;cursor:pointer;transition:all .2s}.login-toggle-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#00d4ff0d}.google-login-btn{width:100%;padding:.875rem 1rem;background:#fff;border:1px solid #dadce0;border-radius:var(--radius);color:#3c4043;font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s;margin-bottom:1rem}.google-login-btn:hover{background:#f8f9fa;border-color:#c6c6c6;box-shadow:0 1px 3px #0000001a}.google-login-btn svg{flex-shrink:0}.auth-callback-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.auth-callback-container{text-align:center;padding:2rem}.auth-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.auth-loading .spinner{width:48px;height:48px;border:4px solid var(--color-glass-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.auth-loading p{color:var(--color-text-muted);font-size:1rem}.login-hint{margin-top:1.5rem;padding:1rem;background:#00d4ff0d;border:1px dashed var(--color-border);border-radius:var(--radius);text-align:center}.login-hint p{margin:0;font-size:.85rem;color:var(--color-text-muted);font-family:monospace}.login-footer{margin-top:1.5rem;text-align:center}.back-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.5rem;transition:color .2s}.back-link:hover{color:var(--color-primary)}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-secondary)}@media (max-width: 768px){.app{font-size:14px}.phishing-simulator{padding:.5rem}.email-game-hud{flex-direction:column;gap:.75rem;padding:.75rem;margin-bottom:.75rem}.hud-left,.hud-center,.hud-right{width:100%;justify-content:center}.findings-tracker{font-size:.85rem}.hint-toggle{width:100%;justify-content:center}.hint-panel{padding:.75rem;margin-bottom:.75rem}.hint-panel h4{font-size:.9rem}.hint-panel ul{font-size:.8rem;padding-left:1rem}.email-client-realistic{grid-template-columns:1fr;min-height:auto}.email-sidebar{display:none}.email-sidebar.mobile-visible{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;background:#16162a}.email-reading-pane{min-height:400px}.email-toolbar{padding:.5rem;gap:.25rem;flex-wrap:wrap;overflow-x:auto}.toolbar-btn{padding:.3rem .5rem;font-size:.7rem;white-space:nowrap}.email-subject-bar{padding:.75rem 1rem}.email-subject-bar h2{font-size:1rem;line-height:1.3}.email-sender-section{padding:.75rem 1rem;flex-wrap:wrap;gap:.75rem}.sender-avatar{width:36px;height:36px;font-size:1rem}.sender-row{flex-direction:column;gap:.25rem}.sender-name{font-size:.9rem}.sender-email{font-size:.75rem;word-break:break-all}.reply-to-row{font-size:.75rem}.email-timestamp{font-size:.7rem}.email-content-area{padding:.75rem 1rem}.email-body-modern{font-size:.9rem;line-height:1.6}.email-text{margin-bottom:.75rem}.email-link{word-break:break-all}.link-url-reveal{display:block;font-size:.7rem;margin-top:.25rem}.attachments-section{margin-top:1rem}.attachments-header{font-size:.85rem}.attachments-grid{grid-template-columns:1fr;gap:.5rem}.attachment-card{padding:.75rem}.attachment-icon{font-size:1.25rem}.attachment-name{font-size:.8rem;word-break:break-all}.attachment-size{font-size:.7rem}.email-verdict-section{padding:1rem;margin-top:.75rem}.verdict-prompt{font-size:.9rem;margin-bottom:.75rem}.verdict-buttons{flex-direction:column;gap:.75rem}.verdict-btn{padding:1rem;width:100%}.btn-text{font-size:1rem}.btn-hint{font-size:.75rem}.classification-simulator{padding:.5rem}.classification-header{padding:.75rem;flex-direction:column;gap:.5rem;text-align:center}.classification-buckets{grid-template-columns:1fr;gap:.75rem;padding:.5rem}.classification-bucket{padding:.75rem;min-height:auto}.bucket-header{font-size:.9rem}.document-item{padding:.75rem;font-size:.85rem}.documents-queue{padding:.75rem}.document-card h3{font-size:1rem}.document-card p{font-size:.85rem}.classification-buttons{grid-template-columns:repeat(2,1fr);gap:.5rem}.classification-buttons button{padding:.75rem .5rem;font-size:.8rem}.hotspot-simulator{padding:.5rem}.hotspot-header{padding:.75rem;flex-direction:column;gap:.5rem;text-align:center}.hotspot-image-container{border-radius:var(--radius);min-height:250px}.hotspot-marker{width:28px;height:28px;font-size:.9rem}.hotspot-feedback{padding:.75rem;font-size:.85rem}.hotspot-progress{padding:.75rem;font-size:.9rem}.play-challenge-page{padding:.5rem}.challenge-header{padding:.75rem;flex-direction:column;gap:.75rem;text-align:center}.challenge-info h1{font-size:1.1rem;line-height:1.3}.challenge-info p{font-size:.85rem}.challenge-meta-info{flex-wrap:wrap;justify-content:center;gap:.5rem}.timer-display{font-size:1.1rem}.simulator-container{padding:0;margin-top:.5rem}.results-container{padding:1rem;margin:.5rem}.results-header h2{font-size:1.25rem}.score-display{font-size:2rem}.score-label{font-size:.85rem}.results-breakdown{padding:.75rem}.breakdown-item{padding:.5rem 0;font-size:.85rem}.results-actions{flex-direction:column;gap:.75rem}.results-actions button{width:100%}.hero{padding:2rem 1rem}.hero-logo{max-width:200px}.hero-content h1{font-size:1.5rem}.hero-subtitle{font-size:.9rem}.player-stats{flex-direction:column;gap:1rem}.level-badge{padding:.5rem 1rem}.progress-summary{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem}.progress-card{padding:1rem}.progress-number{font-size:1.5rem}.category-grid{grid-template-columns:1fr;gap:1rem;padding:0 1rem}.category-card{padding:1.25rem}.category-icon{font-size:2rem}.category-card h3{font-size:1.1rem}.categories h2,.featured h2{font-size:1.25rem;padding:0 1rem}.challenge-grid{grid-template-columns:1fr;gap:1rem;padding:0 1rem}.challenge-card{padding:1.25rem}.view-all{padding:1rem}.home-footer{flex-direction:column;gap:1.5rem;padding:2rem 1rem;text-align:center}.footer-links{flex-direction:column;gap:.75rem}.challenge-list-page{padding:1rem}.challenge-list-header{flex-direction:column;gap:1rem;text-align:center}.challenge-filters{flex-direction:column;gap:.75rem}.filter-group,.filter-group select{width:100%}.simulator-container{padding:1rem}.email-simulator{border-radius:var(--radius)}.email-header{padding:1rem}.email-meta{flex-direction:column;gap:.5rem}.email-from,.email-to,.email-subject{font-size:.85rem}.email-body{padding:1rem}.email-attachments{padding:.75rem 1rem}.attachment{padding:.5rem .75rem;font-size:.85rem}.classification-container{padding:1rem}.classification-zones{grid-template-columns:1fr;gap:1rem}.document-card{padding:1rem}.hotspot-container{padding:.5rem}.hotspot-image-container{border-radius:var(--radius)}.password-container,.password-card{padding:1rem}.password-display{font-size:1rem;word-break:break-all}.strength-buttons{grid-template-columns:repeat(2,1fr)}.social-container{padding:1rem}.conversation-bubble{max-width:90%;padding:.75rem 1rem}.response-options{gap:.75rem}.response-btn{padding:1rem;font-size:.9rem}.browsing-container,.url-card{padding:1rem}.url-display{font-size:.85rem;word-break:break-all}.verdict-buttons{flex-direction:column}.mobile-container,.app-card{padding:1rem}.permission-list{gap:.5rem}.permission-item{padding:.5rem;font-size:.85rem}.decision-buttons{flex-direction:column}.incident-container,.incident-card{padding:1rem}.action-list{gap:.5rem}.action-item{padding:.75rem;font-size:.9rem}.physical-container,.scenario-card{padding:1rem}.option-buttons{gap:.5rem}.option-btn{padding:1rem;font-size:.9rem}.results-container{padding:1rem;margin:1rem}.score-display{font-size:2.5rem}.results-breakdown{padding:1rem}.challenge-header{padding:1rem;flex-direction:column;gap:1rem;text-align:center}.challenge-info h1,.timer{font-size:1.25rem}.admin-dashboard{padding:1rem}.admin-header{flex-direction:column;gap:1rem;text-align:center}.admin-actions{flex-direction:column;width:100%}.admin-actions .button{width:100%}.admin-grid{grid-template-columns:1fr}.login-container{padding:1.5rem;margin:1rem}.login-header h1{font-size:1.5rem}}@media (max-width: 480px){.progress-summary{grid-template-columns:repeat(2,1fr);gap:.5rem}.progress-card{padding:.75rem}.progress-icon,.progress-number{font-size:1.25rem}.progress-label{font-size:.7rem}.strength-buttons{grid-template-columns:1fr}.category-stats{flex-direction:column;gap:.5rem}.challenge-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.email-toolbar{padding:.5rem;gap:.25rem}.email-toolbar button{padding:.25rem .5rem;font-size:.75rem}.email-subject-bar h2{font-size:.9rem}.verdict-btn{padding:.75rem}.btn-icon{font-size:1.25rem}.classification-buttons{grid-template-columns:1fr}}@media (max-width: 768px){.password-simulator{padding:.5rem}.password-game-header{padding:.75rem;flex-direction:column;gap:.5rem;text-align:center}.password-card{padding:1rem;margin:.5rem 0}.password-display{font-size:1rem;padding:.75rem;word-break:break-all;font-family:monospace}.password-info{font-size:.85rem}.strength-buttons{grid-template-columns:repeat(2,1fr);gap:.5rem}.strength-btn{padding:.75rem .5rem;font-size:.8rem}.password-feedback{padding:.75rem;font-size:.85rem}.password-progress{padding:.75rem}.social-simulator{padding:.5rem}.social-header{padding:.75rem;flex-direction:column;gap:.5rem;text-align:center}.conversation-container{padding:.75rem;max-height:300px}.message-bubble{max-width:90%;padding:.75rem;font-size:.9rem}.message-sender{font-size:.75rem}.response-options{padding:.75rem;gap:.5rem}.response-btn,.scenario-context{padding:.75rem;font-size:.85rem}.red-flags-panel{padding:.75rem}.red-flag-item{font-size:.8rem;padding:.5rem}.browsing-simulator{padding:.5rem}.browsing-header{padding:.75rem;flex-direction:column;gap:.5rem;text-align:center}.url-card{padding:1rem;margin:.5rem 0}.url-display{font-size:.85rem;padding:.75rem;word-break:break-all;font-family:monospace}.url-context{font-size:.85rem;padding:.75rem}.verdict-buttons{flex-direction:column;gap:.5rem}.verdict-btn{width:100%}.url-feedback{padding:.75rem;font-size:.85rem}.url-progress{padding:.75rem}.mobile-simulator{padding:.5rem}.mobile-header{padding:.75rem;flex-direction:column;gap:.5rem;text-align:center}.app-card{padding:1rem;margin:.5rem 0}.app-icon{width:48px;height:48px;font-size:1.5rem}.app-name{font-size:1rem}.app-developer{font-size:.8rem}.permissions-list{gap:.5rem}.permission-item{padding:.5rem .75rem;font-size:.8rem}.permission-icon{font-size:1rem}.decision-buttons{flex-direction:column;gap:.5rem}.decision-btn{width:100%;padding:.75rem}.app-feedback{padding:.75rem;font-size:.85rem}.incident-simulator{padding:.5rem}.incident-header{padding:.75rem;flex-direction:column;gap:.5rem;text-align:center}.incident-card{padding:1rem;margin:.5rem 0}.incident-title{font-size:1rem}.incident-description{font-size:.85rem}.incident-details{font-size:.8rem}.action-list{gap:.5rem}.action-item{padding:.75rem;font-size:.85rem}.action-order{width:24px;height:24px;font-size:.8rem}.incident-feedback{padding:.75rem;font-size:.85rem}.timeline-view{padding:.75rem}.timeline-item{padding:.5rem;font-size:.8rem}.physical-simulator{padding:.5rem}.physical-header{padding:.75rem;flex-direction:column;gap:.5rem;text-align:center}.scenario-card{padding:1rem;margin:.5rem 0}.scenario-title{font-size:1rem}.scenario-description{font-size:.85rem}.scenario-image{max-height:150px}.option-buttons{gap:.5rem}.option-btn,.scenario-feedback{padding:.75rem;font-size:.85rem}.scenario-progress{padding:.75rem}.challenge-list-page{padding:.5rem}.challenge-list-header{padding:.75rem;flex-direction:column;gap:.75rem;text-align:center}.challenge-list-header h1{font-size:1.25rem}.filters-container{flex-direction:column;gap:.5rem;width:100%}.filter-group{width:100%}.filter-group select{width:100%;padding:.75rem;font-size:.9rem}.challenges-list{gap:.75rem;padding:.5rem}.challenge-list-item{padding:1rem}.challenge-list-item h3{font-size:1rem}.challenge-list-item p{font-size:.85rem}.challenge-tags{flex-wrap:wrap;gap:.25rem}.challenge-tag{font-size:.7rem;padding:.2rem .5rem}.back-btn{padding:.5rem 1rem;font-size:.85rem}}.home-footer.eu-compliant{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:0}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;padding:3rem 2rem;max-width:1200px;margin:0 auto}.footer-brand{display:flex;flex-direction:column;gap:.75rem}.footer-brand .footer-logo{max-width:180px;height:auto}.footer-brand p{color:var(--text-secondary);font-size:.9rem;margin:0}.footer-location{color:var(--text-muted);font-size:.85rem!important}.footer-section{display:flex;flex-direction:column;gap:.75rem}.footer-section h4{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.footer-section a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.footer-section a:hover{color:var(--color-primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:1px solid var(--border-color);background:var(--bg-primary);flex-wrap:wrap;gap:1rem}.footer-copy{color:var(--text-muted);font-size:.85rem}.footer-compliance{display:flex;gap:1rem}.compliance-badge{background:#10b9811a;color:var(--color-success);padding:.35rem .75rem;border-radius:var(--radius);font-size:.8rem;font-weight:500}.footer-legal-links{display:flex;gap:.75rem;align-items:center}.footer-legal-links a{color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:color .2s}.footer-legal-links a:hover{color:var(--color-primary)}.footer-legal-links span{color:var(--text-muted)}.legal-page{min-height:100vh;background:var(--bg-primary);padding:2rem 1rem}.legal-container{max-width:800px;margin:0 auto;background:var(--card-bg);border-radius:var(--radius-lg);padding:3rem;box-shadow:var(--shadow);border:1px solid var(--border-color)}.legal-container .back-home{display:inline-block;color:var(--color-primary);text-decoration:none;font-size:.9rem;margin-bottom:1.5rem;transition:color .2s}.legal-container .back-home:hover{color:var(--color-primary-dark)}.legal-container h1{font-size:2rem;color:var(--text-primary);margin-bottom:.5rem}.legal-updated{color:var(--text-muted);font-size:.9rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.legal-container section{margin-bottom:2rem}.legal-container h2{font-size:1.25rem;color:var(--text-primary);margin-bottom:1rem;padding-top:1rem}.legal-container h3{font-size:1rem;color:var(--text-primary);margin:1.25rem 0 .75rem}.legal-container p{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.legal-container ul{color:var(--text-secondary);padding-left:1.5rem;margin-bottom:1rem}.legal-container li{margin-bottom:.5rem;line-height:1.6}.legal-container a{color:var(--color-primary);text-decoration:none}.legal-container a:hover{text-decoration:underline}.cookie-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}.cookie-table th,.cookie-table td{padding:.75rem;text-align:left;border:1px solid var(--border-color)}.cookie-table th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600}.cookie-table td{color:var(--text-secondary)}.legal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.legal-footer a{color:var(--color-primary);text-decoration:none;font-size:.9rem}.legal-footer a:hover{text-decoration:underline}.legal-links{display:flex;gap:1.5rem}.cookie-consent-overlay{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:.75rem;background:#0006}.cookie-consent-banner{max-width:800px;margin:0 auto;background:var(--color-bg-dark);border-radius:var(--radius);padding:1rem 1.25rem;box-shadow:var(--shadow);border:1px solid var(--color-glass-border)}.cookie-consent-content{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.cookie-icon{font-size:1.5rem;flex-shrink:0}.cookie-text h3{color:var(--color-text);font-size:.95rem;margin:0 0 .25rem}.cookie-text p{color:var(--color-text-muted);font-size:.8rem;line-height:1.4;margin:0}.cookie-text a{color:var(--color-primary);text-decoration:none}.cookie-text a:hover{text-decoration:underline}.cookie-consent-actions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.cookie-btn{padding:.5rem 1rem;border-radius:var(--radius);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.cookie-btn.primary{background:var(--color-primary);color:#fff}.cookie-btn.primary:hover{background:var(--color-primary-dark)}.cookie-btn.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.cookie-btn.secondary:hover{background:var(--bg-primary)}.cookie-settings h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 .5rem}.cookie-settings>p{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.25rem}.cookie-option{background:var(--bg-secondary);border-radius:var(--radius);padding:1rem;margin-bottom:.75rem}.cookie-option-header{display:flex;justify-content:space-between;align-items:center}.cookie-option-header label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.cookie-option-header input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--color-primary)}.cookie-option-title{color:var(--text-primary);font-weight:600;font-size:.95rem}.cookie-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius);background:var(--bg-primary);color:var(--text-muted)}.cookie-badge.required{background:#3b82f61a;color:var(--color-primary)}.cookie-option-desc{color:var(--text-secondary);font-size:.85rem;margin:.5rem 0 0 2rem;line-height:1.5}.cookie-consent-footer{display:flex;justify-content:center;gap:.75rem;margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--color-glass-border)}.cookie-consent-footer a{color:var(--text-muted);text-decoration:none;font-size:.8rem}.cookie-consent-footer a:hover{color:var(--color-primary)}.cookie-consent-footer span{color:var(--text-muted)}@media (max-width: 768px){.footer-main{grid-template-columns:1fr;gap:2rem;padding:2rem 1rem;text-align:center}.footer-brand,.footer-section{align-items:center}.footer-bottom{flex-direction:column;text-align:center;padding:1.5rem 1rem}.footer-compliance{flex-wrap:wrap;justify-content:center}.legal-container{padding:1.5rem}.legal-container h1{font-size:1.5rem}.legal-footer{flex-direction:column;gap:1rem;text-align:center}.legal-links{flex-wrap:wrap;justify-content:center}.cookie-table{font-size:.8rem}.cookie-table th,.cookie-table td{padding:.5rem}.cookie-consent-content{flex-direction:column;text-align:center}.cookie-consent-actions{justify-content:center}.cookie-btn{flex:1;min-width:120px}}.ri-simulator{display:flex;flex-direction:column;height:100%;min-height:600px;background:var(--color-bg);border-radius:var(--radius-lg);overflow:hidden}.ri-top-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--color-card);border-bottom:1px solid var(--color-glass-border)}.ri-role-badge{display:flex;align-items:center;gap:.5rem;background:var(--color-glass);padding:.5rem 1rem;border-radius:var(--radius);font-size:.9rem}.role-icon{font-size:1.1rem}.role-text{font-weight:600;color:var(--color-text)}.org-text{color:var(--color-text-muted);font-size:.85rem}.ri-meters{display:flex;align-items:center;gap:1.5rem}.ri-timer,.ri-score{display:flex;align-items:center;gap:.4rem;font-family:Orbitron,sans-serif}.timer-value{font-size:1.1rem;font-weight:700}.timer-value.warning{color:var(--color-danger);animation:pulse 1s infinite}.score-value{font-size:1.1rem;font-weight:700;color:var(--color-xp)}.ri-risk{display:flex;align-items:center;gap:.5rem}.risk-label{font-size:.85rem;color:var(--color-text-muted)}.risk-bar{width:100px;height:8px;background:var(--color-glass);border-radius:4px;overflow:hidden}.risk-fill{height:100%;transition:width .3s,background .3s;border-radius:4px}.risk-value{font-size:.85rem;font-weight:600;min-width:35px}.ri-main{display:grid;grid-template-columns:220px 1fr 280px;flex:1;overflow:hidden}.ri-inbox{background:var(--color-card);border-right:1px solid var(--color-glass-border);padding:1rem;overflow-y:auto}.panel-title{font-size:.9rem;font-weight:600;color:var(--color-text-muted);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px}.inbox-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--color-glass);border-radius:var(--radius);cursor:pointer;transition:all .2s;border:2px solid transparent}.inbox-item.active{border-color:var(--color-primary);background:#00d4ff1a}.inbox-channel{font-size:1.25rem}.inbox-preview{flex:1;min-width:0}.inbox-from{font-weight:600;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-subject{font-size:.8rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-urgency{font-size:.65rem;font-weight:700;padding:.2rem .4rem;border-radius:3px;color:#fff;text-transform:uppercase}.ri-detail{padding:1.5rem;overflow-y:auto;background:var(--color-bg)}.request-header{background:var(--color-card);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1rem;border:1px solid var(--color-glass-border)}.request-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.85rem;margin-bottom:.75rem}.meta-channel{background:var(--color-glass);padding:.25rem .5rem;border-radius:4px}.meta-from{color:var(--color-text)}.meta-email{color:var(--color-text-muted);font-family:monospace;font-size:.8rem}.meta-identity{color:var(--color-warning);font-style:italic}.request-subject-line{font-size:1rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-glass-border)}.request-cues{display:flex;flex-wrap:wrap;gap:.5rem}.cue{font-size:.75rem;padding:.25rem .6rem;border-radius:999px;font-weight:600}.cue.urgency{background:#ef444433;color:#ef4444}.cue.secrecy{background:#8b5cf633;color:#8b5cf6}.cue.process{background:#f59e0b33;color:#f59e0b}.cue.payment{background:#ec489933;color:#ec4899}.request-body{background:var(--color-card);border-radius:var(--radius);padding:1.25rem;border:1px solid var(--color-glass-border);line-height:1.7}.request-paragraph{margin:0 0 1rem;white-space:pre-line}.request-paragraph:last-child{margin-bottom:0}.request-link-block,.request-attachment-block{display:flex;align-items:center;gap:.5rem;background:var(--color-glass);padding:.5rem .75rem;border-radius:var(--radius);margin:.75rem 0}.link-icon,.attachment-icon{font-size:1rem}.link-text{color:var(--color-primary)}.link-url{font-size:.8rem;color:var(--color-text-muted);font-family:monospace}.attachment-name{font-family:monospace;font-size:.9rem}.thread-messages,.revealed-evidence{margin-top:1rem;padding:1rem;background:var(--color-card);border-radius:var(--radius);border:1px solid var(--color-glass-border)}.thread-messages h4,.revealed-evidence h4{font-size:.9rem;margin:0 0 .75rem;color:var(--color-text-muted)}.thread-message{padding:.5rem .75rem;background:var(--color-glass);border-radius:var(--radius);margin-bottom:.5rem;font-size:.9rem}.thread-message.new{border-left:3px solid var(--color-primary)}.evidence-item{padding:.75rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius);margin-bottom:.5rem;font-size:.9rem}.evidence-tags{display:flex;gap:.4rem;margin-top:.5rem;flex-wrap:wrap}.evidence-tag{font-size:.7rem;padding:.15rem .4rem;background:var(--color-glass);border-radius:3px;color:var(--color-text-muted)}.ri-actions{background:var(--color-card);border-left:1px solid var(--color-glass-border);padding:1rem;overflow-y:auto;display:flex;flex-direction:column}.action-groups{flex:1;display:flex;flex-direction:column;gap:1rem}.action-group h4{font-size:.8rem;color:var(--color-text-muted);margin:0 0 .5rem;text-transform:uppercase}.action-group.risky-group h4{color:var(--color-danger)}.ri-action-btn{display:block;width:100%;padding:.6rem .75rem;margin-bottom:.4rem;border:1px solid var(--color-glass-border);border-radius:var(--radius);background:var(--color-glass);color:var(--color-text);font-size:.85rem;text-align:left;cursor:pointer;transition:all .2s}.ri-action-btn:hover:not(:disabled){border-color:var(--color-primary);background:#00d4ff1a}.ri-action-btn.safe:hover:not(:disabled){border-color:var(--color-success);background:#22c55e1a}.ri-action-btn.risky:hover:not(:disabled){border-color:var(--color-danger);background:#ef44441a}.ri-action-btn.escalate:hover:not(:disabled){border-color:var(--color-warning);background:#f59e0b1a}.ri-action-btn.used{opacity:.5;cursor:not-allowed;text-decoration:line-through}.notes-section{margin-top:auto;padding-top:1rem;border-top:1px solid var(--color-glass-border)}.notes-section h4{font-size:.8rem;color:var(--color-text-muted);margin:0 0 .5rem}.notes-input{width:100%;height:80px;padding:.5rem;border:1px solid var(--color-glass-border);border-radius:var(--radius);background:var(--color-glass);color:var(--color-text);font-size:.85rem;resize:none}.ri-resolve-btn{margin-top:1rem;width:100%;padding:.75rem;background:linear-gradient(135deg,var(--color-success) 0%,#16a34a 100%);color:#fff;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all .2s}.ri-resolve-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.ri-debrief{padding:2rem;max-width:800px;margin:0 auto}.debrief-header{text-align:center;margin-bottom:2rem}.debrief-outcome{font-size:1.5rem;margin:0 0 .5rem}.outcome-safe{color:var(--color-success)}.outcome-contained{color:var(--color-warning)}.outcome-incident{color:var(--color-danger)}.debrief-reason{color:var(--color-text-muted);font-size:1rem}.debrief-content{display:flex;flex-direction:column;gap:1.5rem}.debrief-section{background:var(--color-card);border-radius:var(--radius);padding:1.25rem;border:1px solid var(--color-glass-border)}.debrief-section h3{font-size:1rem;margin:0 0 1rem;color:var(--color-text)}.debrief-score{text-align:center;padding:1rem 0}.debrief-score .score-value{font-size:3rem;font-family:Orbitron,sans-serif;font-weight:700;color:var(--color-primary)}.debrief-score .score-label{display:block;font-size:.9rem;color:var(--color-text-muted)}.debrief-meters{margin-top:1rem}.meter-item{display:flex;align-items:center;gap:.75rem}.meter-label{font-size:.85rem;color:var(--color-text-muted);min-width:120px}.risk-bar-small{flex:1;height:8px;background:var(--color-glass);border-radius:4px;overflow:hidden}.risk-fill-small{height:100%;border-radius:4px;transition:width .3s}.meter-value{font-size:.9rem;font-weight:600;min-width:40px;text-align:right}.action-timeline{display:flex;flex-direction:column;gap:.5rem}.timeline-entry{display:flex;align-items:center;gap:1rem;padding:.5rem .75rem;background:var(--color-glass);border-radius:var(--radius);font-size:.85rem}.timeline-entry.positive{border-left:3px solid var(--color-success)}.timeline-entry.negative{border-left:3px solid var(--color-danger)}.timeline-time{font-family:monospace;color:var(--color-text-muted);min-width:40px}.timeline-action{flex:1}.timeline-effect{display:flex;gap:.75rem;font-size:.8rem}.timeline-effect .positive{color:var(--color-success)}.timeline-effect .negative{color:var(--color-danger)}.risk-signals-list,.recommended-steps{margin:0;padding-left:1.5rem}.risk-signals-list li,.recommended-steps li{margin-bottom:.5rem;line-height:1.5}.recommended-steps li.completed{color:var(--color-success)}.recommended-steps li.missed{color:var(--color-text-muted)}.evidence-list{display:flex;flex-direction:column;gap:.5rem}.evidence-card{padding:.75rem;background:var(--color-glass);border-radius:var(--radius)}.evidence-card strong{display:block;margin-bottom:.25rem;color:var(--color-success)}.evidence-card p{margin:0;font-size:.9rem;color:var(--color-text-muted)}.ri-complete-btn{margin-top:2rem;width:100%;padding:1rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border:none;border-radius:var(--radius);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.ri-complete-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--color-primary-glow)}@media (max-width: 1024px){.ri-main{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.ri-inbox{display:none}.ri-detail{border:none}.ri-actions{border-left:none;border-top:1px solid var(--color-glass-border);max-height:300px}}@media (max-width: 640px){.ri-top-bar{flex-direction:column;gap:.75rem;padding:.75rem}.ri-meters{width:100%;justify-content:space-between}.ri-detail{padding:1rem}.request-meta{flex-direction:column;gap:.25rem}}