@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Outfit:wght@300;400;600;700&display=swap";
:root{--background:#02040a;--foreground:#e2e8f0;--accent-primary:#00f2ff;--accent-secondary:#fa0;--accent-glow:#00f2ff4d;--bg-radial:#00f2ff0d;--bg-top:#02040a;--bg-bottom:#050a1f;--clearance-0:#ffffffb3;--clearance-1:#00f2ff;--clearance-2:#0f8;--clearance-3:#fc0;--clearance-4:#f60;--clearance-5:#f30;--glass-bg:#0f172acc;--glass-border:#ffffff26;--card-shadow:0 8px 32px 0 #000c;--font-main:"Inter", sans-serif;--font-heading:"Outfit", sans-serif;--header-height:80px;--btn-height:42px;--btn-padding:0 1.5rem;--container-max-width:1200px}[data-theme=pyro]{--background:#080101;--foreground:#f8fafc;--accent-primary:#f30;--accent-secondary:#f90;--accent-glow:#ff33004d;--bg-radial:#ff33000d;--bg-top:#080101;--bg-bottom:#1c0505}[data-theme=nyx]{--background:#010603;--foreground:#f0fdf4;--accent-primary:#0f8;--accent-secondary:#fc0;--accent-glow:#00ff884d;--bg-radial:#00ff880d;--bg-top:#010603;--bg-bottom:#041f0f}[data-theme=hurston]{--background:#0a0802;--foreground:#fafaf9;--accent-primary:gold;--accent-secondary:#8a8a8a;--accent-glow:#ffd70033;--bg-radial:#ffd70008;--bg-top:#0a0802;--bg-bottom:#1f1a0b}[data-theme=arccorp]{--background:#0d0202;--foreground:#fffbeb;--accent-primary:#f20;--accent-secondary:#ffea00;--accent-glow:#ff22004d;--bg-radial:#ff22000d;--bg-top:#0d0202;--bg-bottom:#211802}[data-theme=microtech]{--background:#01060f;--foreground:#f0f9ff;--accent-primary:#39f;--accent-secondary:#0fc;--accent-glow:#3399ff4d;--bg-radial:#3399ff0d;--bg-top:#01060f;--bg-bottom:#051f33}[data-theme=crusader-blossom],[data-theme=crusader]{--background:#040a17;--foreground:#f8fafc;--accent-primary:#7dd3fc;--accent-secondary:#fda4af;--accent-glow:#7dd3fc4d;--bg-radial:#fda4af0d;--bg-top:#040a17;--bg-bottom:#17253d}[data-theme=morabee]{--background:#000;--foreground:#f8fafc;--accent-primary:#fc0;--accent-secondary:#e5a900;--accent-glow:#ffcc0059;--bg-radial:transparent;--bg-top:#000;--bg-bottom:#000;--glass-bg:#0a0a0ad9;--glass-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);width:100%;height:100%;color:var(--foreground);font-family:var(--font-main);-webkit-font-smoothing:antialiased;overflow-x:hidden}a:not(.btn-primary):not(.btn-secondary):not(.btn-danger):not(.btn-ghost):not(.glass-hover):not(.nav-profile-pill){transition:all .2s}a:not(.btn-primary):not(.btn-secondary):not(.btn-danger):not(.btn-ghost):not(.glass-hover):not(.nav-profile-pill):hover{filter:brightness(1.3);opacity:.9}body{background:radial-gradient(circle at 50% 50%, var(--bg-radial) 0%, transparent 50%), linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 12px 40px #000000e6}.glass-hover:hover{border-color:var(--accent-glow);box-shadow:0 0 20px var(--accent-glow);transition:all .3s}.text-glow{text-shadow:0 0 10px var(--accent-glow)}.btn-primary,.btn-secondary,.btn-danger,.btn-ghost{height:var(--btn-height);padding:var(--btn-padding);text-transform:uppercase;cursor:pointer;font-weight:800;font-family:var(--font-heading);letter-spacing:.05em;white-space:nowrap;isolation:isolate;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{--btn-bg:linear-gradient(135deg, var(--accent-primary) 0%, var(--bg-top) 150%);--btn-color:#021018;--btn-border:var(--accent-primary);--btn-hover-bg:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 150%);--btn-hover-color:#021018;--btn-hover-border:var(--accent-secondary);--btn-hover-shadow:0 0 24px var(--accent-glow);background:var(--btn-bg);color:var(--btn-color);border:2px solid var(--btn-border)}.btn-primary:hover{color:var(--btn-hover-color);border-color:var(--btn-hover-border);box-shadow:var(--btn-hover-shadow);background:var(--btn-hover-bg);transform:translateY(-1px)}.btn-secondary{--btn-bg:#ffffff0d;--btn-color:#fff;--btn-border:#ffffff1a;--btn-hover-bg:#ffffff1f;--btn-hover-color:#fff;--btn-hover-border:#ffffff4d;background:var(--btn-bg);color:var(--btn-color);border:1px solid var(--btn-border)}.btn-secondary:hover{background:var(--btn-hover-bg);border-color:var(--btn-hover-border);color:var(--btn-hover-color)}.btn-danger{color:#f44;background:#ff44441a;border:1px solid #ff44444d}.btn-danger:hover{background:#f443;border-color:#f44;box-shadow:0 0 15px #ff44444d}.btn-ghost{color:#fff9;background:0 0;border:1px solid #ffffff1a}.btn-ghost:hover{color:#fff;background:#ffffff0d;border-color:#ffffff4d}.nav-profile-pill{--profile-color:var(--accent-secondary);min-width:0;max-width:190px;height:34px;color:var(--profile-color);background:linear-gradient(135deg,#0f172aeb,#18223ab8);border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:.45rem;padding:0 .55rem;text-decoration:none;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff08,0 0 14px #00000040}.nav-profile-pill:hover{box-shadow:inset 0 0 0 1px #ffffff0d, 0 0 18px var(--accent-glow);background:linear-gradient(135deg,#141e34fa,#1e2b46db);border-color:#ffffff42;transform:translateY(-1px)}.nav-profile-copy{text-align:left;flex-direction:column;gap:1px;min-width:0;line-height:1;display:flex}.nav-profile-name{text-overflow:ellipsis;white-space:nowrap;max-width:128px;color:var(--profile-color);letter-spacing:.03em;text-transform:none;font-size:.68rem;font-weight:850;display:block;overflow:hidden}.nav-profile-meta{color:#ffffff9e;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.28rem;min-width:0;font-size:.5rem;font-weight:700;display:flex}.btn-primary:after,.btn-secondary:after,.btn-danger:after{content:"";pointer-events:none;background:linear-gradient(#0000,#ffffff1a,#0000);width:200%;height:200%;transition:all .5s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.btn-primary:hover:after,.btn-secondary:hover:after,.btn-danger:hover:after{left:100%}input:not([type=checkbox]):not([type=radio]),select,textarea{color:#fff;font-family:var(--font-main);appearance:none;background:#0f172a;border:1px solid #ffffff1a;border-radius:4px;outline:none;padding:12px;transition:border-color .3s}select{background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;padding-right:2.5rem}input[type=checkbox].glass-checkbox{appearance:none;border:1px solid var(--accent-glow);cursor:pointer;background:#0000004d;border-radius:4px;width:18px;height:18px;transition:all .2s;position:relative}input[type=checkbox].glass-checkbox:checked{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow)}input[type=checkbox].glass-checkbox:checked:after{content:"✓";color:#000;font-size:12px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);background:#1e293b}label{color:#fff9;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.mobile-menu,.mobile-drawer{display:none}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu{justify-content:center;align-items:center;display:flex}.mobile-drawer{display:flex}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-fade-in{animation:.8s forwards fadeIn}@keyframes flicker{0%{opacity:.8}5%{opacity:.9}10%{opacity:.8}15%{opacity:1}20%{opacity:.8}to{opacity:1}}.flicker{animation:4s infinite flicker}.required-asterisk{color:#ff4d4d;margin-left:2px;font-weight:700}