/* Donut Circuit smart pre-registration page (EN/TH). Shares Donut Circuit's cosmic palette. */
*{box-sizing:border-box}
html{background:#10142d;color:#fff5df;font-family:Inter,"Noto Sans Thai",Arial,sans-serif}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:#10142d url('/images/donut-circuit/cosmic-background-v1.webp') center/cover no-repeat}
main{width:min(100%,560px);background:rgba(23,25,47,.94);border:1px solid rgba(240,210,158,.45);border-radius:16px;padding:clamp(24px,6vw,44px);box-shadow:0 18px 48px rgba(5,8,24,.45)}
.dc-dl-head{display:flex;align-items:center;gap:16px;margin-bottom:8px}
.dc-dl-icon{width:64px;height:64px;border-radius:16px;flex-shrink:0}
h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(26px,6vw,34px);line-height:1.2;color:#fff5df;margin:0}
.dc-dl-tagline{color:#f0d29e;font-weight:600;margin:4px 0 0}
p{line-height:1.6;color:#ded9ea;margin:16px 0}
.store-actions{display:grid;gap:12px;margin:24px 0 8px}
.store-action{display:flex;align-items:center;gap:14px;min-height:60px;padding:12px 18px;border-radius:10px;text-decoration:none}
.store-action svg{width:26px;height:26px;flex-shrink:0;fill:currentColor}
.store-action span{display:flex;flex-direction:column;line-height:1.25}
.store-action small{font-size:12px;font-weight:500;opacity:.85}
.store-action b{font-size:18px}
a.store-action{background:#e6c889;color:#17213b}
a.store-action:hover{background:#f7dfa9}
.store-action.is-soon{border:1px dashed rgba(240,210,158,.55);color:#ded9ea}
.store-status{margin-left:auto;font-size:13px;font-weight:600;color:#f0d29e;white-space:nowrap}
a.store-action .store-status{color:#17213b}
.dc-dl-note{font-size:14px}
.dc-dl-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(240,210,158,.25)}
.dc-dl-links a{display:inline-flex;align-items:center;min-height:44px;color:#f0d29e;text-underline-offset:3px}
a:focus-visible{outline:3px solid #fff5df;outline-offset:3px}
@media(max-width:400px){.store-action{padding:10px 14px}.store-action b{font-size:16px}.store-status{font-size:12px}}