/* Navigation — verre d’obsidienne, sceaux colorés et liseré rubis/or. */
:root{--nav-h:104px;--orbit-bg:#14121de8;--orbit-line:#ffe0bb20;--orbit-text:#faf0e8;--orbit-muted:#afa5b7}
html[data-theme=light]{--orbit-bg:#fff8f0ed;--orbit-line:#56314224;--orbit-text:#2e2030;--orbit-muted:#7b6676}
body .nav-wrapper,body .nav-wrapper.is-scrolled{height:104px!important;padding:12px 16px!important}
body .nav-wrapper .nav-inner,body .nav-wrapper.is-scrolled .nav-inner{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:none;height:80px!important;margin:0;padding:0 26px;gap:16px;border:1px solid #ffc49135;border-radius:26px!important;background:radial-gradient(ellipse at 0 0,#ee40451a,transparent 36%),radial-gradient(ellipse at 100% 0,#ddac6012,transparent 40%),var(--orbit-bg);backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%);box-shadow:0 12px 40px #0004,0 0 24px #ef444412,inset 0 1px #fff2db14}
body .nav-wrapper .nav-inner::before{left:7%;right:7%;height:1px;top:0;background:linear-gradient(90deg,transparent,#ff737880,#ffd29f80,transparent)}
body .nav-wrapper .nav-brand{display:flex;align-items:center;gap:12px;flex-shrink:0;margin:0;padding:0;border:0;height:auto}
.nav-wrapper .nav-brand-mark{width:46px;height:46px;border-radius:50%!important;display:grid;place-items:center;background:linear-gradient(145deg,#ff777722,#e5ba720c);border:1px solid #ffbe8f50;box-shadow:0 0 20px #ef44441c,inset 0 1px #fff4d916}
.nav-wrapper .nav-brand-mark img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 7px #ff776340)}
.nav-wrapper .nav-brand-text .t1{font-size:1rem;font-weight:800;letter-spacing:-.035em!important;color:var(--orbit-text)}
.nav-wrapper .nav-brand-text .t2{font-size:.48rem;letter-spacing:.14em!important;color:var(--orbit-muted)}
.nav-brand-text .t2::before{display:none}
body .nav-wrapper .nav-links{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:5px;margin:0!important;padding:5px 8px;border:1px solid #ffffff09;border-radius:20px;background:#ffffff02;width:max-content;max-width:calc(100% - 530px)}
body .nav-wrapper .nav-links .nav-link{position:relative;display:flex;align-items:center;gap:8px;padding:8px 10px;min-height:48px;border:1px solid transparent;border-radius:15px!important;font-size:.77rem;font-weight:600;color:var(--orbit-muted);white-space:nowrap;transition:background .25s,border-color .25s,color .25s,box-shadow .25s}
body .nav-wrapper .nav-link .nav-link-ic{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%!important;border:1px solid color-mix(in srgb,var(--lc) 25%,transparent);color:var(--lc);background:color-mix(in srgb,var(--lc) 12%,transparent);box-shadow:inset 0 1px #ffffff0a;font-size:14px;transition:box-shadow .25s,scale .25s}
body .nav-wrapper .nav-link-ic img{width:32px;height:32px;max-width:none;object-fit:contain}
body .nav-wrapper .nav-link--fido .nav-link-ic{background:none;border:0}
body .nav-wrapper .nav-links .nav-link:is(:hover,.active){color:var(--orbit-text);background:linear-gradient(140deg,color-mix(in srgb,var(--lc) 16%,transparent),color-mix(in srgb,var(--lc) 5%,transparent));border-color:color-mix(in srgb,var(--lc) 35%,transparent);box-shadow:inset 0 1px #ffffff0c,0 0 16px color-mix(in srgb,var(--lc) 8%,transparent)}
body .nav-wrapper .nav-link:is(:hover,.active) .nav-link-ic{box-shadow:0 0 14px color-mix(in srgb,var(--lc) 30%,transparent);scale:1.06}
body .nav-wrapper .nav-link.active::after{content:'';position:absolute;bottom:-6px;left:calc(50% - 12px);width:24px;height:2px;border-radius:99px;background:var(--lc);box-shadow:0 0 10px var(--lc)}
.nav-wrapper .fido-new-badge{display:none}
.nav-links .nav-section-marker{--marker-color:#c4b5fd;position:relative;display:flex;align-items:center;gap:6px;align-self:center;margin:0 7px 0 15px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--marker-color) 24%,transparent);border-radius:999px;background:color-mix(in srgb,var(--marker-color) 7%,transparent);color:var(--marker-color);white-space:nowrap;flex-shrink:0}
.nav-section-marker::before{content:'';position:absolute;left:-14px;top:10%;bottom:10%;width:1px;background:linear-gradient(transparent,color-mix(in srgb,var(--marker-color) 45%,transparent),transparent)}
.nav-section-marker i{font-size:12px;filter:drop-shadow(0 0 5px var(--marker-color))}.nav-section-marker span{font-size:9px;letter-spacing:.03em;font-weight:650}
.nav-links .nav-section-marker--staff{--marker-color:#fca5a5}
body .nav-wrapper .nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}
body .nav-wrapper .nav-recruit{display:none}
body .nav-wrapper :is(.nav-btn-login,.nav-btn-register){min-height:44px;padding:12px 17px;border-radius:14px!important;font-size:.77rem;font-weight:700;white-space:nowrap}
body .nav-wrapper .nav-btn-login{background:#ffffff04;border:1px solid var(--orbit-line);box-shadow:none;color:var(--orbit-text)}
body .nav-wrapper .nav-btn-register{background:linear-gradient(110deg,#9164d8,#ba8cf4);color:#fff;box-shadow:0 0 20px #a778ee22,inset 0 1px #ffffff35;border:1px solid #c7a0f760}
body .nav-wrapper :is(.nav-theme-toggle,.nav-hamburger){width:42px;height:44px;flex:0 0 42px;border-radius:14px!important;border:1px solid var(--orbit-line);background:#ffffff03;color:#c4b5fd;box-shadow:inset 0 1px #ffffff08}
body .nav-wrapper .nav-user-chip{max-width:210px;gap:10px;padding:6px 12px 6px 6px;border-radius:999px!important;background:linear-gradient(120deg,#ef44440a,#ffffff04);border:1px solid #ffb38b30;box-shadow:inset 0 1px #ffe7cd0a}
body .nav-wrapper .nav-avatar{width:34px;height:34px;border:1px solid #ffb38b50;box-shadow:0 0 14px #ef444415}
body .nav-wrapper .nav-user-name{font-size:.77rem}
body .nav-wrapper .nav-user-badge{display:none}
.nav-dropdown-menu{border-radius:24px!important;border:1px solid #e5ba7235;background:var(--orbit-bg);box-shadow:0 20px 65px #0006,0 0 25px #ff776310;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}
.nav-dropdown-menu .nav-user-badge{display:inline-flex}
.nav-dropdown-menu .nav-dd-header{background:linear-gradient(130deg,#ef444418,#e5ba7208);border-bottom:1px solid var(--orbit-line)}
.nav-dropdown-menu .nav-dd-item{border-radius:12px!important;font-size:.82rem;padding:11px 13px}
.nav-dropdown-menu .nav-dd-item:hover{background:#ffffff07}
.nav-drawer{width:min(440px,100%);z-index:9020;background:var(--orbit-bg);backdrop-filter:blur(30px)}.nav-overlay{z-index:9010}
body[data-nav-open=true] .fido{visibility:hidden;pointer-events:none}
.nav-drawer-header{padding:24px}.nav-drawer .nav-brand>img{width:40px;height:40px;object-fit:contain}
.nav-drawer .nav-drawer-group-title{font-size:11px;letter-spacing:.1em;color:#e5ba72}
.nav-drawer .nav-drawer-link{padding:14px;margin-bottom:8px;border-radius:18px!important;background:#ffffff03;border:1px solid var(--dl-border)}
.nav-drawer .nav-drawer-link-ico{width:42px;height:42px;border-radius:50%!important;flex-shrink:0}
.nav-drawer-link-text strong{font-size:.93rem}.nav-drawer-link-text span{font-size:.73rem;line-height:1.6}
.nav-drawer :is(.nav-drawer-login-btn,.nav-drawer-register-btn,.nav-drawer-recruit){border-radius:16px!important}
html[data-theme=light] body .nav-wrapper .nav-inner{box-shadow:0 10px 30px #59334412,inset 0 1px #ffffff90}
@media(min-width:1241px) and (max-width:1550px){body .nav-wrapper .nav-inner{padding-inline:18px}body .nav-wrapper .nav-brand-text .t1{font-size:.85rem}body .nav-wrapper .nav-brand-text .t2{display:none}body .nav-wrapper .nav-links{gap:1px;max-width:calc(100% - 460px)}body .nav-wrapper .nav-links .nav-link{padding-inline:7px;font-size:.7rem;gap:5px}body .nav-wrapper .nav-link .nav-link-ic{width:26px;height:26px;flex-basis:26px}}
@media(min-width:2051px){body .nav-wrapper:has(.nav-section-marker) .nav-brand-text .t2{display:none}body .nav-wrapper:has(.nav-section-marker) .nav-links{gap:2px}body .nav-wrapper:has(.nav-section-marker) .nav-links .nav-link{padding-inline:7px;font-size:.74rem;gap:6px}}
@media(max-width:2050px){body .nav-wrapper:has(.nav-section-marker) .nav-links{display:none}body .nav-wrapper:has(.nav-section-marker) .nav-hamburger{display:flex}}
@media(max-width:1240px){body .nav-wrapper .nav-links{display:none}body .nav-wrapper .nav-hamburger{display:flex}}
@media(max-width:760px){:root{--nav-h:88px}body .nav-wrapper,body .nav-wrapper.is-scrolled{height:88px!important;padding:8px!important}body .nav-wrapper .nav-inner,body .nav-wrapper.is-scrolled .nav-inner{height:72px!important;padding-inline:12px;gap:8px;border-radius:22px!important}body .nav-wrapper .nav-brand{gap:8px}body .nav-wrapper .nav-brand-mark{width:38px;height:38px}body .nav-wrapper .nav-brand-mark img{width:28px;height:28px}body .nav-wrapper .nav-brand-text .t1{font-size:.83rem}body .nav-wrapper .nav-brand-text .t2{font-size:.4rem;letter-spacing:.08em!important}body .nav-wrapper .nav-right{gap:6px}body .nav-wrapper :is(.nav-theme-toggle,.nav-hamburger){width:36px;height:40px;flex-basis:36px}body .nav-wrapper .nav-user-name{display:none}body .nav-wrapper :is(.nav-btn-login,.nav-btn-register){padding:10px;font-size:.7rem}}
@media(max-width:560px){body .nav-wrapper :is(.nav-btn-login,.nav-btn-register){display:none}body .nav-wrapper .nav-user-chip{padding:3px 6px 3px 3px}.nav-wrapper .nav-brand-text .t2{display:none}}
@media(prefers-reduced-motion:reduce){body .nav-wrapper *, .nav-drawer *{transition:none!important;animation:none!important}}