@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-spatial:#06070a;--bg-surface:#0d111abf;--bg-surface-elevated:#131a28d9;--bg-glass:#ffffff08;--bg-glass-hover:#ffffff12;--border-specular:#ffffff17;--border-specular-bright:#ffffff38;--border-examdock:#38bdf873;--border-subdebt:#10b98173;--accent-cyan:#38bdf8;--accent-blue:#6366f1;--accent-teal:#10b981;--accent-emerald:#059669;--glow-cyan:#38bdf84d;--glow-teal:#10b9814d;--text-primary:#fff;--text-secondary:#cbd5e1;--text-muted:#8090a7;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--max-width:1240px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-spatial);color:var(--text-primary);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#38bdf873 #06070a;line-height:1.6}body{-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 50% -10%,#38bdf81f,#0000 50%),radial-gradient(circle at 10% 40%,#6366f114,#0000 40%),radial-gradient(circle at 90% 70%,#10b98114,#0000 40%),#06070a;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#06070a;border-left:1px solid #ffffff0a}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff2e;border:1.5px solid #06070a;transition:all .2s}::-webkit-scrollbar-thumb:hover{box-shadow:0 0 12px var(--glow-cyan);background:linear-gradient(#38bdf8 0%,#6366f1 100%)}::-webkit-scrollbar-corner{background:#06070a}.spatial-grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:60px 60px;height:900px;position:absolute;top:0;left:0;right:0;mask-image:radial-gradient(70% 60% at 50% 10%,#000 20%,#0000 80%)}.container{width:100%;max-width:var(--max-width);z-index:1;margin:0 auto;padding:0 1.5rem;position:relative}a{color:inherit;text-decoration:none}.spatial-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-specular);border-radius:var(--radius-lg);transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 20px 40px -15px #0009}.spatial-card:hover{border-color:var(--border-specular-bright);transform:translateY(-3px);box-shadow:inset 0 1px #ffffff2e,0 24px 48px -15px #000000b3}.spatial-card-examdock:hover{border-color:var(--border-examdock);box-shadow:inset 0 1px 0 0 #38bdf84d, 0 25px 50px -15px #000000b3, 0 0 35px -5px var(--glow-cyan)}.spatial-card-subdebt:hover{border-color:var(--border-subdebt);box-shadow:inset 0 1px 0 0 #10b9814d, 0 25px 50px -15px #000000b3, 0 0 35px -5px var(--glow-teal)}.spatial-viewport{-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-specular);border-radius:var(--radius-xl);background:#0a0e18d9;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 30px 60px -20px #000c}.spatial-spec-strip{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-specular);border-radius:var(--radius-lg);background:#0d111a80;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;padding:1.5rem;display:grid}.spatial-header{z-index:100;width:100%;margin-bottom:2rem;padding:0 1rem;position:sticky;top:1rem}.spatial-nav{max-width:var(--max-width);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-specular);border-radius:var(--radius-full);background:#0a0e16d9;justify-content:space-between;align-items:center;margin:0 auto;padding:.65rem 1.25rem;display:flex;box-shadow:inset 0 1px #ffffff14,0 12px 32px #00000080}.nav-brand{letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:1.05rem;font-weight:700;transition:opacity .2s;display:flex}.nav-brand:hover{opacity:.9}.nav-brand:active{transform:scale(.97)}.brand-dot{background:var(--accent-cyan);width:10px;height:10px;box-shadow:0 0 12px var(--accent-cyan);border-radius:50%;animation:3s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.nav-menu{align-items:center;gap:.5rem;list-style:none;display:flex}.nav-item{color:var(--text-secondary);border-radius:var(--radius-full);padding:.45rem .95rem;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1)}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff14;box-shadow:inset 0 1px #ffffff1a}.nav-item:active{transform:scale(.96)}.nav-actions{align-items:center;gap:.65rem;display:flex}.mobile-toggle{border:1px solid var(--border-specular);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;background:#ffffff0d;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:none}.mobile-toggle:hover{border-color:var(--border-specular-bright);background:#ffffff1a}.mobile-toggle:active{transform:scale(.95)}.btn,.spatial-btn{border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;user-select:none;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:.55rem;padding:.65rem 1.35rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:hover,.spatial-btn:hover{transform:translateY(-2px)}.btn:active,.spatial-btn:active,button:active,[role=button]:active{transform:scale(.96)translateY(1px)!important}.btn:focus-visible,.spatial-btn:focus-visible,.spatial-input:focus-visible,.spatial-select:focus-visible{box-shadow:0 0 0 2px #38bdf899, 0 0 16px var(--glow-cyan);outline:none}.btn-primary{color:#fff;background:linear-gradient(135deg,#38bdf8 0%,#2563eb 100%);box-shadow:inset 0 1px #ffffff59,0 8px 20px -4px #38bdf866}.btn-primary:hover{background:linear-gradient(135deg,#60a5fa 0%,#1d4ed8 100%);box-shadow:inset 0 1px #ffffff73,0 12px 24px -4px #38bdf88c}.btn-teal{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:inset 0 1px #ffffff59,0 8px 20px -4px #10b98166}.btn-teal:hover{background:linear-gradient(135deg,#34d399 0%,#047857 100%);box-shadow:inset 0 1px #ffffff73,0 12px 24px -4px #10b9818c}.btn-glass{border:1px solid var(--border-specular);color:var(--text-primary);-webkit-backdrop-filter:blur(12px);background:#ffffff0d}.btn-glass:hover{border-color:var(--border-specular-bright);background:#ffffff1a;box-shadow:0 4px 16px #0000004d}.btn-sm{padding:.45rem .95rem;font-size:.8rem}.btn-lg{padding:.85rem 1.85rem;font-size:1rem}.spatial-badge{border-radius:var(--radius-full);border:1px solid var(--border-specular);color:var(--text-secondary);background:#ffffff0a;align-items:center;gap:.45rem;padding:.3rem .85rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.badge-cyan{color:#7dd3fc;background:#38bdf81a;border-color:#38bdf859}.badge-teal{color:#6ee7b7;background:#10b9811a;border-color:#10b98159}.spatial-input{border:1px solid var(--border-specular);border-radius:var(--radius-md);color:#fff;background:#0a0e16b3;outline:none;width:100%;padding:.8rem 1.15rem;font-family:inherit;font-size:.95rem;transition:all .2s cubic-bezier(.16,1,.3,1)}.spatial-input:hover{border-color:var(--border-specular-bright)}.spatial-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 16px var(--glow-cyan);background:#0a0e16f2}.spatial-textarea{resize:vertical;min-height:120px}select.spatial-select,.spatial-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-specular);border-radius:var(--radius-md);color:#fff;cursor:pointer;background-color:#0a0e16b3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238090a7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;outline:none;width:100%;padding:.8rem 2.6rem .8rem 1.15rem;font-family:inherit;font-size:.95rem;transition:all .2s cubic-bezier(.16,1,.3,1)}select.spatial-select:hover,.spatial-select:hover{border-color:var(--border-specular-bright)}select.spatial-select:focus,.spatial-select:focus{border-color:var(--accent-cyan);box-shadow:0 0 16px var(--glow-cyan)}select.spatial-select option{color:#fff;background:#0b0f19;padding:.5rem}input[type=checkbox].spatial-checkbox,.spatial-checkbox{-webkit-appearance:none;appearance:none;border-radius:var(--radius-xs);border:1px solid var(--border-specular);cursor:pointer;vertical-align:middle;background:#0a0e16d9;place-content:center;width:20px;height:20px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-grid;position:relative}input[type=checkbox].spatial-checkbox:hover,.spatial-checkbox:hover{border-color:var(--accent-cyan);box-shadow:0 0 10px var(--glow-cyan)}input[type=checkbox].spatial-checkbox:checked,.spatial-checkbox:checked{background:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:0 0 14px var(--glow-cyan)}input[type=checkbox].spatial-checkbox:checked:after,.spatial-checkbox:checked:after{content:"";border:2.5px solid #000;border-width:0 2.5px 2.5px 0;width:6px;height:10px;margin-bottom:2px;transform:rotate(45deg)}.spatial-footer{border-top:1px solid var(--border-specular);-webkit-backdrop-filter:blur(20px);background:#06080cd9;margin-top:auto;padding:3.5rem 0 2rem}@media (width<=860px){.nav-menu{display:none}.nav-menu.open{-webkit-backdrop-filter:blur(28px);border:1px solid var(--border-specular-bright);border-radius:var(--radius-lg);background:#0a0e16f2;flex-direction:column;padding:1rem;display:flex;position:absolute;top:calc(100% + .75rem);left:1rem;right:1rem;box-shadow:0 20px 40px #000000b3}.mobile-toggle{display:inline-flex}.desktop-only-auth{display:none!important}.mobile-only-nav{display:flex!important}}