/* Shared navigation: the same header on every Concii page. */
header.nav{--ink:#0F0F10;--muted:#615E68;--line:#DAD7D2;--accent:#3546E8;--font-head:"Space Grotesk",sans-serif;--font-body:"Manrope",sans-serif;--ease:cubic-bezier(.2,.7,.1,1);position:fixed;z-index:9999;color:var(--ink);font:500 .92rem/1.4 var(--font-body)}
header.nav *{box-sizing:border-box}header.nav a{text-decoration:none;color:inherit}header.nav .wrap{display:flex;align-items:center;gap:1.25rem;margin:0 auto;width:100%}
header.nav .logo{display:inline-flex;align-items:center;gap:.5rem;font:700 1.8rem/1 "Space Grotesk",sans-serif!important;letter-spacing:-.055em;white-space:nowrap}
header.nav .logo i{display:block;width:.55em;height:.55em;background:var(--accent);border-radius:50%;animation:nav-bob 3s ease-in-out infinite}
@keyframes nav-bob{50%{transform:translateY(-.25em) scale(.85)}}
header.nav .panel{display:contents}header.nav nav{display:flex;align-items:center;gap:clamp(.9rem,1.5vw,1.6rem);margin-left:auto}
header.nav nav a{font:600 .86rem/1.4 var(--font-body);white-space:nowrap;color:var(--muted);min-height:44px;display:inline-flex;align-items:center}
header.nav nav a:hover,header.nav nav a[aria-current=page]{color:var(--accent)}
header.nav .logins{display:flex;gap:.6rem;margin-left:auto}
header.nav .btn.ghost{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 1rem;font:600 .8rem/1.4 var(--font-body);border:1px solid;white-space:nowrap}
header.nav .menu-btn{display:none;margin-left:auto;color:var(--ink);cursor:pointer}
header.nav .menu-btn span{display:block;background:currentColor;transition:transform .3s}
header.nav :focus-visible{outline:3px solid var(--accent);outline-offset:4px}
body.concii-shared-shell{padding-top:108px}
.concii-account-tools{max-width:1180px;margin:0 auto 1rem;display:flex;justify-content:flex-end;gap:.6rem}.concii-account-tools>.ccp-actions{display:flex;gap:.7rem;flex-wrap:wrap}
@media(max-width:1120px){header.nav .panel{display:flex;flex-direction:column;opacity:0;visibility:hidden;overflow:auto}header.nav.open .panel{opacity:1;visibility:visible}header.nav .logo{font-size:1.6rem!important}header.nav nav{align-items:stretch}body.concii-shared-shell{padding-top:98px}}
/* Floating glass navigation and a clean rounded animation frame. */
.hero-art{background:transparent;border-radius:var(--r);filter:drop-shadow(0 28px 30px rgba(45,59,255,.15))}
.hero-art .stage{clip-path:inset(0 round var(--r));border-radius:var(--r);box-shadow:none}
.stage::after{border-radius:inherit}
body header.nav{inset:16px 24px auto;background:transparent;backdrop-filter:none;box-shadow:none}
header.nav>.wrap{max-width:1392px;height:72px;padding:0 24px;border-radius:28px;border:1px solid rgba(255,255,255,.7);background:rgba(250,249,247,.76);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);box-shadow:0 6px 28px rgba(25,22,48,.045),inset 0 1px 0 rgba(255,255,255,.8);transition:background .3s,box-shadow .3s}
header.nav.stuck>.wrap{background:rgba(250,249,247,.86);box-shadow:0 8px 30px rgba(25,22,48,.08)}
header.nav .btn.ghost{background:rgba(255,255,255,.62);border-color:rgba(60,55,80,.13);border-radius:16px}
header.nav .btn.ghost:hover{background:#fff;border-color:var(--accent)}
body.concii-menu-open{overflow:hidden}
@media(max-width:1120px){
 body header.nav{inset:12px 12px auto}
 header.nav>.wrap{height:64px;padding:0 18px;border-radius:24px;justify-content:space-between}
 header.nav .logo,header.nav .menu-btn{position:relative;z-index:3}
 header.nav .menu-btn{display:block;border:0;background:transparent;border-radius:14px;width:44px;height:44px;padding:0}
 .menu-btn span{width:22px;height:2px;margin:6px auto}
 .menu-btn[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
 .menu-btn[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
 body header.nav.open{inset:0;background:rgba(239,237,234,.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);animation:menu-surface .45s var(--ease)}
 header.nav.open>.wrap{max-width:none;width:calc(100% - 24px);margin:12px;height:64px;padding:0 18px;background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 header.nav .panel{position:fixed;inset:88px 0 0;max-height:none;padding:clamp(1rem,4vh,3rem) clamp(1.5rem,6vw,4rem) max(2rem,env(safe-area-inset-bottom));background:transparent;z-index:2;gap:2rem;justify-content:space-between;transform:translateY(22px);transition:opacity .3s,transform .45s var(--ease),visibility 0s .45s;overscroll-behavior:contain}
 header.nav.open .panel{transform:translateY(0);transition-delay:0s}
 header.nav nav{display:flex;flex-direction:column;gap:0;width:100%;margin:0}
 header.nav nav a{display:block;font:500 clamp(2.3rem,7vw,4.5rem)/1.15 var(--font-head);letter-spacing:-.055em;padding:.4em 0;color:var(--ink);border-bottom:1px solid rgba(50,45,75,.12)}
 .nav.open nav a{animation:menu-link .55s both var(--ease)}
 .nav.open nav a:nth-child(2){animation-delay:.05s}.nav.open nav a:nth-child(3){animation-delay:.1s}.nav.open nav a:nth-child(4){animation-delay:.15s}
 header.nav .logins{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
 header.nav .logins .btn{font-size:.9rem;min-height:54px}
 header.nav .logins .btn:last-child{background:var(--accent);border-color:transparent;color:#fff}
}
@keyframes menu-surface{from{clip-path:inset(12px 12px calc(100% - 76px) round 24px)}to{clip-path:inset(0 round 0)}}
@keyframes menu-link{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){header.nav,header.nav .panel,header.nav nav a,header.nav .menu-btn span{animation:none!important;transition:none!important}}
@media print{body header.nav{display:none}.hero-art{filter:none}}

body.login{padding-top:105px!important}