*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--void: #0D0F1A;--void2: #13162A;--void3: #1A1D32;--surface: #1E2138;--crystal: #6C63D8;--facet: #A79EF5;--aura: #E8E6FF;--signal: #1AD6A0;--warn: #E8923A;--danger: #E85555;--muted: #8B8FAD;--text: #B8B4D8;--border: rgba(108,99,216,.15);--border2: rgba(108,99,216,.28)}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--void);color:var(--text);font-family:Work Sans,sans-serif;font-weight:300;font-size:16px;line-height:1.6;overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;height:64px;background:#0d0f1ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 40px;gap:32px;z-index:100}.nav-logo{font-family:Lora,serif;font-size:27px;color:var(--aura);letter-spacing:-.02em;text-decoration:none;display:flex;align-items:center;gap:10px;margin-right:8px;flex-shrink:0}.nav-logo img{width:32px;height:32px;display:block;flex-shrink:0}.nav-link{font-family:DM Mono,monospace;font-size:13.8px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .15s;white-space:nowrap}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--facet)}.nav-dropdown{position:relative;display:flex;align-items:center}.nav-dropdown-trigger{font-family:DM Mono,monospace;font-size:13.8px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;display:flex;align-items:center;gap:5px;transition:color .15s;user-select:none;white-space:nowrap}.nav-dropdown-trigger:hover{color:var(--text)}.nav-dropdown-trigger.active{color:var(--facet)}.nav-dropdown-arrow{font-size:9px;line-height:1;transition:transform .15s;opacity:.6}.nav-dropdown:hover .nav-dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-panel{display:none;position:absolute;top:100%;left:-20px;padding-top:20px;background:transparent;min-width:240px;flex-direction:column;z-index:200}.nav-dropdown-panel:after{content:"";position:absolute;inset:20px 0 0;background:#0d0f1afa;border:1px solid var(--border2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:-1}.nav-dropdown:hover .nav-dropdown-panel{display:flex}.nav-dropdown-item{position:relative;z-index:1;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:14px 20px;border-bottom:1px solid var(--border);transition:color .15s,background .15s}.nav-dropdown-item:last-child{border-bottom:none}.nav-dropdown-item:hover{color:var(--aura);background:#6c63d814}.nav-spacer{flex:1}.nav-login{font-family:DM Mono,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:8px 20px;background:transparent;border:1px solid var(--border2);color:var(--facet);text-decoration:none;transition:color .15s,border-color .15s;white-space:nowrap}.nav-login:hover{color:var(--aura);border-color:var(--facet)}.nav-cta{font-family:DM Mono,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:8px 20px;background:var(--crystal);color:var(--aura);text-decoration:none;transition:background .15s,opacity .15s;white-space:nowrap}.nav-cta:hover{background:var(--facet)}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:1px solid var(--border);cursor:pointer;padding:0 8px;flex-shrink:0}.nav-hamburger span{display:block;width:100%;height:1.5px;background:var(--muted);transition:transform .2s ease,opacity .2s ease;transform-origin:center}.nav-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);background:var(--facet)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);background:var(--facet)}.nav-mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;background:#0d0f1af7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:99;flex-direction:column}.nav-mobile-menu.open{display:flex;animation:menuFadeIn .15s ease forwards}.nav-mobile-link{font-family:DM Mono,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:18px 24px;border-bottom:1px solid var(--border);transition:color .15s,background .15s}.nav-mobile-link:hover{color:var(--text);background:#6c63d80d}.nav-mobile-link.active{color:var(--facet)}.nav-mobile-cta{font-family:DM Mono,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:18px 24px;background:var(--crystal);color:var(--aura);text-decoration:none;text-align:center;transition:background .15s}.nav-mobile-cta:hover{background:var(--facet)}.nav-mobile-login{font-family:DM Mono,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:18px 24px;background:var(--aura);color:var(--crystal);text-decoration:none;text-align:center;transition:opacity .15s}.nav-mobile-login:hover{opacity:.85}.nav-mobile-sub{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:13px 24px 13px 40px;border-bottom:1px solid var(--border);transition:color .15s,background .15s;display:flex;align-items:center;gap:10px}.nav-mobile-sub:before{content:"";display:block;width:12px;height:1px;background:var(--border2);flex-shrink:0}.nav-mobile-sub:hover{color:var(--text);background:#6c63d80d}footer{border-top:1px solid var(--border);background:var(--void2);padding:32px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-logo{font-family:Lora,serif;font-size:15px;color:var(--muted);text-decoration:none;display:flex;align-items:center;gap:8px}.footer-line{font-family:DM Mono,monospace;font-size:12px;color:var(--muted);letter-spacing:.06em;text-align:center}.footer-links{display:flex;gap:24px}.footer-link{font-family:DM Mono,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--text)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){nav{padding:0 24px;gap:20px}.nav-link,.nav-dropdown,.nav-login,.nav-cta{display:none}.nav-hamburger{display:flex}footer{padding:32px 24px}}@media (max-width: 600px){nav{padding:0 16px;gap:8px}footer{flex-direction:column;text-align:center;padding:28px 20px;gap:16px}}