:root{--bg:#f5f8fb;--ink:#102033;--muted:#64748b;--primary:#1463ff;--card:#fff;--line:#dce5ef}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}.wrap{max-width:1120px;margin:auto;padding:0 24px}header{background:#fff;border-bottom:1px solid var(--line)}header .wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;padding-top:12px;padding-bottom:12px}
header .wrap>a.back-link{margin-right:auto}
@media(max-width:620px){header .wrap{justify-content:center;text-align:center}header .wrap>a.back-link{margin-right:0;width:100%;text-align:left}nav{justify-content:center;flex-wrap:wrap}}nav{display:flex;gap:22px;align-items:center;font-size:14px}.btn{display:inline-block;background:var(--primary);color:#fff;border:0;border-radius:12px;padding:15px 22px;font-weight:700;cursor:pointer}.btn.small{padding:9px 14px;border-radius:9px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;padding-top:85px;padding-bottom:85px;align-items:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--primary)}h1{font-size:56px;line-height:1.04;margin:16px 0 20px;letter-spacing:-2px}h1 span{color:var(--primary)}p{font-size:18px;line-height:1.65;color:var(--muted);max-width:650px}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 20px 50px #10203310}.step{font-size:11px;font-weight:800;color:var(--primary);letter-spacing:.12em}.preview h3{font-size:23px}.chips{display:flex;flex-wrap:wrap;gap:9px}.chips b{padding:10px 12px;background:#eef4ff;border-radius:10px;font-size:13px}.upload{margin-top:22px;padding:35px 15px;border:2px dashed #b8c9dc;border-radius:15px;text-align:center;color:var(--muted)}.mini{margin-top:18px;color:#4d6075;font-size:12px}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:35px;padding-top:45px}h1{font-size:42px}nav{gap:10px}}
.demo-banner{background:#e8a33d;color:#1a1410;text-align:center;padding:9px 16px;font-size:13px;font-weight:700;letter-spacing:.02em}
.demo-banner span{font-weight:500;opacity:.85}
.back-link{color:#64748b;font-size:13px;margin-right:18px}
.back-link:hover{color:var(--ink)}
.demo-login-hint{font-size:13px;color:#64748b;margin-top:18px}
.demo-creds{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:#64748b}
.demo-creds ul{margin:8px 0 0;padding-left:18px}
.demo-creds code{background:#eef4ff;color:#1463ff;padding:2px 6px;border-radius:5px;font-size:12px}
body{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}