/* MySneakerCollection — coming-soon page. App palette: background #0f0f0f, accent #ff3b30. */
:root { --bg:#09090a; --ink:#f5f3ef; --muted:#a5a3a0; --line:rgba(255,255,255,.1); --red:#ff3b30; --gold:#c69214; }
* { box-sizing:border-box; }
html, body { height:100%; }
body { margin:0; overflow-x:hidden; color:var(--ink); background:radial-gradient(ellipse 70% 45% at 50% 0%, rgba(255,59,48,.16), transparent), var(--bg); font-family:Inter, ui-sans-serif, -apple-system, system-ui, "Segoe UI", Roboto, sans-serif; -webkit-font-smoothing:antialiased; display:flex; flex-direction:column; min-height:100%; }
a { color:inherit; } img { max-width:100%; display:block; }
.shell { width:min(100% - 40px, 640px); margin:0 auto; }
main { flex:1; display:flex; align-items:center; justify-content:center; padding:48px 0; }
.soon { text-align:center; }
.wordmark { width:min(300px, 72vw); height:auto; margin:0 auto 36px; }
h1 { font-size:clamp(2.4rem, 6vw, 4rem); line-height:1.05; letter-spacing:-.03em; margin:0 0 14px; color:var(--red); }
.line { color:var(--muted); font-size:clamp(1.02rem, 1.6vw, 1.18rem); line-height:1.5; margin:0 auto 26px; max-width:30em; }
.contact { display:inline-block; color:var(--ink); font-size:.95rem; font-weight:600; text-decoration:none; padding:8px 0; border-bottom:1px solid rgba(255,59,48,.6); }
.contact:hover, .contact:focus-visible { border-bottom-color:var(--red); }
footer { padding:18px 0 26px; }
.footer-row { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:6px 18px; color:var(--muted); font-size:.84rem; }
.footer-row a { color:var(--muted); text-decoration:none; }
.footer-row a:hover, .footer-row a:focus-visible { color:var(--ink); }
/* Legal pages share this file */
.legal { padding:40px 0 56px; }
.legal .top { margin-bottom:28px; }
.legal .wordmark { width:min(220px, 60vw); margin:0 0 28px; }
.eyebrow { display:inline-flex; align-items:center; gap:9px; color:#dfc28c; text-transform:uppercase; letter-spacing:.17em; font-size:.75rem; font-weight:800; }
.eyebrow::before { content:""; width:28px; height:1px; background:currentColor; }
.legal h1 { font-size:clamp(2.2rem, 6vw, 3.6rem); margin:10px 0 22px; color:var(--ink); }
.legal-doc { max-width:760px; }
.legal-doc h2 { font-size:1.2rem; margin:28px 0 9px; padding-top:22px; border-top:1px solid var(--line); }
.legal-doc p { color:var(--muted); margin:0 0 10px; line-height:1.55; overflow-wrap:anywhere; }
.legal-doc a { color:var(--gold); }
.legal-doc table { border-collapse:collapse; width:100%; font-size:.92rem; margin:10px 0; }
.legal-doc th, .legal-doc td { border:1px solid var(--line); padding:7px 9px; text-align:left; vertical-align:top; color:var(--muted); }
.legal-doc th { color:var(--ink); }