:root{--bg-1: #0f141a;--bg-2: #0b1117;--card: #18222f;--muted: #9fb0c3;--text: #eaf2ff;--accent: #29b391;--accent-2: #1ea67e;--stroke: #223144;--chip: #213246}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 70% -10%,#20314a33,transparent 60%),radial-gradient(1000px 500px at 10% -10%,#29b39122,transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-2) 60%,#0a0f14);min-height:100vh;display:flex;flex-direction:column}.wrap{width:100%;max-width:980px;margin:0 auto;padding:28px 20px 80px}header{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0 22px}.brand{display:flex;align-items:center;gap:14px}.logo{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#26a17b,#1d8e6c);box-shadow:0 10px 25px #26a17b33,inset 0 0 0 1.5px #ffffff1a}.logo.red{background:linear-gradient(180deg,#ff2849,#e01b38);box-shadow:0 10px 25px #ff284933,inset 0 0 0 1.5px #ffffff1a}.arrow{opacity:.6}h1{margin:6px 0;text-align:center;font-weight:800;line-height:1.05;font-size:clamp(28px,4.2vw,44px)}.sub{margin:0 0 22px;text-align:center;font-size:15px;color:var(--muted)}.card{max-width:560px;margin:0 auto;padding:22px;border-radius:18px;background:linear-gradient(180deg,#192434,#172231 40%,#152130);border:1px solid var(--stroke);box-shadow:0 10px 40px #0005,inset 0 1px #ffffff10}.card h2{margin:0 0 14px;font-size:20px;font-weight:700}.row{display:flex;align-items:center;gap:10px}.field{position:relative;display:flex;align-items:center;gap:10px;width:100%;height:54px;padding:10px 12px;background:#111a25;border:1px solid #213046;border-radius:12px}.field input{width:100%;background:transparent;border:0;outline:none;color:var(--text);font-size:18px}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;background:var(--chip);border:1px solid #2a3c54;border-radius:10px;font-weight:600}.chip svg{width:18px;height:18px}.hint{margin-top:6px;font-size:13px;color:var(--muted)}.divider{height:1px;margin:16px 0;background:var(--stroke)}details{padding:12px 14px;background:#0f1822;border:1px dashed #2a405a;border-radius:12px}summary{cursor:pointer;font-weight:600;color:#cfe2ff;outline:none}.grid{display:grid;gap:8px;margin-top:10px;grid-template-columns:1fr}.kvs{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.kvs b{font-size:15px}.total{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:14px;color:var(--muted)}.cta{width:100%;height:54px;margin-top:14px;border:0;border-radius:14px;font-size:17px;font-weight:800;cursor:pointer;color:#07231a;background:linear-gradient(180deg,var(--accent),var(--accent-2));box-shadow:0 15px 40px #1aad8d55,inset 0 0 0 1px #fff5}.cta:active{transform:translateY(1px)}.note{margin-top:6px;font-size:12px;color:var(--muted)}.live{font-size:12px;color:#cfe2ff;opacity:.85}footer{margin-top:auto;border-top:1px solid var(--stroke);background:#0c1218aa;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.footer-wrap{max-width:1100px;margin:0 auto;padding:20px;display:grid;gap:10px;grid-template-columns:1fr;color:#c7d8ec}.foot-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.foot-links{display:flex;gap:14px;flex-wrap:wrap}.foot-links a{color:#c7d8ec;text-decoration:none;border-bottom:1px dashed #2a405a}.brand-mini{display:flex;align-items:center;gap:10px;opacity:.85}@media(min-width:520px){.grid{grid-template-columns:1fr 1fr}}