:root{--bg:#09090b;--bg-2:#0c0c14;--surface:#12121a;--surface-raised:#1a1a26;--surface-bright:#222232;--border:#1c1c2e;--border-bright:#2a2a42;--text:#ededf2;--text-dim:#a0a0be;--text-faint:#5c5c78;--accent:#c8f540;--accent-dim:#8aab2a;--accent-glow:#c8f5400f;--accent-glow-strong:#c8f5401f;--purple:#8b5cf6;--purple-dim:#6d3bed;--purple-glow:#8b5cf61f;--teal:#2dd4bf;--teal-glow:#2dd4bf1a;--blue:#3b82f6;--blue-glow:#3b82f61a;--red:#f43f5e;--mono:"DM Mono",monospace;--sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:"Instrument Serif",Georgia,serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--max-w:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;overflow-x:hidden}::selection{background:var(--accent);color:var(--bg)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.fade-up{opacity:0;animation:.8s ease-out forwards fadeUp}.fade-in{opacity:0;animation:1s ease-out forwards fadeIn}.nav{-webkit-backdrop-filter:blur(24px)saturate(180%);z-index:100;background:#09090bcc;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:64px;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.nav-brand:hover{text-decoration:none}.nav-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2.5s infinite pulse;box-shadow:0 0 12px #c8f54080}.nav-name{font-family:var(--mono);letter-spacing:.14em;color:var(--text);font-size:13px;font-weight:500}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{color:var(--text-faint);font-size:14px;font-weight:400;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--text);text-decoration:none}.nav-link.active{color:var(--accent)}.nav-link-register{color:var(--bg);background:var(--accent);border-radius:var(--radius-sm);padding:8px 22px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:0 0 20px #c8f54033}.nav-link-register:hover{opacity:.9;color:var(--bg);text-decoration:none;transform:translateY(-1px);box-shadow:0 0 30px #c8f5404d}.nav-dropdown{position:relative}.nav-dropdown-toggle{color:var(--text-faint);font-size:14px;font-family:var(--sans);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-weight:400;text-decoration:none;transition:color .2s;display:flex}.nav-dropdown-toggle:hover{color:var(--text)}.nav-dropdown-toggle.active{color:var(--accent)}.nav-dropdown-arrow{font-size:10px;transition:transform .2s}.nav-dropdown.open .nav-dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{background:var(--surface);border:1px solid var(--border-bright);border-radius:var(--radius-md);z-index:200;min-width:220px;padding:6px;display:none;position:absolute;top:calc(100% + 12px);left:-12px;box-shadow:0 16px 48px #0009,0 0 0 1px #ffffff08}.nav-dropdown.open .nav-dropdown-menu{display:block}.nav-dropdown-item{color:var(--text-dim);border-radius:8px;padding:10px 14px;font-size:14px;text-decoration:none;transition:all .15s;display:block}.nav-dropdown-item:hover{color:var(--text);background:var(--surface-raised);text-decoration:none}.nav-dropdown-item.active{color:var(--accent)}.nav-separator{background:var(--border-bright);width:1px;height:20px}.nav-mobile-toggle{color:var(--text-dim);cursor:pointer;font-size:20px;font-family:var(--sans);background:0 0;border:none;display:none}@media (max-width:768px){.nav{padding:0 20px}.nav-mobile-toggle{display:block}.nav-links{background:var(--bg);border-top:1px solid var(--border);z-index:200;flex-direction:column;gap:20px;height:calc(100dvh - 64px);padding:24px 20px;display:none;position:absolute;top:64px;left:0;right:0;overflow-y:auto}.nav-links.open{display:flex}.nav-dropdown-menu{min-width:unset;box-shadow:none;background:0 0;border:none;padding:8px 0 0 16px;position:static}.nav-dropdown.open .nav-dropdown-menu{display:block}.nav-separator{display:none}.auth-nav-section{flex-direction:column;align-items:flex-start}}.container{max-width:860px;margin:0 auto;padding:0 24px}.container-wide{max-width:var(--max-w);margin:0 auto;padding:0 40px}@media (max-width:768px){.container-wide{padding:0 20px}}.section-number{font-family:var(--mono);letter-spacing:.18em;color:var(--accent-dim);text-transform:uppercase;margin-bottom:16px;font-size:13px}.section-title{font-family:var(--serif);margin-bottom:24px;font-size:clamp(28px,4vw,40px);font-weight:400;line-height:1.2}.footer{border-top:1px solid var(--border);padding:64px 0 48px}.footer-top{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-brand-name{font-family:var(--mono);letter-spacing:.12em;color:var(--text);margin-bottom:14px;font-size:13px;font-weight:500}.footer-brand-desc{color:var(--text-faint);max-width:280px;font-size:14px;line-height:1.7}.footer-col-title{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:16px;font-size:11px;font-weight:500}.footer-col-links{flex-direction:column;gap:10px;display:flex}.footer-col-links a{color:var(--text-faint);font-size:14px;text-decoration:none;transition:color .2s}.footer-col-links a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-faint);justify-content:space-between;align-items:center;padding-top:24px;font-size:13px;display:flex}.footer-bottom-links{gap:20px;display:flex}.footer-bottom-links a{color:var(--text-faint);font-size:13px;text-decoration:none;transition:color .2s}.footer-bottom-links a:hover{color:var(--text-dim)}@media (max-width:768px){.footer-top{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:480px){.footer-top{grid-template-columns:1fr;gap:28px}.footer-bottom{text-align:center;flex-direction:column;gap:12px}}.auth-nav-section{align-items:center;gap:16px;display:flex}.auth-user-info{align-items:center;gap:10px;display:flex}.auth-avatar{border:1px solid var(--border);border-radius:50%;width:28px;height:28px}.auth-username{color:var(--text-dim);font-size:13px}.auth-signout-btn{border:1px solid var(--border);color:var(--text-faint);font-family:var(--sans);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:6px 14px;font-size:13px;transition:all .2s}.auth-signout-btn:hover{border-color:var(--text-faint);color:var(--text-dim)}.auth-signin-btn{color:var(--text-dim);border:1px solid var(--border-bright);border-radius:var(--radius-sm);font-size:13px;font-family:var(--sans);cursor:pointer;background:0 0;padding:8px 20px;text-decoration:none;transition:all .2s}.auth-signin-btn:hover{border-color:var(--text-faint);color:var(--text);text-decoration:none}