@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@300;400;600;700;900&family=JetBrains+Mono:wght@400;500;700&display=swap";
:root{--green:#39ff5a;--green-dim:#39ff5a26;--green-border:#39ff5a4d;--green-glow:#39ff5a66;--red:#ef4444;--red-glow:#ef444466;--red-dim:#ef444426;--white:#fff;--grey-1:#e2e8f0;--grey-2:#94a3b8;--grey-3:#475569;--grey-4:#1e2433;--bg-base:#080a0d;--bg-alt:#0d1017;--bg-surface:#111720;--bg-surface-2:#171e2d;--bg-surface-3:#1e2840;--bg-overlay:#000000bf;--border:#ffffff12;--border-strong:#ffffff24;--border-green:#39ff5a4d;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#475569;--text-green:#39ff5a;--font-display:"Bebas Neue", "Impact", sans-serif;--font-body:"Barlow Condensed", "Arial Narrow", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 4px #00000080;--shadow-md:0 4px 20px #0009;--shadow-lg:0 8px 40px #000000b3;--shadow-green:0 0 24px #39ff5a33;--shadow-green-strong:0 0 40px #39ff5a59;--shadow-live:0 0 16px #ef444480;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400;--z-tooltip:500;--header-height:64px;--chat-width:340px;--max-content-width:1280px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:1rem;font-weight:400;line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-primary);text-transform:uppercase;font-weight:400;line-height:1}h4,h5,h6{font-family:var(--font-body);color:var(--text-primary);font-weight:700;line-height:1.2}h1{font-size:clamp(3rem,8vw,7rem)}h2{font-size:clamp(2.5rem,6vw,5rem)}h3{font-size:clamp(1.5rem,3vw,2.5rem)}h4{letter-spacing:.05em;text-transform:uppercase;font-size:1.125rem;font-weight:700}h5{font-size:1rem}h6{font-size:.875rem}p{font-family:var(--font-body);color:var(--text-secondary);font-size:1.0625rem;font-weight:300;line-height:1.65}a{color:var(--green);transition:color var(--transition-fast), opacity var(--transition-fast);text-decoration:none}a:hover{opacity:.8}code,pre{font-family:var(--font-mono);font-size:.875em}.section-tag{font-family:var(--font-mono);color:var(--green);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-4);opacity:.8;font-size:.75rem;font-weight:400}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-surface-3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:var(--radius-sm)}::selection{color:var(--white);background:#39ff5a33}select option{background-color:var(--bg-surface-2);color:var(--text-primary)}.btn-primary{background:var(--green);color:#000;font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:8px;padding:14px 28px;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary:hover:not(:disabled){color:#000;box-shadow:var(--shadow-green-strong);opacity:1;background:#fff;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;filter:grayscale()}.btn-ghost{color:var(--text-primary);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:8px;padding:14px 28px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-ghost:hover{border-color:var(--green);color:var(--green);opacity:1;transform:translateY(-1px)}.container{width:100%;max-width:var(--max-content-width);padding:0 var(--space-6);margin:0 auto}.section{padding:var(--space-16) 0}.section-alt{background:var(--bg-alt)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes live-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--red-glow);transform:scale(1)}50%{opacity:.8;transform:scale(1.15);box-shadow:0 0 0 6px #ef444400}}.live-dot{background-color:var(--red);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite live-pulse;display:inline-block}@keyframes green-pulse{0%,to{box-shadow:0 0 0 0 var(--green-glow)}50%{box-shadow:0 0 0 6px #39ff5a00}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border);border-top-color:var(--green);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp var(--transition-base) ease forwards}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);background:#0d1017cc}.ticker-wrap{background:var(--green);border-top:none;border-bottom:none;padding:8px 0;overflow:hidden}.ticker-track{gap:0;width:max-content;animation:30s linear infinite ticker-scroll;display:flex}.ticker-track span{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#000;white-space:nowrap;padding:0 32px;font-size:.75rem;font-weight:700}.feature-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-6);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.feature-card:hover{border-color:var(--border-green);box-shadow:var(--shadow-green)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #ffffff1a;border-color:#fff3!important}@media (max-width:768px){:root{--chat-width:100%;--space-6:16px;--header-height:56px}}.cabinet-layout{padding:var(--space-8) 0 var(--space-16);min-height:calc(100vh - var(--header-height));background:radial-gradient(circle at top right, #39ff5a08, transparent 40%), radial-gradient(circle at bottom left, #0d1017, var(--bg-base))}.cabinet-container{width:100%;max-width:var(--max-content-width);padding:0 var(--space-6);margin:0 auto}.cabinet-title{margin-bottom:var(--space-2)}.cabinet-title span{color:var(--green)}.cabinet-subtitle{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-8);font-size:.875rem}.cabinet-grid{gap:var(--space-6);grid-template-columns:repeat(12,1fr);display:grid}.cabinet-card{border-radius:var(--radius-md);padding:var(--space-6);flex-direction:column;display:flex}.cabinet-card-header{border-bottom:1px solid var(--border);padding-bottom:var(--space-4);margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.cabinet-card-header h2{margin:0;font-size:1.5rem}.profile-card{grid-column:span 12}@media (min-width:992px){.profile-card{grid-column:span 8}}.profile-hero{align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.profile-avatar-wrapper{display:inline-block;position:relative}.profile-avatar{background:var(--bg-surface-3);border:2px solid var(--green-border);width:96px;height:96px;color:var(--green);box-shadow:var(--shadow-green);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:3rem;display:flex;position:relative}.avatar-selector{opacity:0;visibility:hidden;width:100%;height:100%;transition:all var(--transition-fast);z-index:3;background:#000c;border-radius:50%;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding:8px;display:flex;position:absolute;top:0;left:0}.avatar-selector.open{opacity:1;visibility:visible}.avatar-preset-btn{cursor:pointer;transition:transform var(--transition-fast);background:0 0;border:none;padding:4px;font-size:1.25rem}.avatar-preset-btn:hover{transform:scale(1.2)}.profile-main-info h3{font-family:var(--font-body);text-transform:none;margin-bottom:4px;font-size:2rem;font-weight:700}.profile-email{color:var(--text-secondary);font-family:var(--font-mono);margin-bottom:12px;font-size:.875rem;display:block}.status-badge{font-family:var(--font-mono);letter-spacing:.1em;border-radius:2px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.status-badge.vip{background:var(--green-dim);color:var(--green);border:1px solid var(--green-border);box-shadow:var(--shadow-green)}.status-badge.legend{color:#facc15;background:#eab30826;border:1px solid #eab3084d;box-shadow:0 0 12px #eab30833}.status-badge.veteran{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d}.status-badge.insider{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.status-badge.resident{color:var(--text-secondary);background:#94a3b81a;border:1px solid #94a3b833}.status-badge.guest{color:var(--text-muted);border:1px dashed var(--border-strong);background:0 0}.status-badge.admin{color:#f87171;background:#ef444426;border:1px solid #ef44444d;box-shadow:0 0 12px #ef44441a}.status-badge.moderator{color:#c084fc;background:#a78bfa26;border:1px solid #a78bfa4d}.status-badge.member{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633}.profile-stats{gap:var(--space-8);border-top:1px solid var(--border);padding-top:var(--space-6);display:flex}.stat-box{flex-direction:column;display:flex}.stat-value{font-family:var(--font-display);color:var(--white);margin-bottom:4px;font-size:2.5rem;line-height:1}.stat-label{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.stream-hub-card{grid-column:span 12}@media (min-width:992px){.stream-hub-card{grid-column:span 4}}.live-indicator-dot{background:var(--red);border-radius:50%;width:8px;height:8px;animation:2s infinite live-pulse}.stream-hub-content{text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.live-stream-banner h3,.scheduled-stream-banner h3{font-family:var(--font-body);text-transform:none;margin-bottom:8px;font-size:1.5rem;font-weight:700}.live-stream-banner p,.scheduled-stream-banner p{margin-bottom:var(--space-4);font-size:.875rem}.live-stream-banner .pulse-ring{border:2px solid var(--red);width:64px;height:64px;margin:0 auto var(--space-4);border-radius:50%;animation:1.5s infinite live-pulse}.empty-stream-banner{color:var(--text-muted)}.empty-icon{margin-bottom:var(--space-2);opacity:.5}.activation-card{grid-column:span 12}@media (min-width:768px){.activation-card{grid-column:span 6}}.activation-desc{margin-bottom:var(--space-6);font-size:.875rem}.activation-form{gap:var(--space-4);flex-direction:column;display:flex}.activation-input-wrap{position:relative}.activation-input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.1em;text-align:center;text-transform:uppercase;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#0000004d;padding:16px;font-size:1.125rem}.activation-input:focus{border-color:var(--green);outline:none;box-shadow:0 0 12px #39ff5a26}.activation-status-msg{text-align:center;width:100%;font-size:.75rem;font-family:var(--font-mono);position:absolute;bottom:-24px;left:0}.activation-status-msg.error{color:var(--red)}.activation-status-msg.success{color:var(--green)}.activation-btn{justify-content:center;width:100%}.settings-card{grid-column:span 12}@media (min-width:768px){.settings-card{grid-column:span 6}}.settings-form{gap:var(--space-4);flex-direction:column;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.form-input{background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);transition:all var(--transition-fast);padding:12px 16px;font-size:1rem}.form-input:focus{border-color:var(--green-border);background:var(--bg-surface-3);outline:none}.settings-divider{text-align:center;margin:var(--space-2) 0;align-items:center;display:flex}.settings-divider:before,.settings-divider:after{content:"";border-bottom:1px dashed var(--border-strong);flex:1}.settings-divider span{font-family:var(--font-mono);color:var(--text-muted);padding:0 16px;font-size:.75rem}.settings-status{text-align:center;margin-bottom:8px;font-size:.8125rem}.settings-status.error{color:var(--red)}.settings-status.success{color:var(--green)}body.splash-active .header-root{opacity:0;transform:translateY(-100%)}body.splash-active .main-content-wrapper{opacity:0}body.splash-revealing .header-root{animation:.8s cubic-bezier(.16,1,.3,1) forwards slideDownHeader}body.splash-revealing .main-content-wrapper{animation:1s .2s forwards fadeInContent}@keyframes slideDownHeader{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInContent{0%{opacity:0}to{opacity:1}}.splash-progress-bar{background:linear-gradient(90deg, transparent 0%, var(--green) 40%, #fff 50%, var(--green) 60%, transparent 100%);height:2px;box-shadow:0 0 16px var(--green), 0 0 32px #39ff5a4d;animation:1.4s ease-in-out infinite progressSweep;position:absolute;top:0;left:0}.splash-letter{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.04em;font-size:clamp(4rem,12vw,7rem);animation:1.6s ease-in-out infinite letterPulse;display:inline-block}.splash-letter:nth-child(2){color:var(--green);text-shadow:0 0 20px #39ff5a80,0 0 40px #39ff5a33}.splash-sub-letter{font-family:var(--font-mono);letter-spacing:.25em;color:var(--text-muted);font-size:clamp(.6875rem,2vw,.875rem);animation:1.6s ease-in-out infinite subLetterFade;display:inline-block}.splash-dot{background:var(--green);border-radius:50%;width:5px;height:5px;animation:.9s ease-in-out infinite dotBounce}