
:root{color-scheme:dark;--bg:#0a0812;--surface:#171021;--text:#fff4fb;--muted:#ccbacc;--pink:#ff4fa7;--accent:#ffb3db;--stroke:#58405d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font:16px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif;background:radial-gradient(ellipse 60% 37% at 76% 11%,#602242 0,transparent 100%),radial-gradient(ellipse 45% 35% at 4% 47%,#312044 0,transparent 100%),var(--bg)}a{color:inherit}a:hover{color:#ffd2e9}.container{width:min(1180px,calc(100% - 36px));margin:auto}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 0}.brand{font-family:Georgia,serif;text-decoration:none;font-size:clamp(27px,3vw,39px);font-weight:800;letter-spacing:-1.9px;line-height:1}.brand span{color:var(--pink)}.top-right{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:14px}.soon{font-size:12px;border:1px solid #ff88c071;border-radius:100px;color:#ffd4e9;padding:7px 12px;background:#37132c}.language{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.language a{font-weight:700;font-size:12px;border:1px solid transparent;text-decoration:none;padding:7px 9px;border-radius:9px;color:#c5b4c6}.language a[aria-current='page'],.language a:hover{border-color:#ff8fc2;background:#ff61ad22;color:#fff}main{padding-bottom:52px}.hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(30px,5vw,88px);padding:23px 0 38px}.copy{padding-block:30px}.eyebrow{display:block;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.22em;margin-bottom:18px}.copy h1{font-size:clamp(35px,4.4vw,65px);line-height:1.06;letter-spacing:-.047em;max-width:650px;margin:0 0 24px}.copy h1 em{font-style:normal;color:#ff8cca}.lead{font-size:clamp(17px,1.75vw,21px);line-height:1.58;color:#e2cee1;max-width:520px}.hero-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.hero-features span{font-size:12px;border:1px solid #6b465d;background:#ffffff09;border-radius:12px;padding:9px 12px}.notice{margin-top:30px;border-left:3px solid #ff66a8;background:#f16bab12;padding:15px 16px;border-radius:0 11px 11px 0;color:#ead5e3;font-size:14px;max-width:510px}.notice strong{display:block;color:#fff;font-size:16px}.poster-wrap{justify-self:center;position:relative;width:min(100%,440px)}.poster-wrap:after{content:'';position:absolute;inset:7% 4%;z-index:-1;filter:blur(45px);background:#ff4a9e55}.poster{width:100%;height:auto;display:block;aspect-ratio:941/1672;object-fit:contain;border:1px solid #ed8cb855;box-shadow:0 35px 90px #0009,0 0 35px #ff448322;border-radius:19px}.poster-caption{font-size:12px;text-align:center;color:#c2b0c2;margin-top:10px}.steps{padding:34px 0}.steps h2{font-size:clamp(25px,3vw,37px);margin:0 0 22px;letter-spacing:-.02em}.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.step{padding:23px 21px;border:1px solid #745073;border-radius:18px;background:linear-gradient(160deg,#ffffff0a,#ffffff03);min-height:150px}.step-number{display:inline-grid;place-items:center;background:#ff5aa71f;color:#ff98c8;border:1px solid #ff5aa750;width:32px;height:32px;border-radius:10px;font-weight:800;font-size:13px;margin-bottom:9px}.step h3{font-size:18px;margin:0 0 8px}.step p{font-size:14px;color:#cbb9cd;margin:0}.foot{padding:27px 0 35px;border-top:1px solid #7a517044;display:flex;justify-content:space-between;gap:22px;color:#b8a4ba;font-size:12px}.foot p{margin:0;max-width:600px}.foot a{text-decoration:underline;text-underline-offset:4px}img{max-width:100%}.skip{position:absolute;left:-9999px}.skip:focus{left:18px;top:18px;background:#fff;color:#000;padding:10px;z-index:5}
@media(max-width:840px){.hero{grid-template-columns:1fr;gap:17px}.copy{padding:15px 0 0}.poster-wrap{width:min(100%,540px)}.step-grid{grid-template-columns:1fr}.step{min-height:0}.foot{flex-wrap:wrap}.copy h1{max-width:800px}}
@media(max-width:510px){.container{width:min(100% - 26px,1180px)}.top{align-items:flex-start}.top-right{flex-direction:column;align-items:flex-end;gap:6px}.language{max-width:230px}.brand{font-size:29px}.copy h1{font-size:39px}.hero{padding-top:7px}.poster{border-radius:13px}.soon{padding:4px 8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
