*{box-sizing:border-box}body{margin:0;background:#080b13;color:#f3f5ff;font:16px/1.7 system-ui,sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1080px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #232a3d}header a{font-weight:800;font-size:23px}header span{color:#b4a0ff}small,.muted,footer{color:#98a3bc}header small{font-size:12px}.intro{padding:50px 0 35px}.pill{color:#c9bbff;border:1px solid #4f426d;border-radius:99px;padding:6px 16px;font-size:13px}h1{font-size:clamp(30px,5vw,50px);line-height:1.3;margin:22px 0}h2{font-size:21px}.intro p{color:#aeb8cc}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#111725;border:1px solid #283147;border-radius:22px;padding:26px;margin-bottom:20px}.visual{font-size:64px;display:grid;place-items:center;height:150px;background:radial-gradient(ellipse,#3b2a64,transparent 70%);border-radius:16px}.price{font-size:27px;font-weight:800;margin:18px 0}.button{background:#b8a4ff;border:0;border-radius:12px;color:#171025;padding:13px 18px;font:700 16px system-ui;display:block;text-align:center;width:100%;cursor:pointer}.button:hover{background:#cbbcff}.checkout{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}label{display:block;font-size:14px;margin-bottom:20px}input{display:block;width:100%;background:#080e1b;color:white;border:1px solid #36415a;border-radius:10px;padding:14px;margin-top:8px;font:16px system-ui}input:focus{outline:2px solid #b8a4ff}.back{display:inline-block;color:#b8a4ff;margin:15px 0}.note p{font-size:14px}.result{max-width:640px;margin:40px auto;text-align:center}.result h1{font-size:35px}.symbol{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;font-size:45px;margin:auto;background:#30264d;color:#cabaff}.symbol.paid{background:#133d30;color:#7fe2b5}.symbol.failed{background:#48222c;color:#ff9faf}dl{text-align:right;background:#080e1b;border-radius:12px;padding:20px}dt{color:#98a3bc;font-size:13px}dd{margin:0 0 14px;overflow-wrap:anywhere}footer{text-align:center;font-size:12px}@media(max-width:700px){header{gap:10px;padding:18px}header a{font-size:18px}header small{max-width:120px}main{padding:18px}.intro{padding:30px 0}.products,.checkout{grid-template-columns:1fr}.card{padding:22px}.visual{height:100px}.fields{gap:8px}.result{margin:20px auto}input{padding:12px}}
