:root{--bg:#120d33;--bg-2:#1b1450;--bg-3:#241a66;--card:#ffffff0f;--card-2:#ffffff1a;--line:#ffffff1f;--text:#f6f3ff;--muted:#b9b2e0;--gold:#ffcf5a;--gold-2:#e9a827;--ink:#1a1440;--pink:#ff5fa2;--teal:#3fe0c5;--radius:22px;--shadow:0 30px 60px -30px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Arial,sans-serif;line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.1}.muted{color:var(--muted)}.wrap{width:min(1160px,100% - 32px);margin-inline:auto}.btn{font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:.7em 1.3em;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:focus-visible,.offer:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.btn-lg{padding:.85em 1.6em;font-size:1.12rem}.btn-sm{padding:.5em 1.1em;font-size:.95rem}.btn-block{width:100%}.btn-gold{color:var(--ink);background:linear-gradient(180deg, #ffe08a, var(--gold) 45%, var(--gold-2));box-shadow:0 10px 30px -8px #ffbf40a6,inset 0 -3px #0000001f}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 36px -8px #ffbf40cc,inset 0 -3px #0000001f}.btn-gold:disabled{opacity:.7;cursor:progress;transform:none}.btn-ghost{color:var(--text);background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line)}.btn-ghost:hover{background:var(--card-2)}.is-placeholder{visibility:hidden}.header{z-index:20;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#120d33b8;position:sticky;top:0}.header-row{align-items:center;gap:24px;height:68px;display:flex}.logo{white-space:nowrap;align-items:center;gap:10px;font-size:1.15rem;text-decoration:none;display:inline-flex}.logo-text b{color:var(--gold)}.logo-mark svg{filter:drop-shadow(0 4px 12px #ffbf4059);display:block}.nav{gap:6px;margin-left:auto;display:flex}.nav a{color:var(--muted);border-radius:999px;padding:8px 14px;font-weight:700;text-decoration:none}.nav a:hover{color:var(--text);background:var(--card)}.header-account{justify-content:flex-end;min-width:88px;display:flex}.account-skeleton{background:var(--card);border-radius:999px;width:88px;height:36px}.avatar{background:linear-gradient(135deg, var(--pink), #8a5cff);color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:800;display:inline-grid;overflow:hidden;box-shadow:0 0 0 2px #ffffff40}.avatar img{object-fit:cover;width:100%;height:100%}.menu{position:relative}.menu-btn{background:var(--card);color:var(--text);font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--line);border:0;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-weight:700;display:flex}.menu-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.menu-caret{color:var(--muted);font-size:.8em}.menu-list{border:1px solid var(--line);min-width:210px;box-shadow:var(--shadow);background:#221a5c;border-radius:16px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.menu-list a,.menu-list button{text-align:left;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 12px;font-weight:700;text-decoration:none}.menu-list a:hover,.menu-list button:hover{background:var(--card-2)}.hero{background:radial-gradient(900px 500px at 85% 20%, #8a5cff59, transparent 60%), radial-gradient(700px 500px at 10% 90%, #ff5fa233, transparent 60%), linear-gradient(180deg, var(--bg), var(--bg-2));padding:72px 0 96px;position:relative;overflow:hidden}.stars{opacity:.6;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff,#0000),radial-gradient(1px 1px at 70% 15%,#fff,#0000),radial-gradient(1.5px 1.5px at 40% 80%,#ffe9a8,#0000),radial-gradient(1px 1px at 90% 60%,#fff,#0000),radial-gradient(1px 1px at 55% 45%,#cfc4ff,#0000),radial-gradient(1.5px 1.5px at 8% 60%,#fff,#0000);position:absolute;inset:0}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;display:grid;position:relative}.eyebrow,.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);background:#ffcf5a1a;border-radius:999px;margin:0 0 16px;padding:6px 14px;font-size:.85rem;font-weight:800;display:inline-block;box-shadow:inset 0 0 0 1px #ffcf5a4d}.hero h1{font-size:clamp(2.5rem,6vw,4.6rem);font-weight:900}.shine{background:linear-gradient(90deg, var(--gold), #ffeeb5, var(--pink), var(--gold));color:#0000;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite shine}@keyframes shine{to{background-position:300% 0}}.lead{color:var(--muted);max-width:36em;margin:20px 0 0;font-size:1.18rem}.cta-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px;display:flex}.cta-row.center{justify-content:center}.hero-note{color:var(--muted);margin:18px 0 0;font-size:.95rem}.hero-note:before{content:"🎁 "}.hello{color:var(--muted);font-size:1.1rem}.hello b{color:var(--text)}.hero-art{aspect-ratio:1;justify-self:center;width:100%;max-width:520px;position:relative}.glow{filter:blur(20px);background:radial-gradient(circle,#ffcf5a73,#8a5cff40 45%,#0000 70%);border-radius:50%;position:absolute;inset:12%}.board{border-radius:18px;grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:18% 10% 14%;overflow:hidden;transform:perspective(900px)rotateX(52deg)rotate(-38deg);box-shadow:0 50px 80px -20px #000000b3,0 0 0 10px #3a2a8a,0 0 0 12px #ffcf5a99}.sq{background:#efe3ff}.sq.dark{background:#7b5cd6}.float{filter:drop-shadow(0 18px 18px #00000073);width:26%;animation:6s ease-in-out infinite bob;position:absolute}.p-king{width:30%;top:6%;left:38%}.p-queen{animation-delay:-1.5s;top:26%;left:8%}.p-knight{animation-delay:-3s;top:30%;right:4%}.p-pawn{width:18%;animation-delay:-4.5s;top:55%;left:52%}@keyframes bob{50%{transform:translateY(-14px)rotate(-3deg)}}.bubble{background:#fff;border-radius:50%;width:18%;padding:4px;animation:7s ease-in-out infinite bob;position:absolute;box-shadow:0 14px 30px -10px #0009}.bubble img{border-radius:50%}.b-lola{animation-delay:-2s;bottom:8%;left:0}.b-boom{width:15%;animation-delay:-5s;bottom:2%;right:2%}.b-dragon{width:14%;animation-delay:-3.5s;top:2%;right:10%}.section{padding:96px 0}.section h2{max-width:18em;font-size:clamp(2rem,4.2vw,3rem);font-weight:900}#profil{text-align:center}#profil h2{margin-inline:auto}.offers{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:40px;display:grid}.offer{border-radius:var(--radius);background:linear-gradient(180deg, var(--card-2), var(--card));box-shadow:inset 0 0 0 1px var(--line);padding:26px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;position:relative}a.offer:hover{box-shadow:inset 0 0 0 1px #ffcf5a73, var(--shadow);transform:translateY(-4px)}.offer-icon{background:linear-gradient(135deg,#ffcf5a40,#8a5cff40);border-radius:16px;place-items:center;width:56px;height:56px;margin-bottom:18px;font-size:1.8rem;display:grid}.offer h3{font-size:1.25rem}.offer p{color:var(--muted);margin:8px 0 0}.chess{background:radial-gradient(800px 400px at 0% 0%, #3fe0c51f, transparent 60%), linear-gradient(180deg, var(--bg-2), var(--bg));border-block:1px solid var(--line)}.chess-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:56px;display:grid}.chess-logo{vertical-align:-.12em;background:linear-gradient(135deg, var(--teal), #2b9dff);width:1.2em;height:1.2em;color:var(--ink);border-radius:.3em;place-items:center;font-size:.85em;display:inline-grid}.features{grid-template-columns:1fr 1fr;gap:18px;margin:32px 0 0;padding:0;list-style:none;display:grid}.features li{align-items:flex-start;gap:14px;display:flex}.features b{font-size:1.05rem;display:block}.features li span:last-child{color:var(--muted)}.f-icon{background:var(--card-2);border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:1.3rem;display:grid}.podium-card{box-shadow:inset 0 0 0 1px #ffcf5a4d, var(--shadow);background:linear-gradient(160deg,#2c207a,#1a1350);border-radius:28px;padding:28px;position:relative;overflow:hidden}.podium-card:before{content:"♛";color:#ffcf5a14;font-size:160px;line-height:1;position:absolute;top:-30px;right:-10px}.podium-kicker{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;font-weight:800}.podium-head h3{margin-top:6px;font-size:1.6rem}.podium-list{gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.podium-row{background:var(--card);border-radius:16px;align-items:center;gap:12px;min-height:70px;padding:12px 14px;display:flex}.podium-row.place-1{background:linear-gradient(90deg,#ffcf5a38,#ffcf5a0d);box-shadow:inset 0 0 0 1px #ffcf5a73}.podium-row.skeleton{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.podium-medal{text-align:center;width:32px;font-size:1.6rem}.podium-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:800;overflow:hidden}.podium-name small{color:var(--muted);font-weight:600;display:block}.podium-xp{color:var(--gold);white-space:nowrap;font-weight:900}.podium-xp small{color:var(--muted);font-weight:700}.podium-empty{color:var(--muted);background:var(--card);text-align:center;border-radius:16px;margin:22px 0 0;padding:22px}.podium-link{color:var(--gold);margin-top:18px;font-weight:800;text-decoration:none;display:inline-block}.podium-link:hover{text-decoration:underline}.steps{text-align:left;grid-template-columns:repeat(3,1fr);gap:18px;margin:44px 0 0;padding:0;list-style:none;display:grid}.steps li{border-radius:var(--radius);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);padding:28px}.step-n{background:linear-gradient(180deg, #ffe08a, var(--gold-2));width:44px;height:44px;color:var(--ink);border-radius:50%;place-items:center;margin-bottom:16px;font-size:1.2rem;font-weight:900;display:grid}.steps h3{font-size:1.2rem}.steps p{color:var(--muted);margin:8px 0 0}.footer{border-top:1px solid var(--line);background:#0e0a29;padding:56px 0 28px}.footer-grid{flex-wrap:wrap;justify-content:space-between;gap:32px;display:flex}.contacts{flex:1;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px 32px;max-width:640px;margin:0;display:grid}.contacts dt{color:var(--muted);font-size:.85rem}.contacts dd{margin:2px 0 0;font-weight:700}.footer-base{margin-top:36px;font-size:.9rem}.login{color:var(--text);background:0 0;border:0;width:420px;max-width:calc(100% - 32px);padding:0}.login::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08051ab3}.login-card{box-shadow:inset 0 0 0 1px #ffcf5a59, var(--shadow);background:linear-gradient(170deg,#2c207a,#1a1350);border-radius:28px;gap:14px;padding:32px 28px 26px;display:grid;position:relative}.login-x{background:var(--card);width:36px;height:36px;color:var(--text);cursor:pointer;border:0;border-radius:50%;font-size:1.4rem;position:absolute;top:12px;right:14px}.login-crest{background:radial-gradient(circle,#ffcf5a59,#0000 70%);border-radius:50%;justify-self:center;place-items:center;width:76px;height:76px;display:grid}.login h2{text-align:center;font-size:1.6rem}.login-lead{text-align:center;color:var(--muted);margin:-4px 0 6px}.field{gap:6px;font-weight:700;display:grid}.field input{font:inherit;border:1.5px solid var(--line);color:var(--text);background:#00000040;border-radius:14px;padding:12px 14px;font-size:1.1rem}.field input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #ffcf5a40}.login-error{color:#ffb3c0;background:#ff5f7826;border-radius:12px;margin:0;padding:10px 12px;font-weight:700}.login-foot{text-align:center;color:var(--muted);margin:4px 0 0;font-size:.95rem}.login-foot a{color:var(--gold);font-weight:800}@media (max-width:900px){.hero{padding:40px 0 64px}.hero-grid,.chess-grid{grid-template-columns:1fr;gap:32px}.hero-art{order:-1;max-width:380px}.section{padding:64px 0}.steps{grid-template-columns:1fr}}@media (max-width:640px){.nav{display:none}.header-account{margin-left:auto}.features{grid-template-columns:1fr}.menu-name{max-width:90px}.cta-row .btn-lg{flex:auto}.logo-text{font-size:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}