:root{--ink: #121212;--ink-2: #2f2b3a;--ink-3: #4a4556;--violet: #5b2fa8;--line: rgba(18, 18, 18, .18);--gutter: clamp(20px, 5vw, 72px)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px var(--gutter);background:#e6fbf0b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar .logo{height:26px;display:block}.topbar>a{text-decoration:none}.topnav{display:flex;align-items:center;gap:36px;font-weight:600;font-size:15px;margin:0 auto}.topnav a,.topnav button{all:unset;cursor:pointer;color:var(--ink);display:flex;align-items:center;gap:6px;padding:4px 0;border-bottom:2px solid transparent;font:inherit;font-weight:600;white-space:nowrap}.topnav a:hover,.topnav button:hover,.topnav button[aria-expanded=true]{border-bottom-color:var(--ink)}.topnav .caret{font-size:9px}.dd{position:relative}.dd-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);min-width:260px;padding:8px;border-radius:14px;background:#fff;box-shadow:0 24px 50px -20px #12121273,0 0 0 1px var(--line);font-weight:500}.dd-menu a,.dd-menu span{all:unset;display:flex;justify-content:space-between;gap:16px;padding:9px 12px;border-radius:9px;color:var(--ink);cursor:pointer;font-size:15px;font-weight:500;white-space:nowrap;border:0}.dd-menu a:hover{background:#1212120f}.dd-menu small{color:var(--ink-3);font-size:13px;font-weight:500}.dd-menu span{color:var(--ink-3)}.topbar .right{display:flex;align-items:center;gap:10px}.btn-login{display:inline-flex;align-items:center;height:41px;padding:0 20px;border-radius:11px;border:1px solid rgba(18,18,18,.35);background:#ffffff40;font-weight:700;font-size:16px;color:var(--ink);text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s}.btn-login:hover{background:#ffffffb3;border-color:var(--ink);color:var(--ink)}.burger{all:unset;cursor:pointer;display:none;width:40px;height:40px;border-radius:10px;align-items:center;justify-content:center}.burger:hover{background:#ffffff80}.burger svg{width:24px;height:24px}.mobile-menu{position:sticky;top:69px;z-index:19;display:none;flex-direction:column;gap:2px;padding:8px var(--gutter) 16px;background:#e6fbf0f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);font-size:17px;font-weight:600}.mobile-menu a,.mobile-menu summary{color:var(--ink);text-decoration:none;padding:11px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.mobile-menu details a{padding:8px 0 8px 16px;font-weight:500;font-size:16px}.mobile-menu details span{display:flex;justify-content:space-between;padding:8px 0 8px 16px;color:var(--ink-3);font-weight:500;font-size:16px}.mobile-menu .login{border-top:1px solid var(--line);margin-top:6px;padding-top:14px}@media (max-width: 759px){.topnav,.btn-login{display:none}.burger{display:inline-flex}.mobile-menu.open{display:flex}}.topnav .active{border-bottom-color:var(--ink)}.avatar{all:unset;cursor:pointer;width:41px;height:41px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(18,18,18,.35);background:#ffffff40;font-weight:700;font-size:16px;color:var(--ink);text-transform:uppercase}.avatar:hover,.avatar[aria-expanded=true]{background:#ffffffb3;border-color:var(--ink)}.avatar-wrap{position:relative}.avatar-wrap .dd-menu{left:auto;right:0;transform:none;min-width:220px}.avatar-wrap .dd-menu button{all:unset;display:flex;padding:9px 12px;border-radius:9px;cursor:pointer;color:var(--ink);font-size:15px;font-weight:500;width:calc(100% - 24px)}.avatar-wrap .dd-menu button:hover{background:#1212120f}.dd-menu .sep{height:1px;margin:6px 4px;background:#12121214}.mobile-menu button.logout{all:unset;cursor:pointer;color:var(--ink);padding:11px 0;font:inherit}@media (max-width: 759px){.avatar-wrap{display:none}}