:root{--red:#8b1e2d;--red2:#b83a47;--gold:#d6a84b;--ink:#2c2322;--muted:#746865;--paper:#fffaf0;--line:#eadfcd;--ok:#287a55;--bad:#a83232}
*{box-sizing:border-box}body{margin:0;background:#f5ead7;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}.shell{width:min(100%,520px);min-height:100vh;margin:auto;padding:0 16px 32px;background:linear-gradient(180deg,#7d1525 0,#9d2736 330px,#f5ead7 330px)}.hero{position:relative;min-height:330px;padding:42px 20px 30px;color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 22%,rgba(255,231,166,.18),transparent 24%),linear-gradient(135deg,transparent 60%,rgba(255,255,255,.05));pointer-events:none}.moon{position:absolute;right:18px;top:38px;width:92px;height:92px;border-radius:50%;background:#ffe2a0;box-shadow:0 0 45px rgba(255,226,160,.45)}.moon:after{content:"";position:absolute;width:78px;height:78px;border-radius:50%;background:#891e2d;left:-20px;top:-8px}.eyebrow{position:relative;margin:0 0 12px;color:#f4d79b;font-weight:700;letter-spacing:.22em}.hero h1{position:relative;margin:0;font-family:serif;font-size:48px;line-height:1.13;letter-spacing:.05em}.sub{position:relative;width:78%;margin:18px 0 0;color:#f8e8df;font-size:15px;line-height:1.75}.card{background:var(--paper);border:1px solid rgba(139,30,45,.08);border-radius:20px;margin:0 0 16px;padding:22px;box-shadow:0 10px 30px rgba(83,45,29,.09)}.step{display:flex;align-items:center;gap:12px;margin-bottom:20px}.step>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;font-weight:800}.step div{display:grid;gap:2px}.step strong{font-size:19px}.step small{color:var(--muted)}form{display:grid;gap:15px}label{display:grid;gap:7px;color:#4d403d;font-size:14px;font-weight:650}input,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:13px 14px;color:var(--ink);font:inherit;outline:none;transition:.2s}input:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,168,75,.15)}textarea{resize:vertical}.grid-2{display:grid;grid-template-columns:1fr 1.35fr;gap:12px}.primary{border:0;border-radius:13px;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;padding:14px 18px;font-size:16px;font-weight:800;box-shadow:0 7px 16px rgba(139,30,45,.2);cursor:pointer}.primary:disabled{opacity:.55;cursor:wait}.message{margin-top:14px;border-radius:12px;padding:12px 14px;background:#f8e8e8;color:var(--bad);line-height:1.5}.message.ok{background:#e8f4ed;color:var(--ok)}.order-result{margin:-5px 0 18px;padding:13px;border-radius:12px;background:#f5ecdc;color:#5b483f;font-size:14px;line-height:1.6}.agree{display:flex;align-items:flex-start;gap:8px;font-weight:400;color:var(--muted)}.agree input{width:17px;height:17px;margin-top:1px}.success-card{text-align:center}.check{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border-radius:50%;background:#e4f1e9;color:var(--ok);font-size:31px;font-weight:800}.success-card h2{margin:0 0 8px}.success-card p{color:var(--muted);line-height:1.7}.code-box{display:grid;width:100%;gap:3px;margin:18px 0;padding:17px;border:1px dashed var(--gold);border-radius:14px;background:#fff7e5;color:var(--red);cursor:pointer}.code-box span{font-size:21px;font-weight:900;letter-spacing:.04em}.code-box small{color:var(--muted)}.hint{font-size:13px}.status-pill{display:inline-block;margin-top:6px;padding:8px 14px;border-radius:999px;background:#f3e3c6;color:#75521a;font-weight:700;font-size:14px}footer{text-align:center;color:#8d776f;font-size:12px;padding:6px 0 20px}@media(max-width:380px){.hero h1{font-size:42px}.card{padding:19px}.grid-2{grid-template-columns:1fr}}