:root{--c-bg:#0d0d0d;--c-bg2:#141414;--c-surface:#ffffff0a;--c-surface2:#ffffff12;--c-border:#ffffff14;--c-border2:#ffffff26;--c-text:#f4f4f5;--c-text2:#f4f4f58c;--c-text3:#f4f4f552;--c-accent:#8b5cf6;--c-accent2:#a78bfa;--c-accent-bg:#8b5cf61f;--c-accent-glow:#8b5cf64d;--c-green:#10b981;--c-green-bg:#10b98124;--c-yellow:#f59e0b;--c-yellow-bg:#f59e0b24;--c-red:#ef4444;--c-red-bg:#ef444424;--c-blue:#3b82f6;--c-blue-bg:#3b82f61f;--nav-bg:#0d0d0dd1;--nav-border:#ffffff12;--card-bg:#ffffff08;--card-border:#ffffff12;--card-hover-bg:#ffffff0e;--card-hover-border:#ffffff1f;--input-bg:#ffffff0a;--input-border:#ffffff1a;--input-placeholder:#f4f4f547;--modal-bg:#141414;--modal-shadow:0 24px 80px #000000e6, 0 0 0 1px #ffffff12;--theme-btn-hover-rotate:-8deg;--modal-visual-min-width:180px;--modal-image-offset-x:-8%;--modal-image-width:116%;--modal-max-width:760px;--modal-mobile-max-width:460px;--mobile-hover-lift:-2px;--scroll-thumb:#ffffff1a;--scroll-thumb-hover:#fff3}[data-theme=pink]{--c-bg:#fff0f5;--c-bg2:#fffde7;--c-surface:#f062920d;--c-surface2:#f0629217;--c-border:#f062922e;--c-border2:#f0629252;--c-text:#3d1a27;--c-text2:#3d1a2799;--c-text3:#3d1a2759;--c-accent:#e91e8c;--c-accent2:#f06292;--c-accent-bg:#e91e8c14;--c-accent-glow:#e91e8c47;--c-green:#2e7d32;--c-green-bg:#2e7d321a;--c-yellow:#f57f17;--c-yellow-bg:#f57f171a;--c-red:#c62828;--c-red-bg:#c628281a;--c-blue:#1565c0;--c-blue-bg:#1565c01a;--nav-bg:#fff0f5eb;--nav-border:#f0629226;--card-bg:#fff8fb;--card-border:#f0629224;--card-hover-bg:#fff0f5;--card-hover-border:#f0629247;--input-bg:#fff8fb;--input-border:#f0629238;--input-placeholder:#3d1a274d;--modal-bg:#fff5f8;--modal-shadow:0 24px 80px #e91e8c1f, 0 0 0 1px #f0629224;--scroll-thumb:#f062922e;--scroll-thumb-hover:#f0629252}[data-theme=light]{--c-bg:#fff;--c-bg2:#f8f9fa;--c-surface:#00000006;--c-surface2:#0000000b;--c-border:#00000014;--c-border2:#00000029;--c-text:#09090b;--c-text2:#09090b8f;--c-text3:#09090b52;--c-accent:#6366f1;--c-accent2:#818cf8;--c-accent-bg:#6366f114;--c-accent-glow:#6366f140;--c-green:#059669;--c-green-bg:#0596691a;--c-yellow:#d97706;--c-yellow-bg:#d977061a;--c-red:#dc2626;--c-red-bg:#dc26261a;--c-blue:#2563eb;--c-blue-bg:#2563eb1a;--nav-bg:#ffffffe0;--nav-border:#00000012;--card-bg:#fff;--card-border:#00000012;--card-hover-bg:#f8f9fa;--card-hover-border:#0000001f;--input-bg:#fff;--input-border:#0000001f;--input-placeholder:#09090b4d;--modal-bg:#fff;--modal-shadow:0 24px 80px #0000001f, 0 0 0 1px #00000012;--scroll-thumb:#0000001f;--scroll-thumb-hover:#00000038}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65;transition:background-color .3s,color .3s}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}nav{z-index:100;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);-webkit-backdrop-filter:blur(24px)saturate(180%);align-items:center;gap:.5rem;height:68px;padding:0 clamp(1rem,3vw,2.5rem);transition:background .3s,border-color .3s;display:flex;position:sticky;top:0;overflow:visible}nav:after{content:"";opacity:.6;background:linear-gradient(90deg, transparent 0%, var(--c-accent2) 50%, transparent 100%);pointer-events:none;height:1px;animation:7s linear infinite navSweep;position:absolute;bottom:0;left:0;right:0}.nav-logo{flex-shrink:0;align-items:center;gap:.75rem;padding-left:.85rem;text-decoration:none;display:flex;position:relative}.nav-logo:before{content:"";background:var(--c-accent);border-radius:1px;width:3px;height:18px;transition:height .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-logo:hover:before{height:26px}.nav-icon-img{object-fit:contain;border-radius:3px;width:auto;max-width:120px;height:28px;display:block}.nav-brand{color:var(--c-text);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:.72rem;font-weight:800}.nav-spacer{flex:1}.nav-actions{align-items:center;gap:.15rem;display:flex}.nav-status-badge{letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.32rem .62rem;font-size:.64rem;font-weight:800;display:inline-flex}.nav-status-badge.status-none{color:#ef4444;background:#ef44441a;border-color:#ef444459;border-radius:7px}.nav-status-badge.status-student{color:#22c55e;background:#22c55e1a;border-color:#22c55e59}.nav-status-badge.status-admin{color:#3b82f6;background:#3b82f61f;border-color:#3b82f659}.nav-link{text-transform:uppercase;letter-spacing:.08em;color:var(--c-text2);white-space:nowrap;border-radius:4px;padding:.35rem .72rem;font-size:.68rem;font-weight:700;text-decoration:none;transition:color .16s,background .16s,transform .2s cubic-bezier(.22,1,.36,1),box-shadow .22s}.nav-link:hover{color:var(--c-text);background:var(--c-surface2);transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.hamburger-btn{border:1.5px solid var(--c-border2);background:var(--c-surface);width:34px;height:34px;color:var(--c-text);cursor:pointer;border-radius:5px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;margin-left:.3rem;padding:0;transition:all .15s;display:none}.hamburger-btn:hover{background:var(--c-accent-bg);border-color:var(--c-accent)}.hamburger-line{background:currentColor;border-radius:2px;width:14px;height:1.5px;transition:transform .22s,opacity .22s,width .22s}.hamburger-btn.open .hamburger-line:first-child{transform:translateY(5.5px)rotate(45deg)}.hamburger-btn.open .hamburger-line:nth-child(2){opacity:0;width:0}.hamburger-btn.open .hamburger-line:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);z-index:99;background:#00000080;position:fixed;inset:0}.mobile-menu{background:var(--nav-bg);border-bottom:1px solid var(--nav-border);-webkit-backdrop-filter:blur(24px)saturate(180%);z-index:100;flex-direction:column;gap:.25rem;padding:1rem clamp(1rem,3vw,2.5rem);display:flex;position:fixed;top:68px;left:0;right:0}.mobile-nav-link{text-transform:uppercase;letter-spacing:.08em;color:var(--c-text2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.85rem;font-weight:700;text-decoration:none;transition:color .15s,background .15s;display:block}.mobile-nav-link:hover,.mobile-nav-link:focus{color:var(--c-text);background:var(--c-surface2)}.mobile-nav-divider{background:var(--c-border);height:1px;margin:.4rem 0}.mobile-nav-status{letter-spacing:.08em;text-transform:uppercase;border-radius:8px;padding:.75rem 1rem;font-size:.78rem;font-weight:800}.mobile-nav-status.status-none{color:#ef4444;background:#ef44441a}.mobile-nav-status.status-student{color:#22c55e;background:#22c55e1a}.mobile-nav-status.status-admin{color:#3b82f6;background:#3b82f61f}.btn{cursor:pointer;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border:none;border-radius:5px;align-items:center;gap:.35rem;padding:.5rem 1.1rem;font-family:inherit;font-size:.72rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)!important}.btn:after,.full-btn:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 0%,#ffffff6b 50%,#0000 100%);width:46%;height:100%;transition:left .55s;position:absolute;top:0;left:-135%;transform:skew(-20deg)}.btn:hover:after,.full-btn:hover:after{left:130%}.btn-primary{background:var(--c-accent);color:#fff}.btn-primary:hover{filter:brightness(1.12)saturate(1.08);box-shadow:0 10px 34px var(--c-accent-glow);transform:translateY(-3px)scale(1.01)}.btn-ghost{color:var(--c-text2);border:1.5px solid var(--c-border2);background:0 0}.btn-ghost:hover{background:var(--c-surface2);border-color:var(--c-accent);color:var(--c-accent2);transform:translateY(-3px);box-shadow:0 10px 24px #0000001f}.nav-logout-btn{color:#ef4444;border-color:#ef444459}.nav-logout-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.btn-lg{border-radius:6px;padding:.75rem 1.85rem;font-size:.78rem}.theme-btn{border:1.5px solid var(--c-border2);background:var(--c-surface);width:34px;height:34px;color:var(--c-text2);cursor:pointer;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;margin-left:.3rem;font-family:inherit;font-size:.8rem;transition:all .15s;display:flex;position:relative;overflow:hidden}.theme-btn:hover{background:var(--c-accent-bg);border-color:var(--c-accent);color:var(--c-text);box-shadow:0 0 0 2px var(--c-accent-bg), 0 0 24px var(--c-accent-glow);transform:translateY(-2px)scale(1.06)}.badge{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-radius:3px;align-items:center;padding:.18rem .55rem;font-size:.62rem;font-weight:800;display:inline-flex}.badge-beginner{background:var(--c-green-bg);color:var(--c-green)}.badge-intermediate{background:var(--c-yellow-bg);color:var(--c-yellow)}.badge-advanced{background:var(--c-red-bg);color:var(--c-red)}.badge-default{background:var(--c-surface2);color:var(--c-text2)}.form-label{text-transform:uppercase;letter-spacing:.1em;color:var(--c-text2);margin-bottom:.35rem;font-size:.66rem;font-weight:700;display:block}.form-input{background:var(--input-bg);border:1.5px solid var(--input-border);width:100%;color:var(--c-text);border-radius:5px;padding:.65rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s,transform .18s cubic-bezier(.22,1,.36,1)}.form-input:hover{transform:translateY(-1px)}.form-input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-bg);outline:none;transform:translateY(-1px)}.form-input::placeholder{color:var(--input-placeholder)}.full-btn{background:var(--c-accent);color:#fff;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:6px;width:100%;padding:.75rem;font-family:inherit;font-size:.78rem;font-weight:700;transition:filter .15s,transform .15s,box-shadow .15s}.full-btn:hover{filter:brightness(1.12)saturate(1.08);box-shadow:0 10px 34px var(--c-accent-glow);transform:translateY(-3px)scale(1.01)}.full-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;filter:none!important;transform:none!important}footer{text-align:center;border-top:3px solid var(--c-accent);color:var(--c-text3);margin-top:6rem;padding:3rem 2rem 4rem;font-size:.78rem}footer:before{content:"SHSID PA";letter-spacing:.22em;text-transform:uppercase;color:var(--c-accent);margin-bottom:.75rem;font-size:.58rem;font-weight:800;display:block}@media (width<=600px){nav{height:60px;padding:0 1rem}.nav-brand{display:none}.btn-lg{padding:.65rem 1.35rem}.hamburger-btn{display:flex}.nav-actions .nav-link,.nav-actions .btn{display:none}.mobile-menu{top:60px}}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px)saturate(120%);border-radius:18px;transition:background .22s,border-color .22s,transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s}.glass-card:hover{background:var(--card-hover-bg);border-color:var(--card-hover-border);transform:translateY(-7px)scale(1.008);box-shadow:0 20px 54px #0003}[data-theme=light] .glass-card:hover{box-shadow:0 18px 54px #0000001a}[data-theme=pink] .glass-card:hover{box-shadow:0 18px 54px #e91e8c24}.glass-panel{background:var(--c-surface);border:1px solid var(--c-border);-webkit-backdrop-filter:blur(10px)saturate(120%);border-radius:14px}.pa-lift{transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .22s}.pa-lift:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 14px 40px #00000029}[data-theme=light] .pa-lift:hover{box-shadow:0 14px 40px #00000017}[data-theme=pink] .pa-lift:hover{box-shadow:0 14px 40px #e91e8c1f}.pa-lift:active{transform:scale(.97)translateY(-1px)!important}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes floatY2{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(4deg)}}@keyframes glowPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.72;transform:scale(1.1)}}@keyframes chipAppear{0%{opacity:0;transform:translateY(16px)scale(.8)}to{opacity:.75;transform:translateY(0)scale(1)}}@keyframes navSweep{0%{opacity:.2;transform:translate(-40%)}50%{opacity:.7;transform:translate(0%)}to{opacity:.2;transform:translate(40%)}}.deco-chip{background:var(--c-surface2);border:1px solid var(--c-border2);-webkit-backdrop-filter:blur(12px);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;z-index:0;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;animation:.7s forwards chipAppear,7s ease-in-out infinite floatY;display:flex;position:absolute}.deco-chip-sm{border-radius:9px;width:38px;height:38px;font-size:.9rem}@media (width<=600px){.deco-chip{display:none!important}}.pa-glow-orb{filter:blur(80px);pointer-events:none;will-change:transform, opacity;z-index:0;border-radius:50%;animation:9s ease-in-out infinite glowPulse;position:absolute}.hero-skyline-wrap{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;justify-content:center;align-items:flex-end;width:100%;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.hero-skyline-img{object-fit:contain;object-position:bottom center;will-change:transform;width:100%;max-width:1600px;max-height:300px;display:block;-webkit-mask-image:linear-gradient(#0000 18%,#00000073 55%,#000000ad 100%);mask-image:linear-gradient(#0000 18%,#00000073 55%,#000000ad 100%)}.hero-skyline-img.skyline-dark{display:block}.hero-skyline-img.skyline-light,[data-theme=light] .hero-skyline-img.skyline-dark{display:none}[data-theme=light] .hero-skyline-img.skyline-light{display:block}[data-theme=pink] .hero-skyline-img.skyline-dark{display:none}[data-theme=pink] .hero-skyline-img.skyline-light{display:block}@media (width<=768px){.hero-skyline-img{max-height:200px}}@media (width<=480px){.hero-skyline-img{max-height:130px}}.empty-state-frame{background:var(--c-surface);border:1px solid var(--c-border2);-webkit-backdrop-filter:blur(10px)saturate(120%);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:1.25rem;max-width:440px;margin:2rem auto;padding:4rem 2.5rem 5rem;display:flex;position:relative;overflow:hidden}.empty-state-frame:before{content:"";background:radial-gradient(ellipse 70% 50% at 50% 25%, var(--c-accent-bg) 0%, transparent 65%);pointer-events:none;position:absolute;inset:0}.empty-state-illustration{background:var(--c-accent-bg);border:1px solid var(--c-border2);z-index:1;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:2rem;display:flex;position:relative}.empty-state-text{z-index:1;position:relative}.empty-state-text .state-msg-title{color:var(--c-text);margin-bottom:.45rem;font-size:1.1rem;font-weight:700}.empty-state-text>div:not(.state-msg-title){color:var(--c-text2);font-size:.9rem;line-height:1.65}.upload-bg{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.upload-bg-blob{filter:blur(100px);will-change:transform;border-radius:50%;position:absolute}.upload-bg-blob-1{background:#8b5cf61c;width:500px;height:500px;animation:24s ease-in-out infinite drift1;top:-150px;right:-130px}.upload-bg-blob-2{background:#3b82f614;width:400px;height:400px;animation:20s ease-in-out infinite drift2;bottom:-80px;left:-90px}[data-theme=light] .upload-bg-blob-1{background:#6366f112}[data-theme=light] .upload-bg-blob-2{background:#2563eb0d}[data-theme=pink] .upload-bg-blob-1{background:#f062921c}[data-theme=pink] .upload-bg-blob-2{background:#ffb74d17}@keyframes drift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(70px,55px)scale(1.12)}}@keyframes drift2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-55px,-75px)scale(.9)}}.hero{text-align:center;justify-content:center;align-items:center;min-height:calc(100vh - 68px);padding:6rem 2rem 8rem;display:flex;position:relative;overflow:hidden}.hero-grid-overlay{background-image:radial-gradient(circle, var(--c-border2) 1px, transparent 1px);opacity:.3;pointer-events:none;z-index:0;background-size:30px 30px;position:absolute;inset:0}[data-theme=light] .hero-grid-overlay{opacity:.18}[data-theme=pink] .hero-grid-overlay{opacity:.22}.hero-blob{filter:blur(120px);pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.blob-1{background:#8b5cf640;width:700px;height:700px;animation:24s ease-in-out infinite drift1;top:-200px;left:-180px}.blob-2{background:#3b82f62e;width:520px;height:520px;animation:19s ease-in-out infinite drift2;bottom:-100px;right:-120px}.blob-3{background:#ec48991a;width:400px;height:400px;animation:15s ease-in-out infinite drift3;top:50%;left:55%}[data-theme=light] .blob-1{background:#6366f11f}[data-theme=light] .blob-2{background:#2563eb14}[data-theme=light] .blob-3{background:#ec48990f}[data-theme=pink] .blob-1{background:#f0629233}[data-theme=pink] .blob-2{background:#ffb74d29}[data-theme=pink] .blob-3{background:#fce4ec47}@keyframes drift3{0%,to{transform:translate(-50%,-50%)scale(1)}33%{transform:translate(-38%,-62%)scale(1.1)}66%{transform:translate(-62%,-38%)scale(.88)}}.hero-content{z-index:1;max-width:820px;margin:0 auto;position:relative}.hero-title{letter-spacing:-.055em;color:var(--c-text);margin-bottom:1rem;font-size:clamp(4.5rem,13vw,9rem);font-weight:900;line-height:.92}.grad-text{background:linear-gradient(135deg,#c4b5fd 0%,#a78bfa 40%,#818cf8 70%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .grad-text{background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 60%,#4338ca 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=pink] .grad-text{background:linear-gradient(135deg,#e91e8c 0%,#f06292 50%,#f48fb1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-accent-bar{background:var(--c-accent);border-radius:2px;width:64px;height:4px;margin:1.25rem auto}.hero-tagline{text-transform:uppercase;letter-spacing:.2em;color:var(--c-accent2);margin-bottom:1.5rem;font-size:.65rem;font-weight:700}.hero-subtitle{color:var(--c-text2);max-width:460px;margin:0 auto 2.75rem;font-size:clamp(.92rem,2vw,1.075rem);font-weight:400;line-height:1.78}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.hero-grain{opacity:.025;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.15'/%3E%3C/svg%3E");position:absolute;inset:0}.cta-section{text-align:center;padding:7rem 2rem 9rem;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(ellipse 70% 55% at 50% 50%, var(--c-accent-bg) 0%, transparent 70%);pointer-events:none;position:absolute;inset:0}.cta-content{z-index:1;position:relative}.cta-kicker{text-transform:uppercase;letter-spacing:.16em;color:var(--c-accent2);margin-bottom:.65rem;font-size:.65rem;font-weight:700}.cta-title{letter-spacing:-.055em;color:var(--c-text);margin-bottom:.8rem;font-size:clamp(2.2rem,6vw,4rem);font-weight:900;line-height:.98}.cta-sub{color:var(--c-text2);max-width:400px;margin:0 auto 2.5rem;font-size:1rem;line-height:1.7}@media (width<=540px){.hero{padding:4rem 1.25rem 6rem}.blob-1{width:min(300px,80vw);height:min(300px,80vw)}.blob-2{width:min(260px,70vw);height:min(260px,70vw)}.blob-3{width:min(200px,60vw);height:min(200px,60vw)}.hero-title{letter-spacing:-.04em}.cta-section{padding-left:1.25rem;padding-right:1.25rem}}.guide-hero{text-align:center;border-bottom:1px solid var(--c-border);padding:5rem 2rem 4rem;position:relative;overflow:hidden}.guide-hero-blob{filter:blur(100px);pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.gh-blob-1{background:#8b5cf638;width:600px;height:600px;animation:22s ease-in-out infinite ghDrift1;top:-160px;left:-160px}.gh-blob-2{background:#3b82f629;width:450px;height:450px;animation:18s ease-in-out infinite ghDrift2;bottom:-80px;right:-100px}[data-theme=light] .gh-blob-1{background:#6366f11c}[data-theme=light] .gh-blob-2{background:#2563eb12}[data-theme=pink] .gh-blob-1{background:#f062922e}[data-theme=pink] .gh-blob-2{background:#ffb74d24}@keyframes ghDrift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(60px,45px)scale(1.1)}}@keyframes ghDrift2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-45px,-60px)scale(.9)}}.guide-hero-grid{background-image:radial-gradient(circle, var(--c-border2) 1px, transparent 1px);opacity:.28;pointer-events:none;background-size:30px 30px;position:absolute;inset:0}.guide-hero-grain{opacity:.025;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.15'/%3E%3C/svg%3E");position:absolute;inset:0}[data-theme=light] .guide-hero-grid{opacity:.16}[data-theme=pink] .guide-hero-grid{opacity:.2}.guide-hero-content{z-index:1;max-width:700px;margin:0 auto;position:relative}.guide-hero-eyebrow{background:var(--c-accent-bg);color:var(--c-accent2);letter-spacing:.12em;text-transform:uppercase;border:1px solid #8b5cf638;border-radius:3px;align-items:center;gap:.45rem;margin-bottom:1.5rem;padding:.28rem .9rem;font-size:.65rem;font-weight:700;display:inline-flex}[data-theme=light] .guide-hero-eyebrow{border-color:#6366f133}[data-theme=pink] .guide-hero-eyebrow{border-color:#e91e8c38}.guide-hero-eyebrow-dot{background:var(--c-accent2);border-radius:50%;flex-shrink:0;width:5px;height:5px}.guide-hero-title{letter-spacing:-.05em;color:var(--c-text);margin-bottom:1rem;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:900;line-height:.95}.guide-hero-accent-bar{background:var(--c-accent);border-radius:2px;width:48px;height:4px;margin:1rem auto 1.25rem}.guide-hero-grad{background:linear-gradient(135deg,#c4b5fd 0%,#a78bfa 40%,#818cf8 70%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .guide-hero-grad{background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 60%,#4338ca 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=pink] .guide-hero-grad{background:linear-gradient(135deg,#e91e8c 0%,#f06292 50%,#f48fb1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.guide-hero-sub{color:var(--c-text2);max-width:500px;margin:0 auto;font-size:1rem;line-height:1.75}.page-header{max-width:1100px;margin:0 auto;padding:3.5rem 2rem 1.5rem}.page-header h1{letter-spacing:-.04em;color:var(--c-text);margin-bottom:.3rem;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800}.page-header p{color:var(--c-text2);font-size:.95rem}.toolbar{background:var(--c-surface);border:1px solid var(--c-border);-webkit-backdrop-filter:blur(12px)saturate(125%);z-index:50;border-radius:14px;flex-wrap:wrap;align-items:center;gap:.6rem;max-width:1100px;margin:0 auto;padding:1rem 2rem;display:flex;position:sticky;top:76px}.search-wrap{flex:1;min-width:180px;position:relative}.search-wrap:after{content:"";pointer-events:none;opacity:0;box-shadow:0 0 0 1px var(--c-accent2), 0 0 32px var(--c-accent-glow);border-radius:6px;transition:opacity .2s;position:absolute;inset:-1px}.search-wrap:focus-within:after{opacity:.55}.search-icon{color:var(--c-text3);pointer-events:none;font-size:.85rem;line-height:1;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{background:var(--input-bg);border:1.5px solid var(--input-border);width:100%;color:var(--c-text);border-radius:5px;padding:.62rem .85rem .62rem 2.2rem;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-bg);outline:none}.search-input::placeholder{color:var(--input-placeholder)}.filter-chip{text-transform:uppercase;letter-spacing:.06em;border:1.5px solid var(--c-border2);background:var(--c-surface);color:var(--c-text2);cursor:pointer;white-space:nowrap;border-radius:4px;padding:.42rem .85rem;font-family:inherit;font-size:.68rem;font-weight:700;transition:all .15s}.filter-chip:hover,.filter-chip.active{background:var(--c-accent-bg);color:var(--c-accent2);border-color:#8b5cf64d}[data-theme=light] .filter-chip:hover,[data-theme=light] .filter-chip.active{border-color:#6366f140}[data-theme=pink] .filter-chip:hover,[data-theme=pink] .filter-chip.active{border-color:#e91e8c47}.issue-tab{border:1px solid var(--card-border);border-radius:8px;margin-bottom:.85rem;transition:border-color .2s,box-shadow .2s;overflow:hidden}.issue-tab.open{border-color:var(--card-hover-border);box-shadow:0 8px 30px #00000014}[data-theme=light] .issue-tab.open{box-shadow:0 8px 30px #0000000d}[data-theme=pink] .issue-tab.open{box-shadow:0 8px 30px #e91e8c14}.issue-tab-header{background:var(--card-bg);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;border:none;justify-content:space-between;align-items:center;width:100%;padding:.9rem 1.25rem;font-family:inherit;transition:background .15s;display:flex}.issue-tab-header:hover{background:var(--card-hover-bg)}.issue-tab-title{color:var(--c-text);letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;font-weight:800}.issue-tab-arrow{color:var(--c-text3);flex-shrink:0;font-size:.75rem}.issue-tab-body{background:var(--c-bg);border-top:1px solid var(--card-border);padding:.75rem 1.25rem 1.25rem}.guides-content{max-width:1100px;margin:0 auto;padding:.75rem 2rem 2rem}.subject-group{margin-bottom:2.75rem}.subject-heading{letter-spacing:-.02em;color:var(--c-text);border-bottom:1px solid var(--c-border);align-items:center;gap:.5rem;margin-bottom:.85rem;padding-bottom:.65rem;font-size:1.05rem;font-weight:700;display:flex}.subject-heading:before{content:"";background:var(--c-accent);border-radius:99px;flex-shrink:0;width:3px;height:1em}.level-group{margin-bottom:1rem}.level-label{text-transform:uppercase;letter-spacing:.1em;color:var(--c-text3);margin-bottom:.45rem;padding:0 .2rem;font-size:.67rem;font-weight:700}.guide-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;align-items:center;gap:.9rem;margin-bottom:.35rem;padding:.8rem 1rem;transition:background .18s,border-color .18s,transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;display:flex;position:relative;overflow:hidden}.guide-card:before{content:"";background:var(--c-accent);border-radius:0 2px 2px 0;width:3px;transition:transform .15s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.guide-card:hover:before{transform:scaleY(1)}.guide-card:hover{background:var(--card-hover-bg);border-color:var(--card-hover-border);transform:translate(5px)translateY(-3px)scale(1.005);box-shadow:0 12px 30px #00000024}[data-theme=light] .guide-card:hover{box-shadow:0 10px 28px #00000017}[data-theme=pink] .guide-card:hover{box-shadow:0 10px 28px #e91e8c1f}.guide-card:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 0%,#ffffff3d 50%,#0000 100%);width:46%;height:100%;transition:left .55s;position:absolute;top:0;left:-120%;transform:skew(-18deg)}.guide-card:hover:after{left:130%}.guide-info{flex:1;min-width:0}.guide-title{color:var(--c-text);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:.88rem;font-weight:600;overflow:hidden}.guide-meta{color:var(--c-text3);margin-top:.12rem;font-size:.73rem}.guide-actions{flex-shrink:0;align-items:center;gap:.45rem;display:flex}.pdf-btn{background:var(--c-accent-bg);color:var(--c-accent2);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:1px solid #8b5cf629;border-radius:4px;align-items:center;gap:.28rem;padding:.3rem .75rem;font-size:.68rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.pdf-btn:hover{background:var(--c-accent);color:#fff;border-color:var(--c-accent)}.remove-btn{background:var(--c-red-bg);color:var(--c-red);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;white-space:nowrap;border:1px solid #ef444433;border-radius:4px;align-items:center;gap:.28rem;padding:.3rem .75rem;font-family:inherit;font-size:.68rem;font-weight:700;transition:all .15s;display:inline-flex}.remove-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.state-msg{text-align:center;color:var(--c-text2);padding:5rem 2rem;font-size:.95rem}.state-msg-title{color:var(--c-text);margin-bottom:.35rem;font-size:1rem;font-weight:600}.error-banner{background:var(--c-red-bg);color:var(--c-red);border:1px solid #ef444433;border-radius:10px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.skel-group{margin-bottom:2.5rem}.skel-heading{background:var(--c-surface2);border-radius:5px;width:140px;height:20px;margin-bottom:1rem}.skel-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;height:54px;margin-bottom:.35rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:200;background:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--modal-bg);border:1px solid var(--c-border2);width:min(var(--modal-max-width), 100%);box-shadow:var(--modal-shadow);border-radius:12px;padding:0;position:relative;overflow:hidden}.modal-inner{min-height:0;display:block}.modal-visual{background:radial-gradient(circle at 28% 18%,#ffffff2e,#0000 42%),linear-gradient(#0000000a,#00000057);position:relative;overflow:hidden}.modal-visual-overlay{pointer-events:none;z-index:2;background:linear-gradient(130deg,#00000014,#00000047);position:absolute;inset:0}.modal-visual-image{left:var(--modal-image-offset-x);width:var(--modal-image-width);object-fit:contain;opacity:.9;filter:drop-shadow(0 10px 24px #00000059);max-width:none;position:absolute;bottom:0}.modal-visual-image.skyline-dark{display:block}.modal-visual-image.skyline-light,[data-theme=light] .modal-visual-image.skyline-dark{display:none}[data-theme=light] .modal-visual-image.skyline-light{display:block}[data-theme=pink] .modal-visual-image.skyline-dark{display:none}[data-theme=pink] .modal-visual-image.skyline-light{display:block}.modal-content{padding:2rem 1.9rem 1.8rem;position:relative}.modal-close{border:1px solid var(--c-border);background:var(--c-surface);width:30px;height:30px;color:var(--c-text2);cursor:pointer;z-index:3;border-radius:7px;justify-content:center;align-items:center;font-family:inherit;font-size:1rem;line-height:1;transition:all .15s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{background:var(--c-surface2);color:var(--c-text)}.modal-title{letter-spacing:-.03em;color:var(--c-text);margin-bottom:1.5rem;font-size:1.2rem;font-weight:700}.login-role-picker{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.login-role-btn{border:1.5px solid var(--input-border);background:var(--input-bg);text-align:left;color:var(--c-text);cursor:pointer;border-radius:8px;padding:.6rem .7rem;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}.login-role-btn:hover{border-color:var(--c-accent);transform:translateY(-1px)}.login-role-btn.active{border-color:var(--c-accent);background:var(--c-accent-bg);box-shadow:0 0 0 3px var(--c-accent-bg)}.login-role-title{letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:700;display:block}.login-role-sub{color:var(--c-text2);margin-top:.2rem;font-size:.74rem;display:block}@media (width<=720px){.modal{width:min(var(--modal-mobile-max-width), 100%)}.modal-inner{grid-template-columns:1fr;min-height:auto}.modal-visual{min-height:130px}.modal-visual-image{opacity:.84;width:108%;left:-4%}.modal-content{padding:1.6rem}.login-role-picker{grid-template-columns:1fr}}.form-error{color:var(--c-red);background:var(--c-red-bg);border:1px solid #ef444433;border-radius:8px;margin-bottom:1rem;padding:.55rem .8rem;font-size:.82rem}.upload-page{max-width:580px;margin:0 auto;padding:3.5rem 2rem 6rem}.upload-header{margin-bottom:2rem}.upload-header h1{letter-spacing:-.04em;color:var(--c-text);margin-bottom:.3rem;font-size:clamp(1.7rem,4vw,2.2rem);font-weight:800}.upload-header p{color:var(--c-text2);font-size:.93rem}.form-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px)saturate(120%);border-radius:18px;margin-bottom:1.25rem;padding:2rem;transition:box-shadow .22s,border-color .22s;position:relative;box-shadow:inset 0 1px #ffffff0d,0 2px 8px #0000000d}.form-card:after{content:"";border-radius:inherit;pointer-events:none;opacity:.04;mix-blend-mode:overlay;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.2'/%3E%3C/svg%3E");position:absolute;inset:0}.form-card>*{z-index:1;position:relative}[data-theme=light] .form-card{box-shadow:inset 0 1px #ffffffbf,0 2px 8px #0000000a}.form-card:focus-within{border-color:var(--c-border2);box-shadow:0 0 0 1px var(--c-border2), 0 8px 32px #00000014}[data-theme=pink] .form-card:focus-within{box-shadow:0 0 0 1px var(--c-border2), 0 8px 32px #e91e8c0f}.form-field{margin-bottom:1.1rem}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.form-select{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--c-text);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;border-radius:9px;padding:.65rem 2.2rem .65rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-select:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-bg);outline:none}.form-select option{background:var(--c-bg2);color:var(--c-text)}.drop-zone{border:1.5px dashed var(--c-border2);text-align:center;cursor:pointer;background:var(--c-surface);border-radius:12px;padding:2.25rem 1.5rem;transition:border-color .2s,background .2s}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--c-accent);background:var(--c-accent-bg)}.drop-zone.has-file{border-color:var(--c-green);background:var(--c-green-bg)}.drop-zone input[type=file]{display:none}.drop-icon{opacity:.7;margin-bottom:.6rem;font-size:2rem;display:block}.drop-text{color:var(--c-text2);font-size:.85rem;line-height:1.6}.drop-text strong{color:var(--c-accent2);font-weight:600}.drop-file-name{color:var(--c-green);margin-top:.5rem;font-size:.8rem;font-weight:600}.msg-error{background:var(--c-red-bg);color:var(--c-red);border:1px solid #ef444438;border-radius:9px;margin-bottom:1rem;padding:.65rem .9rem;font-size:.85rem}.msg-success{background:var(--c-green-bg);color:var(--c-green);border:1px solid #10b98138;border-radius:9px;margin-bottom:1rem;padding:.65rem .9rem;font-size:.85rem}.back-link{color:var(--c-text2);align-items:center;gap:.3rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.back-link:hover{color:var(--c-text)}@media (width<=540px){.guide-hero{padding:3.5rem 1.25rem 3rem}.gh-blob-1{width:280px;height:280px}.gh-blob-2{width:220px;height:220px}.guide-card{flex-wrap:wrap}.guide-title{white-space:normal}.toolbar{flex-direction:column;align-items:stretch}.page-header{padding:2.5rem 1.25rem 1rem}.toolbar{border-radius:10px;padding:.75rem 1.25rem;top:68px}.guides-content{padding:.5rem 1.25rem 2rem}.upload-page{padding:2rem 1.25rem 4rem}.form-card{padding:1.4rem}.form-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.guide-card:after{transition:none!important}.hero-blob,.guide-hero-blob,.pa-glow-orb,.upload-bg-blob{animation:none!important}.deco-chip{opacity:0!important;animation:none!important}.pa-lift:hover,.glass-card:hover,.btn:hover,.btn-primary:hover,.btn-ghost:hover,.theme-btn:hover,.guide-card:hover,.nav-link:hover,.form-input:hover,.form-input:focus,.full-btn:hover{transform:none!important}.hero-skyline-img{will-change:auto}.pa-shimmer{background:var(--c-surface);animation:none!important}nav:after{opacity:.25;animation:none!important}.btn:after,.full-btn:after{transition:none!important}}@media (width<=600px){.btn:after,.full-btn:after{display:none}.theme-btn:hover{box-shadow:none;transform:translateY(var(--mobile-hover-lift)) scale(1.03)}.guide-card:hover,.glass-card:hover,.pa-lift:hover{transform:translateY(var(--mobile-hover-lift))}.modal-visual{min-height:102px}}@media (prefers-reduced-motion:no-preference) and (width>=601px){.theme-btn:hover{transform:translateY(-2px) rotate(var(--theme-btn-hover-rotate)) scale(1.06)}}.glass-card,.glass-panel{position:relative;box-shadow:inset 0 1px #ffffff0d,0 2px 8px #0000000d}[data-theme=light] .glass-card,[data-theme=light] .glass-panel{box-shadow:inset 0 1px #ffffffbf,0 2px 8px #0000000a}.glass-card:after,.glass-panel:after{content:"";border-radius:inherit;pointer-events:none;opacity:.04;mix-blend-mode:overlay;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.2'/%3E%3C/svg%3E");position:absolute;inset:0}.glass-card>*,.glass-panel>*{z-index:1;position:relative}.empty-state-frame:after{content:"";border-radius:inherit;pointer-events:none;opacity:.04;mix-blend-mode:overlay;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.2'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.pa-shimmer{background:linear-gradient(90deg, var(--c-surface) 0px, var(--c-surface2) 40px, var(--c-surface) 80px);background-size:400px 100%;animation:1.6s linear infinite shimmer}