.site-header{position:sticky;top:0;z-index:100;width:min(1180px,calc(100% - 28px));margin:18px auto 0}.navbar-shell{position:relative;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 22px;border:2px solid rgba(255,255,255,.9);border-radius:28px;background:linear-gradient(120deg,rgba(255,255,255,.9),rgba(246,235,255,.82),rgba(231,249,255,.86));box-shadow:0 18px 42px rgba(76,58,117,.18),inset 0 1px 0 #fff;backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#33284c;min-width:220px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#ff4f93,#8e62ff);color:#fff;box-shadow:inset 0 3px 0 rgba(255,255,255,.45),0 9px 18px rgba(115,73,180,.25);font-size:25px}.brand-name{font-size:20px;font-weight:800;line-height:1}.brand-sub{font-size:12px;color:#786d8e}.desktop-navigation{display:flex;align-items:center;gap:7px}.nav-link{text-decoration:none;color:#4c4161;font-weight:700;padding:11px 14px;border-radius:15px;transition:.25s ease}.nav-link:hover{color:#fff;background:linear-gradient(135deg,#ff4d8d,#795cf6);transform:translateY(-2px)}.header-create-button{text-decoration:none;color:#fff;padding:12px 17px;border-radius:16px;font-weight:800;background:linear-gradient(135deg,#e92f73,#7448e9);box-shadow:0 9px 0 #a52059,0 15px 25px rgba(108,52,152,.22);transition:.16s ease}.header-create-button:hover{transform:translateY(-3px)}.mobile-menu-button{display:none}.mobile-navigation{display:none}
@media(max-width:850px){.desktop-navigation,.header-create-button{display:none}.site-header{margin-top:12px}.navbar-shell{min-height:64px;padding:0 14px}.brand{min-width:0}.brand-name{font-size:16px}.brand-sub{display:none}.mobile-menu-button{display:flex;width:45px;height:45px;border:0;border-radius:14px;background:linear-gradient(135deg,#ff4f91,#7459ec);align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer}.mobile-menu-button span{width:20px;height:3px;border-radius:4px;background:#fff}.mobile-navigation{display:none;position:absolute;top:calc(100% + 9px);left:0;right:0;padding:12px;border-radius:22px;background:rgba(255,255,255,.97);border:2px solid rgba(255,255,255,.9);box-shadow:0 18px 35px rgba(69,52,108,.18);backdrop-filter:blur(18px)}.mobile-navigation.is-open{display:grid;gap:5px}}