:root{--brand: #863bff;--brand-2: #a877ff;--pink: #ff5da2;--ink: #0a0814;--text: #f3eefe;--muted: #9b93b8}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--ink);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100dvh;position:relative}.bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(120% 90% at 50% -10%,rgba(134,59,255,.22),transparent 60%),linear-gradient(180deg,#0c0a18,#0a0814 45%,#070709)}.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;mix-blend-mode:screen;will-change:transform}.orb.a{width:520px;height:520px;left:-120px;top:-80px;background:radial-gradient(circle,rgba(134,59,255,.55),transparent 70%);animation:drift1 26s ease-in-out infinite}.orb.b{width:460px;height:460px;right:-100px;top:12%;background:radial-gradient(circle,rgba(255,93,162,.4),transparent 70%);animation:drift2 32s ease-in-out infinite}.orb.c{width:600px;height:600px;left:30%;bottom:-220px;background:radial-gradient(circle,rgba(90,80,255,.4),transparent 70%);animation:drift3 38s ease-in-out infinite}@keyframes drift1{0%,to{transform:translate(0)}50%{transform:translate(180px,120px)}}@keyframes drift2{0%,to{transform:translate(0)}50%{transform:translate(-160px,140px)}}@keyframes drift3{0%,to{transform:translate(0)}50%{transform:translate(120px,-160px)}}.stars{position:absolute;inset:0}.star{position:absolute;background:#fff;border-radius:50%;animation:tw var(--d, 4s) ease-in-out infinite;animation-delay:var(--delay, 0s);opacity:var(--o, .7)}@keyframes tw{0%,to{opacity:.12;transform:scale(.8)}50%{opacity:var(--o,.8);transform:scale(1)}}.shell{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px 64px;text-align:center}.brand{display:flex;align-items:center;gap:12px;opacity:0;animation:rise .8s cubic-bezier(.2,.7,.2,1) .05s forwards}.brand .moon{width:34px;height:34px;position:relative;flex:none;filter:drop-shadow(0 0 14px rgba(168,119,255,.8))}.brand .moon svg{width:100%;height:100%;display:block}.brand .name{font-weight:800;font-size:24px;letter-spacing:.5px}.brand .name b{color:#fff}.brand .name span{color:var(--brand-2)}.eyebrow{margin-top:30px;font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--brand-2);opacity:0;animation:rise .8s cubic-bezier(.2,.7,.2,1) .18s forwards}h1{margin-top:12px;font-size:clamp(30px,6vw,58px);font-weight:900;line-height:1.05;letter-spacing:-1px;opacity:0;animation:rise .9s cubic-bezier(.2,.7,.2,1) .26s forwards}h1 .grad{background:linear-gradient(100deg,var(--brand-2),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.sub{margin-top:16px;max-width:540px;color:var(--muted);font-size:clamp(15px,2.4vw,18px);line-height:1.55;opacity:0;animation:rise .9s cubic-bezier(.2,.7,.2,1) .34s forwards}.map-wrap{position:relative;width:min(560px,86vw);aspect-ratio:1 / 1;margin:26px auto 0;opacity:0;animation:rise 1s cubic-bezier(.2,.7,.2,1) .42s forwards}.map-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.france{fill:url(#franceFill);stroke:#a877ffa6;stroke-width:1.4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 22px rgba(134,59,255,.35));stroke-dasharray:1;stroke-dashoffset:0;animation:mapglow 6s ease-in-out infinite}@keyframes mapglow{0%,to{filter:drop-shadow(0 0 16px rgba(134,59,255,.28))}50%{filter:drop-shadow(0 0 30px rgba(134,59,255,.5))}}.city{position:absolute;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;cursor:pointer;background:none;border:none}.city .dot{position:relative;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,var(--brand-2) 55%,var(--brand));box-shadow:0 0 0 4px #863bff38,0 0 18px #a877ffe6}.city.active .dot:before,.city.active .dot:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(168,119,255,.7);animation:ping 2.4s cubic-bezier(0,0,.2,1) infinite}.city.active .dot:after{animation-delay:1.2s}@keyframes ping{0%{transform:scale(1);opacity:.8}to{transform:scale(3.6);opacity:0}}.city .label{font-size:13px;font-weight:700;letter-spacing:.3px;padding:3px 10px;border-radius:999px;background:#141022b3;border:1px solid rgba(168,119,255,.25);backdrop-filter:blur(6px);white-space:nowrap;transition:transform .2s ease,background .2s ease,border-color .2s ease}.city.active .label{color:#fff}.city.active:hover{z-index:5}.city.active:hover .label{transform:translateY(-2px) scale(1.06);background:linear-gradient(100deg,var(--brand),var(--pink));border-color:transparent}.city.active:hover .dot{box-shadow:0 0 0 5px #863bff4d,0 0 26px #ff5da2e6}.city .go{font-size:11px;font-weight:600;color:var(--brand-2);opacity:0;max-height:0;overflow:hidden;transition:opacity .2s ease}.city.active:hover .go{opacity:1;max-height:20px}.city.soon{cursor:default}.city.soon .dot{width:9px;height:9px;background:#9b93b88c;box-shadow:0 0 0 3px #9b93b81a}.city.soon .label{color:var(--muted);font-weight:600;font-size:11px;opacity:0;transition:opacity .2s ease}.city.soon:hover{z-index:4}.city.soon:hover .label{opacity:1}.legend{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:26px;font-size:13px;color:var(--muted);opacity:0;animation:rise .9s cubic-bezier(.2,.7,.2,1) .6s forwards}.legend span{display:inline-flex;align-items:center;gap:8px}.legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.legend .on{background:var(--brand-2);box-shadow:0 0 10px var(--brand-2)}.legend .off{background:#9b93b88c}.footer{position:relative;z-index:1;text-align:center;padding:0 20px 28px;color:#9b93b8b3;font-size:12.5px}.footer a{color:var(--brand-2);text-decoration:none;font-weight:700}.footer a:hover{text-decoration:underline}.nc-contact-btn{display:inline-flex;align-items:center;gap:9px;margin-top:22px;padding:12px 22px;border-radius:999px;cursor:pointer;font-family:inherit;font-weight:700;font-size:14.5px;color:#fff;background:#ffffff0a;border:1px solid rgba(168,119,255,.4);box-shadow:inset 0 1px #ffffff0d;transition:transform .18s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;opacity:0;animation:rise .9s cubic-bezier(.2,.7,.2,1) .72s forwards}.nc-contact-btn:hover{transform:translateY(-2px);border-color:transparent;background:linear-gradient(100deg,var(--brand),var(--pink));box-shadow:0 10px 30px #863bff66}.nc-contact-btn svg{opacity:.9}@keyframes ncFade{0%{opacity:0}to{opacity:1}}@keyframes ncRise{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.shell{transition:transform .7s cubic-bezier(.6,0,.4,1),opacity .6s ease,filter .6s ease}body.leaving .shell{transform:scale(1.12);opacity:0;filter:blur(10px)}body.leaving .bg{transform:scale(1.08);transition:transform .7s ease}.enter{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(120% 90% at 50% 42%,rgba(134,59,255,.28),transparent 60%),linear-gradient(180deg,#0c0a18,#070709);opacity:0;pointer-events:none;transition:opacity .5s ease}body.leaving .enter{opacity:1;pointer-events:all}.enter-glow{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,rgba(168,119,255,.9),transparent 70%);opacity:0}body.leaving .enter-glow{animation:enterGlow 1.1s ease-out forwards}@keyframes enterGlow{0%{opacity:.9;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(90)}}.enter-moon{width:92px;height:92px;display:block;filter:drop-shadow(0 0 34px rgba(168,119,255,.9));opacity:0;transform:scale(.3) translateY(28px) rotate(-25deg)}.enter-moon svg{width:100%;height:100%;display:block}body.leaving .enter-moon{animation:moonIn 1s cubic-bezier(.2,.7,.2,1) forwards}@keyframes moonIn{0%{opacity:0;transform:scale(.3) translateY(28px) rotate(-25deg)}55%{opacity:1}to{opacity:1;transform:scale(1) translateY(0) rotate(0)}}.enter-word{font-size:clamp(30px,7vw,50px);font-weight:900;letter-spacing:-1px;opacity:0;transform:translateY(16px)}.enter-word b{color:#fff}.enter-word .enter-city{background:linear-gradient(100deg,var(--brand-2),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}body.leaving .enter-word{animation:rise .6s cubic-bezier(.2,.7,.2,1) .32s forwards}.enter-tag{font-size:14px;color:var(--muted);letter-spacing:1px;opacity:0}body.leaving .enter-tag{animation:rise .6s ease .5s forwards}@media(prefers-reduced-motion:reduce){*{animation:none!important}.brand,.eyebrow,h1,.sub,.map-wrap,.legend{opacity:1!important}}