/* VORTEXA UNIVERSE — coherent responsive design, no remote image services */
:root{color-scheme:dark;--deep:#040c24;--blue:#22baff;--violet:#aa4aff;--ink:#f5f8ff;--muted:#c2d3f0;font:16px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#040c24;color:var(--ink);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 49% 22%,#163671 0%,transparent 43%),radial-gradient(ellipse at 86% 46%,#22206175,transparent 40%),linear-gradient(165deg,#03091e,#060f2a 62%,#040719)}
a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e6ffac;outline-offset:4px}
button,select,input{font:inherit}button{cursor:pointer}.shell{max-width:1580px;margin:auto;padding:0 clamp(16px,2.5vw,38px)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:124px}
.brand{display:flex;align-items:center;gap:15px;min-width:0}.brand-symbol{width:89px;height:89px;object-fit:contain;filter:drop-shadow(0 0 12px #347cff)}
.brand-type{min-width:0}.brand-name{display:block;font-size:clamp(33px,4.1vw,59px);font-weight:450;letter-spacing:.055em;line-height:1}
.brand-name sup{font-size:.31em;vertical-align:top;margin-left:3px}.brand-tagline{display:block;color:#b9d4f0;font-size:clamp(12px,1.25vw,19px);margin-top:9px}
.top-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.top-pill{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 17px;border:1px solid #33619c;border-radius:40px;background:#091536dd;color:#eef8ff;box-shadow:inset 0 0 14px #2255a455,0 0 10px #071c52}
.top-pill svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;flex:none}
.top-pill select{max-width:85px;border:0;background:transparent;color:#f2f8ff;font-weight:750;min-height:32px}
.top-pill select option{background:#091536}.top-pill:hover,.top-pill:focus-visible{border-color:#57dcff}
.top-pill.primary{border-color:#42caff;box-shadow:0 0 17px #1098ff6b,inset 0 0 11px #2265e755;font-weight:800}
.top-pill.tiny{width:50px;padding:9px}.top-pill[aria-pressed="true"]{background:#28446a}
.intro-sr{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1.02fr) minmax(0,1fr);align-items:center;column-gap:0;min-height:360px;position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;z-index:-1;inset:20% 15%;border-radius:50%;background:radial-gradient(ellipse at center,#8c4cff38,transparent 65%);filter:blur(28px)}
.menu-side{display:grid;gap:12px;position:relative;z-index:3}
.menu-link{display:flex;align-items:center;gap:17px;min-height:96px;padding:12px clamp(12px,1.7vw,26px);position:relative;border:2px solid transparent;border-radius:46px;background:linear-gradient(110deg,#071638ef,#101c4ae8 65%,#1c1a57da) padding-box,linear-gradient(120deg,#2fa8ff,#56dfff,#ad63ff) border-box;box-shadow:0 0 14px #006bff79,inset 0 0 24px #063b8ba8;transition:transform .2s,filter .2s}
.menu-side.right .menu-link{flex-direction:row-reverse;text-align:right;background:linear-gradient(250deg,#08163deb,#101e53eb 70%,#1a1648db) padding-box,linear-gradient(115deg,#12e4ff,#df57fc,#6545fb) border-box}
.menu-link:hover{transform:translateY(-2px);filter:brightness(1.11)}
.menu-link .picto{width:63px;height:63px;flex:none;display:grid;place-items:center;color:#43d9ff;filter:drop-shadow(0 0 9px currentColor)}
.menu-side.left .menu-link:nth-child(3) .picto{color:#a88bff}.menu-side.right .menu-link:nth-child(1) .picto{color:#ffc45f}.menu-side.right .menu-link:nth-child(2) .picto{color:#ff95ce}.menu-side.right .menu-link:nth-child(3) .picto{color:#42f6cd}
.menu-link svg{width:54px;height:54px;stroke:currentColor;fill:none;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.menu-label{min-width:0}.menu-label strong{display:block;font-size:clamp(18px,1.85vw,25px);font-weight:780;line-height:1.18}.menu-label small{display:block;margin-top:5px;font-size:clamp(12px,1.13vw,17px);color:#d1e2f5;line-height:1.25}
.orb-stage{display:flex;align-items:center;justify-content:center;position:relative;min-height:369px;z-index:2}
.orb-stage:before,.orb-stage:after{content:"";position:absolute;pointer-events:none;width:136%;height:49%;border-radius:50%;border-top:3px solid #53efff;border-bottom:3px solid #a939ff;filter:drop-shadow(0 0 13px #7d38ff);transform:rotate(-18deg)}
.orb-stage:after{transform:rotate(19deg);border-top-color:#a94eff;border-bottom-color:#4de8ff;opacity:.8}
.hero-orb{width:min(100%,365px);aspect-ratio:1;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:3px solid #48d7ff;background:radial-gradient(circle at 50% 48%,#112967 0,#0b114b 56%,#181c65 75%,#040f37 91%);box-shadow:0 0 14px #67efff,0 0 36px #3760ff,0 0 65px #a327ff,inset 0 0 45px #6d2cea8a}
.hero-orb:before{content:"";position:absolute;inset:12px;border:2px solid #9d52ff9e;border-radius:50%;box-shadow:inset 0 0 25px #8329fa}
.hero-orb>*{position:relative}.hero-v{font-size:105px;line-height:.95;letter-spacing:-.13em;font-style:italic;font-weight:1000;padding-right:.17em;color:transparent;background:linear-gradient(#fff,#66fcff 32%,#1b7eff 66%,#a457ff);background-clip:text;filter:drop-shadow(0 0 12px #56caff)}
.hero-play{display:grid;place-items:center;border-radius:50%;width:98px;height:98px;margin:8px auto 5px;border:3px solid #74eeff;background:radial-gradient(circle,#1954a5,#061744);box-shadow:0 0 18px #27d6ff,0 0 31px #225cff}
.hero-play svg{width:49px;height:49px;fill:#fff;stroke:#fff;stroke-linejoin:round;filter:drop-shadow(0 0 8px #fff)}
.hero-orb strong{font-size:clamp(21px,2.25vw,30px);line-height:1.15}.hero-orb small{font-size:clamp(12px,1.13vw,16px);margin-top:3px;color:#e2e7fc}
.ad-banner{margin-top:10px;padding:22px clamp(20px,3vw,60px) 28px;border:2px solid transparent;border-radius:55px;background:linear-gradient(110deg,#0b1b42f5,#191a4cf1,#0a1d43f6) padding-box,linear-gradient(115deg,#a82fff,#188dff,#26ebeb) border-box;box-shadow:inset 0 0 25px #3258d64d,0 0 22px #2661dd6c}
.ad-heading{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:18px}.ad-heading h2{margin:0;font-size:clamp(19px,1.85vw,27px);line-height:1.2}.ad-heading span{color:#c3d5f3;font-size:clamp(13px,1.1vw,16px)}.ad-heading .ad-note{margin-left:auto;font-size:12px;color:#b5d9f6}
.ad-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.ad-card{min-height:116px;position:relative;border:1px solid #54adee;border-radius:22px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:16px 8px;text-align:center;font-weight:800;font-size:clamp(13px,1.3vw,19px);background:#183659;box-shadow:inset 0 0 15px #256ff78c}
.ad-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#01081bd8 0%,#08122915 75%);pointer-events:none}
.ad-card svg{position:absolute;width:100%;height:100%;inset:0;opacity:.92}.ad-card .ad-copy{position:relative;z-index:2;text-shadow:0 2px 6px #000}
.ad-card:nth-child(1){background:linear-gradient(135deg,#163d2f,#2f824e)}.ad-card:nth-child(2){background:linear-gradient(135deg,#293167,#634ac1)}.ad-card:nth-child(3){background:linear-gradient(135deg,#70384e,#dc9161)}.ad-card:nth-child(4){background:linear-gradient(135deg,#063e67,#0d8ac5)}.ad-card:nth-child(5){background:linear-gradient(135deg,#14492f,#63a446)}
.ad-card:hover{filter:brightness(1.13)}
.benefits{display:grid;grid-template-columns:1.7fr repeat(4,minmax(0,1fr));align-items:center;min-height:122px;margin-top:23px;padding:17px 22px;border-radius:50px;border:1px solid #316eaf;background:linear-gradient(110deg,#07173bf6,#121b47f4,#08173cf6);box-shadow:0 0 15px #146fff30,inset 0 0 24px #255adf34}
.benefit{min-width:0;min-height:80px;border-left:1px solid #3b6eba;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:3px 10px}
.benefit:first-child{border:0;flex-direction:row;gap:14px;text-align:left;justify-content:flex-start}
.benefit svg{width:32px;height:32px;stroke:#48d7ff;stroke-width:2.4;fill:none;filter:drop-shadow(0 0 6px #5c7eff)}.benefit strong{font-size:clamp(14px,1.27vw,19px);line-height:1.12}.benefit small{font-size:clamp(11px,1vw,15px);color:#c7d9ef}.benefit:first-child strong{font-size:32px}.benefit:first-child small{display:block;margin-top:2px}
.coin-logo{width:78px;height:78px;flex:none;display:grid;place-items:center;border:4px double #6ffaff;border-radius:50%;background:radial-gradient(circle at 25% 20%,#2bbaff,#3523bf 55%,#15144c);box-shadow:0 0 17px #4db4ff,0 0 25px #7b34ff;font-weight:900;font-size:22px}
.explore{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:27px 0 0}
.explore a{display:flex;flex-direction:column;gap:9px;min-height:130px;padding:17px 18px;border:1px solid #496eb6;border-radius:19px;background:linear-gradient(135deg,#132b59,#0f1838);box-shadow:0 8px 22px #01091f80}
.explore a:hover{border-color:#72ddff}.explore em{font-size:11px;font-style:normal;color:#91f2ef;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.explore strong{font-size:19px}.explore small{color:#c5d8ee;font-size:13px;line-height:1.4}
.site-foot{padding:22px 0 30px;text-align:center;color:#9db4d7;font-size:12px;max-width:1100px;margin:auto}
.site-foot p{margin:0 0 7px}.site-foot a{text-decoration:underline}
@media(max-width:1120px){.hero{grid-template-columns:minmax(0,1fr) minmax(260px,.88fr) minmax(0,1fr)}.menu-link{gap:8px;padding:9px 12px;min-height:88px}.menu-link .picto{width:42px}.menu-link svg{width:38px;height:38px}.hero-orb{max-width:310px}.orb-stage{min-height:340px}.hero-v{font-size:88px}.hero-play{width:78px;height:78px}.hero-play svg{width:38px;height:38px}.explore{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.topbar{padding-top:16px;padding-bottom:14px;min-height:0;flex-wrap:wrap}.brand-symbol{width:63px;height:63px}.brand-name{font-size:clamp(29px,7vw,42px)}.top-controls{width:100%;justify-content:space-between;gap:8px}.top-pill{min-height:43px;padding:6px 11px;font-size:13px}.top-pill svg{width:21px;height:21px}.top-pill.tiny{width:44px}.hero{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;row-gap:10px;min-height:0}.menu-side{display:contents}.orb-stage{grid-column:1/-1;grid-row:1;min-height:280px;order:-1}.hero-orb{width:260px;max-width:65vw}.hero-v{font-size:75px}.hero-play{width:74px;height:74px}.hero-play svg{width:36px;height:36px}.hero-orb strong{font-size:24px}.hero-orb small{font-size:12px}.menu-link,.menu-side.right .menu-link{min-height:83px;text-align:left;flex-direction:row;border-radius:20px;padding:9px}.menu-link .picto{width:31px;height:31px}.menu-link svg{width:29px;height:29px}.menu-link .menu-label strong{font-size:15px}.menu-link .menu-label small{font-size:11px}.ad-banner{border-radius:27px;padding:16px}.ad-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ad-card{min-height:94px;padding:9px 4px;font-size:12px;border-radius:13px}.benefits{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:25px;padding:14px}.benefit:first-child{grid-column:1/-1;border-bottom:1px solid #3b6eba;justify-content:center;padding-bottom:10px;margin-bottom:8px}.benefit:nth-child(even){border-left:0}.explore{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.shell{padding:0 13px}.brand-symbol{width:55px;height:55px}.brand{gap:9px}.brand-tagline{font-size:12px;margin-top:6px}.top-controls{justify-content:space-between}.top-pill.primary{flex:1;white-space:nowrap}.top-pill.tiny{width:41px}.top-pill.language{padding:6px 9px}.top-pill.language select{max-width:46px;font-size:12px}.orb-stage{min-height:255px}.hero-orb{max-width:245px}.hero-v{font-size:71px}.hero-play{width:66px;height:66px}.menu-link{gap:6px}.menu-link .menu-label small{font-size:10.5px}.ad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-card{min-height:100px}.ad-heading{gap:8px}.ad-heading .ad-note{margin-left:0}.explore{grid-template-columns:1fr}.explore a{min-height:94px}.benefit:first-child strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
body.high-contrast{--muted:#f4faff;background:#000}body.high-contrast .menu-link,body.high-contrast .top-pill,body.high-contrast .ad-banner,body.high-contrast .benefits{box-shadow:none!important;border-color:#fff}body.high-contrast .menu-label small,body.high-contrast .benefit small,body.high-contrast .ad-heading span{color:#fff}
/* Shared visual language for the verified login */
.auth-body{display:flex;flex-direction:column}.auth-body .topbar{max-width:1080px;width:100%;margin:auto}.auth-wrap{width:min(100%,570px);padding:18px;margin:15px auto 55px}
.auth-card{padding:clamp(20px,4vw,36px);border-radius:27px;border:1px solid #4ad8ff;background:linear-gradient(140deg,#101f51f4,#0b1736f5);box-shadow:0 0 32px #236dff50}
.auth-card h1{font-size:clamp(28px,5vw,42px);line-height:1.12;margin:4px 0 10px}.auth-card p{color:#d1dff5}
.auth-card .field{display:block;font-weight:750;margin:14px 0 6px}.auth-card input,.auth-card select{display:block;width:100%;min-height:52px;border:1px solid #6694d4;border-radius:13px;padding:12px;background:#081534;color:#fff}.auth-card button.auth-submit{width:100%;margin-top:15px;min-height:52px;border:1px solid #73f1ff;border-radius:13px;background:linear-gradient(105deg,#174ca2,#2b2a91);color:#fff;font-weight:800}
.auth-card button:disabled{opacity:.6;cursor:wait}.auth-card .auth-note{font-size:13px;color:#adc4e6}.auth-card .auth-message{min-height:27px;font-weight:700;color:#b4fbf5}.auth-card .auth-link{color:#87e4ff;text-decoration:underline}.auth-card .method{display:flex;gap:10px}.auth-card .method label{flex:1}.auth-card .method input{position:absolute;opacity:0;width:1px;height:1px}.auth-card .method span{display:block;text-align:center;padding:12px 9px;border:1px solid #5b7cac;border-radius:13px;cursor:pointer}.auth-card .method input:checked+span{border-color:#6cf3f5;background:#214e79;font-weight:800}.auth-card .method input:focus-visible+span{outline:3px solid #e6ffac;outline-offset:4px}
.auth-card .sub-btn{background:transparent;border:1px solid #5277ba;color:#d4e9ff;border-radius:11px;min-height:46px;padding:10px 13px;margin-top:12px}
