@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Press+Start+2P&family=VT323&family=Orbitron:wght@400;500;700;900&display=swap";:root{--background:#131313;--surface:#1c1b1b;--surface-low:#151515;--surface-high:#2a2a2a;--surface-highest:#353534;--primary:#c3c0ff;--primary-container:#4f46e5;--primary-glow:#4f46e526;--secondary:#ffb695;--secondary-container:#a44100;--tertiary:#a5e7ff;--tertiary-container:#004e60;--error:#ffb4ab;--error-container:#93000a;--outline:#918fa12e;--outline-glow:#c3c0ff0f;--text-primary:#e5e2e1;--text-secondary:#c7c4d8;--text-muted:#8e8b9e;--font-sans:"Inter", -apple-system, sans-serif;--font-display:"Outfit", sans-serif;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 40px #0009;--shadow-glow:0 0 30px #4f46e51a;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface-high);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--surface-highest)}#root,.app-container{flex-direction:column;min-height:100vh;display:flex}.glass-card{-webkit-backdrop-filter:blur(16px);border:1px solid var(--outline);border-radius:var(--radius-lg);box-shadow:var(--shadow-md), var(--shadow-glow);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);background:#1c1b1bb3;padding:24px}.glass-card:hover{box-shadow:var(--shadow-lg), 0 0 35px #4f46e526;border-color:#c3c0ff4d}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);font-weight:600}.display-large{letter-spacing:-.03em;background:linear-gradient(135deg, #fff 30%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.1}.headline-medium{letter-spacing:-.02em;margin-bottom:8px;font-size:1.8rem;font-weight:700}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary-container) 0%, #6366f1 100%);color:#fff;box-shadow:0 4px 15px #4f46e54d}.btn-primary:hover{background:linear-gradient(135deg,#5a52e6 0%,#6f72f5 100%);transform:translateY(-1px);box-shadow:0 6px 20px #4f46e573}.btn-primary:disabled{background:var(--surface-high);color:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{color:var(--text-primary);border:1px solid var(--outline);background:#35353466}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:#353534cc}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--primary);background:#c3c0ff0d}.input-group{flex-direction:column;width:100%;margin-bottom:24px;display:flex;position:relative}.input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.8rem;font-weight:600}.input-field{background:var(--surface-low);border:1px solid var(--outline);width:100%;font-family:var(--font-sans);color:var(--text-primary);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:14px 16px;font-size:.95rem}.input-field:focus{border-color:var(--primary);box-shadow:0 0 10px #c3c0ff1a}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--outline);z-index:100;background:#131313cc;justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-title{font-family:var(--font-display);background:linear-gradient(135deg, #fff 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;font-size:1.4rem;font-weight:800}.brand-tagline{color:var(--secondary);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700}.nav-links{gap:8px;display:flex}.nav-item{color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none}.nav-item:hover,.nav-item.active{color:var(--primary);background:#c3c0ff0d}.score-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px;display:grid}.score-card{text-align:center;flex-direction:column;align-items:center;padding:32px 24px;display:flex}.ring-wrapper{width:180px;height:180px;margin-bottom:16px;position:relative}.ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--surface-high);stroke-width:12px}.ring-indicator{fill:none;stroke-width:12px;stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.ring-score{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-num{font-family:var(--font-display);font-size:2.2rem;font-weight:800;line-height:1}.score-label{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.bureau-equifax{stroke:#6366f1}.bureau-experian{stroke:#38bdf8}.bureau-transunion{stroke:#f43f5e}.feed-layout{grid-template-columns:280px 1fr 320px;gap:32px;width:100%;max-width:1400px;margin:0 auto;padding:40px;display:grid}@media (width<=1100px){.feed-layout{grid-template-columns:1fr}.side-panel{display:none}}.post-card{margin-bottom:24px;padding:24px}.post-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.avatar{background:var(--surface-high);border:2px solid var(--primary);width:48px;height:48px;font-family:var(--font-display);color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.post-author{color:var(--text-primary);font-weight:700}.post-meta{color:var(--text-muted);font-size:.75rem}.post-content{color:var(--text-primary);white-space:pre-line;margin-bottom:16px;font-size:.95rem}.post-actions{border-top:1px solid var(--outline);gap:24px;padding-top:16px;display:flex}.comments-section{border-top:1px solid var(--outline);margin-top:20px;padding-top:20px}.comment-input-row{gap:12px;margin-bottom:16px;display:flex}.comment-item{border-radius:var(--radius-md);background:#35353433;margin-bottom:12px;padding:12px 16px;font-size:.85rem}.comment-author{margin-bottom:4px;font-weight:700}.gamification-widget{border-radius:var(--radius-md);border:1px solid var(--outline);background:#c3c0ff08;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;display:flex}.stat-label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.stat-val{font-family:var(--font-display);color:var(--primary);font-size:1.5rem;font-weight:800}@keyframes pulseGlow{0%{box-shadow:0 0 15px #4f46e533}50%{box-shadow:0 0 30px #4f46e566}to{box-shadow:0 0 15px #4f46e533}}.pulse-glow{animation:3s infinite pulseGlow}.container{width:100%;max-width:1200px;margin:0 auto;padding:40px 24px}.text-gradient{background:linear-gradient(135deg, #fff 30%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.retro-canvas{color:#e5e2e1;background:radial-gradient(circle,#1b0933 0%,#0d061f 50%,#06020c 100%) 0 0/cover;flex-direction:column;min-height:100vh;padding-bottom:20px;font-family:Orbitron,Inter,sans-serif;display:flex;position:relative;overflow-x:hidden}.retro-canvas:before{content:"";opacity:.35;pointer-events:none;z-index:1;background-image:radial-gradient(#fff,#fff3 2px,#0000 40px),radial-gradient(#fff,#ffffff26 1px,#0000 30px),radial-gradient(#fff,#ffffff1a 2px,#0000 40px);background-position:0 0,40px 60px,130px 270px;background-size:550px 550px,350px 350px,250px 250px;animation:8s linear infinite starTwinkle;position:absolute;inset:0}.retro-canvas:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(#120a2400 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ffffff08 1px,#0000 1px) 0 0/40px 100%;position:absolute;inset:0}@keyframes starTwinkle{0%{opacity:.35;transform:translateY(0)}50%{opacity:.55}to{opacity:.35;transform:translateY(-20px)}}.retro-title-banner{text-align:center;z-index:5;padding:30px 20px 10px}.retro-glitch-title{text-transform:uppercase;color:#fc0;text-shadow:3px 3px #9b00e8,-3px -3px #00e5ff;letter-spacing:2px;margin:0;font-family:"Press Start 2P",cursive;font-size:2rem;font-weight:900;animation:2s ease-in-out infinite alternate titleGlow}@keyframes titleGlow{0%{text-shadow:3px 3px #9b00e8,-3px -3px #00e5ff,0 0 10px #fc06}to{text-shadow:3px 3px #9b00e8,-3px -3px #00e5ff,0 0 25px #fc0c}}.retro-hud-grid{z-index:5;flex-grow:1;grid-template-columns:320px 1fr 340px;align-items:start;gap:24px;width:100%;max-width:1440px;margin:0 auto;padding:0 40px 40px;display:grid}@media (width<=1200px){.retro-hud-grid{grid-template-columns:280px 1fr 280px;padding:0 20px 20px}}@media (width<=1100px){.retro-hud-grid{grid-template-columns:1fr;gap:32px}.left-panel,.right-panel{display:none}}.hud-panel{flex-direction:column;gap:20px;display:flex}.hud-widget{background:#0d081cbf;border:3px solid #6d28d9;border-radius:8px;padding:16px;transition:border-color .3s,box-shadow .3s;box-shadow:0 0 15px #6d28d94d,inset 0 0 10px #6d28d933}.hud-widget:hover{border-color:#a855f7;box-shadow:0 0 20px #a855f780,inset 0 0 15px #a855f74d}.hud-widget-label{color:#fc0;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-family:"Press Start 2P",cursive;font-size:.75rem}.score-box-800{text-align:center;border-color:#059669;box-shadow:0 0 15px #0596694d}.score-box-800:hover{border-color:#10b981;box-shadow:0 0 25px #10b98199}.score-digital-neon{color:#39ff14;text-shadow:0 0 12px #39ff14bf,0 0 2px #39ff14;margin-bottom:8px;font-family:VT323,monospace;font-size:4rem;font-weight:700;line-height:1}.score-cells-bar{justify-content:center;align-items:center;gap:4px;display:flex}.score-cells-bar .cell{background:#064e3b;border-radius:1px;width:14px;height:8px}.score-cells-bar .cell.active{background:#10b981;box-shadow:0 0 6px #10b981}.checkmark-green{color:#10b981;text-shadow:0 0 5px #10b981;margin-left:6px;font-size:.9rem;font-weight:700}.portrait-container{justify-content:center;align-items:center;height:230px;margin:15px 0;display:flex;position:relative}.portrait-card{z-index:5;background:#0d081ccc;border:4px double #d4af37;border-radius:8px;flex-direction:column;width:160px;height:200px;display:flex;overflow:hidden;box-shadow:0 0 15px #d4af3740}.portrait-avatar{background:linear-gradient(#1e1b4b 0%,#311042 100%);flex-grow:1;justify-content:center;align-items:center;display:flex;position:relative}.avatar-boss-suit{width:90px;height:120px;position:relative}.avatar-boss-suit:before{content:"";background:#8d5524;border-radius:4px;width:32px;height:32px;position:absolute;top:15px;left:50%;transform:translate(-50%);box-shadow:0 -4px #000,-4px -2px #000,4px -2px #000,0 -8px #000,-12px -2px #000,12px -2px #000,-2px 6px #000,2px 6px #000}.avatar-boss-suit:after{content:"";clip-path:polygon(10% 0%,90% 0%,100% 100%,0% 100%);background:#111827;border-radius:4px;width:56px;height:70px;position:absolute;top:48px;left:50%;transform:translate(-50%);box-shadow:inset 0 12px #fff,inset 0 18px #6d28d9,0 10px #fc0}.portrait-tag{color:#000;text-align:center;letter-spacing:.5px;background:#d4af37;padding:6px 2px;font-family:"Press Start 2P",cursive;font-size:.5rem;font-weight:700}.portrait-tag .unlocked-text{color:#581c87;margin-top:2px;font-size:.45rem;font-weight:900;display:block}.orbiting-nodes{pointer-events:none;width:100%;height:100%;position:absolute}.orbit-node{pointer-events:auto;cursor:help;z-index:6;background:#1e1b4b;border:2px solid #fc0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;display:flex;position:absolute;box-shadow:0 0 8px #fc06}.orbit-node:hover{color:#000;background:#fc0;box-shadow:0 0 15px #fc0}.orbit-node.n1{animation:4s ease-in-out infinite floatNode1;top:0;left:30px}.orbit-node.n2{animation:4.5s ease-in-out infinite floatNode2;top:40px;left:-10px}.orbit-node.n3{animation:3.8s ease-in-out infinite floatNode3;top:120px;left:-10px}.orbit-node.n4{animation:4.2s ease-in-out infinite floatNode4;top:190px;left:20px}.orbit-node.n5{animation:4.1s ease-in-out infinite floatNode5;top:0;right:30px}.orbit-node.n6{animation:3.9s ease-in-out infinite floatNode6;top:50px;right:-10px}.orbit-node.n7{animation:4.3s ease-in-out infinite floatNode7;top:140px;right:-10px}@keyframes floatNode1{0%,to{transform:translate(0)}50%{transform:translate(4px,-6px)}}@keyframes floatNode2{0%,to{transform:translate(0)}50%{transform:translate(-5px,4px)}}@keyframes floatNode3{0%,to{transform:translate(0)}50%{transform:translate(4px,5px)}}@keyframes floatNode4{0%,to{transform:translate(0)}50%{transform:translate(-3px,-5px)}}@keyframes floatNode5{0%,to{transform:translate(0)}50%{transform:translate(-4px,-5px)}}@keyframes floatNode6{0%,to{transform:translate(0)}50%{transform:translate(6px,3px)}}@keyframes floatNode7{0%,to{transform:translate(0)}50%{transform:translate(-4px,6px)}}.level-up-widget{padding-bottom:8px}.hud-header{color:#f90;text-align:center;border-bottom:2px dashed #6d28d966;margin-bottom:12px;padding-bottom:10px;font-family:"Press Start 2P",cursive;font-size:.65rem}.stat-progress-row{letter-spacing:.5px;justify-content:space-between;align-items:center;margin-bottom:10px;font-family:"Press Start 2P",cursive;font-size:.45rem;display:flex}.stat-progress-row span{color:#c7c4d8;width:90px}.cell-progress-bar{background:#110c24;border:1px solid #4c1d95;border-radius:2px;flex-grow:1;height:10px;position:relative;overflow:hidden}.cell-progress-bar .fill{background:repeating-linear-gradient(90deg,#10b981,#10b981 6px,#047857 6px 8px);height:100%;box-shadow:0 0 6px #10b981}.book-stack-container{flex-direction:column;gap:12px;display:flex}.book-stack{perspective:400px;flex-direction:column;gap:6px;display:flex}.retro-book{color:#fff;cursor:pointer;background:#312e81;border-left:8px solid #fc0;border-radius:1px 4px 4px 1px;align-items:center;height:26px;padding:0 10px;font-family:"Press Start 2P",cursive;font-size:.42rem;font-weight:700;transition:transform .2s,box-shadow .2s,background-color .2s;display:flex;transform:rotateY(-5deg);box-shadow:2px 2px #0006}.retro-book:hover{background:#4338ca;transform:rotateY(0)translate(10px)scale(1.02);box-shadow:-4px 0 10px #fc06,4px 4px 8px #00000080}.retro-book.b1{background:#7c2d12;border-left-color:#f97316}.retro-book.b2{background:#5b21b6;border-left-color:#a78bfa}.retro-book.b3{background:#1e3a8a;border-left-color:#60a5fa}.retro-book.b4{background:#064e3b;border-left-color:#34d399}.retro-book.b5{background:#991b1b;border-left-color:#f87171}.retro-book.b6{background:#111827;border-left-color:#d4af37}.chest-box{background:linear-gradient(135deg,#d4af3726 0%,#0d081ccc 100%);border:2px dashed #d4af37;border-radius:6px;align-items:center;gap:10px;margin-top:10px;padding:10px;display:flex}.chest-icon{font-size:1.6rem;animation:1.5s ease-in-out infinite alternate chestBounce}.chest-glow-label{color:#fc0;text-shadow:0 0 5px #ffcc0080;font-family:"Press Start 2P",cursive;font-size:.42rem;font-weight:700}@keyframes chestBounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.center-panel{justify-content:center;align-items:center;min-height:100%;display:flex}.portal-box{background:#080512d9;border:3px solid #7c3aed;border-radius:12px;width:100%;max-width:480px;padding:30px 24px;box-shadow:0 0 25px #7c3aed66,inset 0 0 15px #7c3aed1a}.portal-box:hover{border-color:#8b5cf6;box-shadow:0 0 35px #8b5cf699,inset 0 0 20px #8b5cf633}.portal-header{text-align:center;margin-bottom:24px}.gold-crown-badge{margin-bottom:4px;font-size:1.8rem;line-height:1;animation:2s ease-in-out infinite alternate crownFloat}@keyframes crownFloat{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.gold-rj-logo{color:#fc0;text-shadow:2px 2px #000,0 0 8px #ffcc0080;border:3px solid #fc0;border-radius:4px;justify-content:center;align-items:center;width:60px;height:48px;margin:4px auto 12px;font-family:"Press Start 2P",cursive;font-size:1.5rem;display:flex}.portal-brand-title{letter-spacing:.5px;color:#fff;text-shadow:2px 2px #0009;margin-bottom:6px;font-family:"Press Start 2P",cursive;font-size:.95rem;font-weight:700}.portal-sub-tag{color:#f90;letter-spacing:1.5px;text-transform:uppercase;font-family:VT323,monospace;font-size:1.15rem;font-weight:700}.retro-portal-form .input-group{margin-bottom:16px}.retro-portal-form .input-label{color:#fc0;letter-spacing:.5px;margin-bottom:6px;font-family:"Press Start 2P",cursive;font-size:.45rem}.retro-portal-form .input-container-icon{align-items:center;display:flex;position:relative}.retro-portal-form .input-field{color:#fff;background:#090514;border:2px solid #581c87;padding-left:40px;font-size:.9rem}.retro-portal-form .input-field:focus{border-color:#a855f7;box-shadow:0 0 10px #a855f766}.retro-portal-form .input-icon-left{color:#fc0;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:14px}.retro-portal-form .input-icon-right{color:#a78bfa;cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:14px}.retro-portal-form .input-icon-right:hover{color:#c084fc}.btn-retro-access{letter-spacing:1px;color:#fff;text-shadow:1px 1px #000;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#4c1d95 100%);border:2px solid #fc0;border-radius:6px;width:100%;padding:14px;font-family:"Press Start 2P",cursive;font-size:.75rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #7c3aed66}.btn-retro-access:hover{background:linear-gradient(135deg,#8b5cf6 0%,#5b21b6 100%);transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed99,0 0 15px #ffcc004d}.btn-retro-access:disabled{color:#6b7280;box-shadow:none;cursor:not-allowed;background:#1f1a3a;border-color:#4b5563;transform:none}.secure-badge-footer{border-top:2px dashed #7c3aed4d;align-items:center;gap:14px;margin-top:24px;padding-top:16px;display:flex}.badge-icon-wings{font-size:1.8rem;line-height:1}.badge-text{color:#c7c4d8;flex-direction:column;font-family:"Press Start 2P",cursive;font-size:.42rem;line-height:1.6;display:flex}.badge-text .gold-bold{color:#fc0}.mission-checklist{color:#e5e2e1;margin-bottom:14px;font-family:"Press Start 2P",cursive;font-size:.46rem;line-height:1.8;list-style:none}.mission-checklist li{letter-spacing:.5px;margin-bottom:8px}.xp-gauge-bar{background:#090514;border:1px solid #581c87;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;display:flex}.xp-label{color:#f90;font-family:"Press Start 2P",cursive;font-size:.42rem;font-weight:700}.xp-label .xp-green{color:#39ff14}.xp-fill-glowing{background:#10b981;border-radius:1px;flex-grow:1;height:8px;box-shadow:0 0 10px #10b981}.level-badge-100{color:#000;background:#fc0;border-radius:2px;padding:4px 6px;font-family:"Press Start 2P",cursive;font-size:.42rem;font-weight:700}.community-victory-box{flex-direction:column;gap:16px;display:flex}.pixel-speech-bubble{color:#000;text-align:center;background:#fff;border:3px solid #000;border-radius:4px;padding:10px 14px;font-family:"Press Start 2P",cursive;font-size:.5rem;line-height:1.4;animation:1.8s ease-in-out infinite alternate speechFloat;position:relative;box-shadow:4px 4px #0006}.pixel-speech-bubble:after{content:"";border-top:15px solid #fff;border-bottom:0 solid #0000;border-left:0 solid #0000;border-right:15px solid #0000;width:0;display:block;position:absolute;bottom:-15px;left:50px}.pixel-speech-bubble:before{content:"";z-index:-1;border-top:17px solid #000;border-bottom:0 solid #0000;border-left:0 solid #0000;border-right:17px solid #0000;width:0;display:block;position:absolute;bottom:-20px;left:48px}@keyframes speechFloat{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.student-avatars-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.student-card{text-align:center;background:#0d081cb3;border:1px solid #4c1d95;border-radius:6px;flex-direction:column;align-items:center;padding:8px;display:flex}.stud-avatar{margin-bottom:4px;font-size:1.8rem}.student-card span{color:#f90;font-family:"Press Start 2P",cursive;font-size:.38rem;font-weight:700}.wood-sign-board{text-align:center;color:#fc0;letter-spacing:.5px;text-shadow:1px 1px #000;background:linear-gradient(#3d2314 0%,#26160c 100%);border:3px double #d4af37;border-radius:4px;padding:10px;font-family:"Press Start 2P",cursive;font-size:.42rem;box-shadow:0 4px 8px #00000080}.mansion-landscape-preview{background:#080514;border:2px solid #581c87;border-radius:8px;height:120px;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #000c}.hud-visual-illustration{object-fit:cover;opacity:.75;width:100%;height:100%;transition:opacity .3s}.hud-visual-illustration:hover{opacity:.95}.community-stats-card{text-align:center;color:#ffb695;border-color:#b45309;font-family:VT323,monospace;font-size:1.15rem;line-height:1.3}.community-stats-card p{letter-spacing:1px}.users-group-icon{margin-bottom:4px;font-size:1.5rem}.retro-hud-footer{z-index:5;background:#080620;border-top:3px solid #fc0;justify-content:space-between;align-items:center;height:64px;margin-top:auto;padding:0 40px;display:flex}@media (width<=1000px){.retro-hud-footer{flex-direction:column;gap:12px;height:auto;padding:16px 20px}}.footer-segment{flex-direction:column;display:flex}.footer-segment span{font-family:"Press Start 2P",cursive;font-size:.44rem;font-weight:700}.footer-segment .sub-label{color:#f90;margin-top:2px;font-size:.38rem}.footer-segment.center{align-items:center}.gold-crown-small{font-size:.9rem;line-height:1}.domain-pixel{color:#fc0;letter-spacing:1px;text-shadow:0 0 8px #fc06;margin-top:2px;font-family:"Press Start 2P",cursive;font-size:.6rem;font-weight:700}.hud-legal-footnote{text-align:center;color:#8e8b9e;z-index:5;margin-top:16px;padding:0 20px;font-family:Inter,-apple-system,sans-serif;font-size:.72rem;line-height:1.6}.dashboard-container{flex-direction:column;gap:32px;display:flex}.welcome-banner{border:1px solid var(--outline);border-radius:var(--radius-lg);background:linear-gradient(135deg,#4f46e51a 0%,#c3c0ff05 100%);justify-content:space-between;align-items:center;margin-bottom:8px;padding:32px;display:flex}.welcome-info h1{font-family:var(--font-display);margin-bottom:4px;font-size:2.2rem;font-weight:800}.welcome-info p{color:var(--text-secondary);font-size:1rem}.profile-card-summary{align-items:center;gap:16px;display:flex}.profile-info{flex-direction:column;display:flex}.profile-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700}.profile-role{color:var(--secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:800}.graph-container{width:100%;height:220px;margin-top:24px;position:relative}.auth-wrapper{background:radial-gradient(circle,#1e1b4b 0%,#131313 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-container{width:100%;max-width:480px}.auth-logo-box{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-bottom:32px;display:flex}.course-card-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.course-item-card{flex-direction:column;justify-content:space-between;height:100%;padding:24px;display:flex}.course-level{color:var(--secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.75rem;font-weight:800}.course-progress-bar{background:var(--surface-low);border-radius:3px;width:100%;height:6px;margin-top:16px;overflow:hidden}.course-progress-fill{background:var(--primary-container);border-radius:3px;height:100%;transition:width .5s}.lesson-list{flex-direction:column;gap:12px;margin-top:24px;display:flex}.lesson-item{background:var(--surface-low);border:1px solid var(--outline);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:16px;display:flex}.lesson-item:hover{border-color:var(--primary);background:#c3c0ff08}.lesson-item.active{border-color:var(--primary);background:#c3c0ff0d}.lesson-item.completed{border-color:#a5e7ff4d}.disputes-builder-layout{grid-template-columns:1fr 1.2fr;gap:32px;display:grid}@media (width<=900px){.disputes-builder-layout{grid-template-columns:1fr}}.negative-items-list{flex-direction:column;gap:16px;display:flex}.negative-item-card{border:1px solid var(--outline);background:var(--surface-low);border-radius:var(--radius-md);transition:border-color var(--transition-fast);align-items:flex-start;gap:16px;padding:16px;display:flex}.negative-item-card.selected{border-color:var(--primary);background:#4f46e50d}.letter-preview-box{border:1px solid var(--outline);border-radius:var(--radius-md);white-space:pre-wrap;color:#a3e635;background:#0d0d0d;max-height:500px;padding:24px;font-family:Courier New,Courier,monospace;font-size:.85rem;line-height:1.4;overflow-y:auto}.ai-advisor-layout{grid-template-columns:1.2fr 1fr;gap:32px;display:grid}@media (width<=900px){.ai-advisor-layout{grid-template-columns:1fr}}.chat-box{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-lg);flex-direction:column;height:550px;display:flex;overflow:hidden}.chat-messages{flex-direction:column;flex-grow:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.chat-message{white-space:pre-wrap;border-radius:12px;max-width:80%;padding:12px 16px;font-size:.9rem;line-height:1.5}.chat-message.ai{background:var(--surface-container-high);border:1px solid var(--outline);color:var(--text-primary);align-self:flex-start}.chat-message.user{background:linear-gradient(135deg, var(--primary-container) 0%, #4f46e5b3 100%);color:#fff;align-self:flex-end}.chat-input-bar{background:var(--surface-container-high);border-top:1px solid var(--outline);gap:12px;padding:16px 24px;display:flex}.audit-report-container{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-lg);flex-direction:column;height:550px;padding:24px;display:flex}.audit-report-box{border:1px solid var(--outline);border-radius:var(--radius-md);white-space:pre-wrap;color:var(--text-primary);background:#0d0d0d;flex-grow:1;padding:24px;font-size:.9rem;line-height:1.6;overflow-y:auto}