.site-header{position:fixed;transition:top .25s ease,transform .25s ease}
.nav-shell{transition:height .25s ease,width .25s ease,border-radius .25s ease,box-shadow .25s ease,background .25s ease}
.site-header.is-scrolled{top:8px}
.site-header.is-scrolled .nav-shell{height:68px;width:min(1220px,calc(100% - 28px));border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 14px 38px rgba(8,38,90,.14)}
.site-header.is-scrolled .brand img{width:145px}
.site-header .brand img{transition:width .25s ease}
.nav-auth-actions{display:flex;align-items:center;gap:8px;margin-left:25px;padding:5px;border:1px solid rgba(196,214,238,.9);border-radius:18px;background:rgba(255,255,255,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.nav-create-account{height:44px;padding:0 13px 0 8px;display:inline-flex;align-items:center;gap:9px;border-radius:13px;color:#34445e;transition:background .2s,color .2s,transform .2s}.nav-create-account .nav-auth-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#e8f0fc;color:#0757ff;font-size:17px;font-weight:600;transition:.2s}.nav-create-account>span:last-child,.nav-login>span{display:flex;flex-direction:column;line-height:1.12}.nav-create-account small,.nav-login small{font-size:12px;font-weight:700;letter-spacing:.01em}.nav-create-account strong,.nav-login strong{font-size:12px;font-weight:800}.nav-create-account small{color:#8794a8}.nav-create-account:hover{background:#fff;color:#0757ff;transform:translateY(-1px)}.nav-create-account:hover .nav-auth-icon{background:#dfeaff}
.nav-login{height:44px;min-width:116px;padding:0 9px 0 15px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-radius:13px;background:linear-gradient(135deg,#1266ff,#0645d7);color:#fff;box-shadow:0 9px 20px rgba(7,87,255,.23),inset 0 1px 0 rgba(255,255,255,.22);transition:transform .2s,box-shadow .2s,filter .2s}.nav-login small{color:rgba(255,255,255,.7)}.nav-login i{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:rgba(255,255,255,.15);font-style:normal;font-size:16px;transition:background .2s,transform .2s}.nav-login:hover{transform:translateY(-2px);box-shadow:0 13px 26px rgba(7,87,255,.31);filter:saturate(1.08)}.nav-login:hover i{background:rgba(255,255,255,.24);transform:translateX(2px)}
.user-nav-menu{position:relative;margin-left:28px}.user-nav-profile{margin:0;padding:5px 10px 5px 5px;display:flex;align-items:center;gap:10px;min-width:195px;border:1px solid #d7e2f0;border-radius:16px;background:rgba(255,255,255,.64);color:inherit;cursor:pointer;font:inherit;text-align:left;transition:.2s}
.user-nav-profile:hover{background:#fff;border-color:#afc7eb;box-shadow:0 10px 24px rgba(12,53,115,.1);transform:translateY(-1px)}
.user-nav-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;background:linear-gradient(145deg,#1768ff,#063cc5);color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;box-shadow:0 6px 15px rgba(7,87,255,.23)}
.user-nav-avatar img{width:100%;height:100%;object-fit:cover}
.user-nav-name{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.user-nav-name small{font-size:12px;color:#77849a;font-weight:700}
.user-nav-name strong{max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#14213a}
.user-nav-profile>i{margin-left:auto;color:#718099;font-style:normal;font-size:12px}
.user-nav-menu.open .user-nav-profile{background:#fff;border-color:#afc7eb;box-shadow:0 10px 24px rgba(12,53,115,.1)}.user-nav-menu.open .user-nav-profile>i{transform:rotate(180deg)}.user-nav-profile>i{transition:transform .2s}.user-account-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:310px;padding:12px;border:1px solid #d8e3f1;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 22px 55px rgba(7,35,82,.18);opacity:0;visibility:hidden;transform:translateY(-7px) scale(.98);transform-origin:top right;transition:opacity .18s,visibility .18s,transform .18s}.user-nav-menu.open .user-account-dropdown{opacity:1;visibility:visible;transform:none}.user-account-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:14px;background:linear-gradient(135deg,#eef5ff,#f7fbff);border:1px solid #dce8f8}.user-account-summary span{color:#6d7c94;font-size:12px;font-weight:700}.user-account-summary strong{color:#0aa45b;font:700 17px "Space Grotesk",sans-serif;white-space:nowrap}.user-account-dropdown nav{display:flex;flex-direction:column;padding:7px 0}.user-account-dropdown nav a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:10px;border-radius:12px;transition:background .18s}.user-account-dropdown nav a:hover{background:#eef5ff}.user-account-dropdown nav a>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e6efff;color:#0757ff;font-weight:800}.user-account-dropdown nav a div{display:flex;flex-direction:column;line-height:1.35}.user-account-dropdown nav a strong{color:#14213a;font-size:12px}.user-account-dropdown nav a small{color:#8290a5;font-size:12px;font-weight:600}.user-account-dropdown nav a>i{color:#8290a5;font-style:normal;font-size:18px}.user-account-dropdown form{padding-top:9px;border-top:1px solid #e2e9f3}.user-account-dropdown form button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px;border:0;border-radius:11px;background:#f4f6fa;color:#53627a;cursor:pointer;font-size:12px;font-weight:800;transition:.18s}.user-account-dropdown form button:hover{background:#fff0f0;color:#d73737}
body.client-auth-page .site-header{position:fixed}
@media(max-width:1100px){.nav-auth-actions,.user-nav-menu{margin-left:15px}.nav-create-account{display:none}.user-nav-profile{min-width:0}.user-nav-name{display:none}.user-nav-profile>i{display:none}}
@media(max-width:820px){.site-header.is-scrolled{top:6px}.site-header.is-scrolled .nav-shell{height:62px}.nav-auth-actions{order:1;margin:0 8px 0 auto;padding:3px;border-radius:14px}.nav-login{width:42px;min-width:42px;height:42px;padding:6px}.nav-login>span{display:none}.nav-login i{width:30px;height:30px}.user-nav-menu{order:1;margin:0 8px 0 auto}.user-nav-profile{padding:3px;border-radius:50%;min-width:auto}.user-nav-avatar{width:39px;height:39px}.user-account-dropdown{right:-50px;top:calc(100% + 10px);width:min(310px,calc(100vw - 24px))}.menu-toggle{order:2}}
@media(max-width:480px){.nav-shell{width:calc(100% - 18px)}.site-header.is-scrolled .nav-shell{width:calc(100% - 12px)}.brand img{width:120px!important}}