/* NATI v6 : socle partagé du site, de l'espace client et des applications. */
@font-face{font-family:Inter;src:url('./fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('./fonts/barlow-condensed-latin.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
:root{--nati-bg:#060708;--nati-surface:#0f1112;--nati-raised:#191c1e;--nati-text:#ecedea;--nati-muted:#a3a7a7;--nati-line:rgba(255,255,255,.09);--nati-accent:#86d5bf;--nati-accent-text:#a9e6d6;--nati-on-accent:#061412;--nati-radius:22px;--nati-font:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;--nati-num:'Barlow Condensed','Arial Narrow',sans-serif;--nati-iridescent:linear-gradient(120deg,#8bd8c7,#86d5bf 30%,#f2efe9 48%,#9fc3d6 65%,#7fd3be);--nati-gold:linear-gradient(135deg,#b8893a,#f4dc9c 40%,#fff6dc 55%,#c9a24e);--nati-matte:linear-gradient(135deg,#5b6166,#a9afb3 50%,#4a5055);color-scheme:dark}
:root[data-mode=ao]{--nati-bg:#f5f5f0;--nati-surface:#fff;--nati-raised:#eeefeb;--nati-text:#192b30;--nati-muted:#59666a;--nati-line:rgba(18,42,47,.13);--nati-accent-text:#176b5a;color-scheme:light}
[data-nati-profile=athlete]{--nati-accent:#36D6B6;--nati-accent-text:#36D6B6}[data-nati-profile=coach]{--nati-accent:#E8C27A;--nati-accent-text:#E8C27A}[data-nati-profile=club]{--nati-accent:#8FB0FF;--nati-accent-text:#8FB0FF}[data-nati-profile=organizer]{--nati-accent:#FF7A6B;--nati-accent-text:#FF7A6B}
[data-mode=ao] [data-nati-profile=athlete]{--nati-accent-text:#176b5a}[data-mode=ao] [data-nati-profile=coach]{--nati-accent-text:#78541c}[data-mode=ao] [data-nati-profile=club]{--nati-accent-text:#385a9d}[data-mode=ao] [data-nati-profile=organizer]{--nati-accent-text:#a23c30}
.nati-brand{display:inline-flex;align-items:center;gap:12px;color:var(--nati-text);text-decoration:none;white-space:nowrap}.nati-brand b{font:700 19px/1 var(--nati-font);letter-spacing:.34em}.nati-brand .nati-symbol{width:25px;height:25px;color:var(--nati-accent-text)}.nati-symbol{width:30px;height:30px;fill:none;stroke:currentColor;flex:none}
.nati-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 19px;border:0;border-radius:16px;background:var(--nati-accent);color:var(--nati-on-accent);font:600 13px/1.4 var(--nati-font);text-decoration:none;cursor:pointer}.nati-button.secondary{background:transparent;color:var(--nati-text);border:1px solid var(--nati-line)}.nati-button:hover{filter:brightness(1.06)}.nati-button:disabled{opacity:.55;cursor:wait}.nati-mode{font:500 12px var(--nati-font);background:transparent;color:var(--nati-muted);border:1px solid var(--nati-line);border-radius:50px;padding:10px 13px;min-height:40px;cursor:pointer}
.nati-pearl-stage{position:relative;display:grid;place-items:center;isolation:isolate;min-height:280px}.nati-pearl-stage::before{content:'';position:absolute;width:95%;height:70%;border-radius:50%;background:radial-gradient(ellipse,rgba(100,149,139,.19),rgba(89,153,139,.08) 35%,transparent 68%);filter:blur(18px)}.nati-pearl{position:relative;width:clamp(150px,24vw,300px);aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse at 29% 24%,rgba(255,255,239,.85),rgba(220,235,219,.3) 9%,transparent 26%),radial-gradient(ellipse at 65% 72%,#6c9b8d,transparent 38%),radial-gradient(ellipse at 23% 65%,#337c75,transparent 42%),radial-gradient(ellipse at 75% 30%,#4f746f,transparent 44%),radial-gradient(ellipse at 44% 42%,#4e746e,#1b2d2a 48%,#071718 75%,#020405);box-shadow:inset -14px -18px 32px #030808,inset 3px 1px 6px #e0eed864,0 28px 45px #0006;isolation:isolate;max-width:100%}.nati-pearl::before{content:'';position:absolute;inset:1px;border-radius:50%;background:repeating-radial-gradient(ellipse at 32% 30%,transparent 0 10px,#f9edf009 11px,transparent 12px 14px);mix-blend-mode:screen}.nati-pearl::after{content:'';position:absolute;width:22%;height:11%;left:23%;top:16%;border-radius:50%;background:#f4ffe196;filter:blur(9px);transform:rotate(-35deg)}
/* La perle vit lentement, sans détourner l'attention du contenu. */
.nati-pearl-stage .nati-pearl{animation:nati-pearl-drift 24s ease-in-out infinite;will-change:transform}
.nati-pearl-stage .nati-pearl::after{animation:nati-pearl-glint 24s ease-in-out infinite}
@keyframes nati-pearl-drift{0%,100%{transform:translate3d(0,1px,0) rotate(-.3deg)}50%{transform:translate3d(0,-2px,0) rotate(.3deg)}}
@keyframes nati-pearl-glint{0%,100%{opacity:.68;transform:translate3d(0,1px,0) rotate(-35deg)}50%{opacity:.76;transform:translate3d(2px,-1px,0) rotate(-33deg)}}
.nati-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--nati-muted);font-weight:600}.nati-skip{position:absolute;left:18px;top:-100px;z-index:100;background:var(--nati-text);color:var(--nati-bg);padding:12px;border-radius:8px}.nati-skip:focus{top:12px}.nati-error{border-left:3px solid #ff7a6b;padding:12px;color:var(--nati-text);background:var(--nati-raised)}.nati-notice{font-size:13px;padding:12px 16px;background:var(--nati-raised);color:var(--nati-muted);border-radius:12px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}