*{box-sizing:border-box}body{margin:0;font:16px Arial,sans-serif;background:#f7f7f8;color:#151515;line-height:1.55}.wrap{width:min(1100px,92%);margin:auto}header{background:#fff;border-bottom:1px solid #e8e8e8}.head{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{height:42px;width:auto}nav{display:flex;gap:22px}a{text-decoration:none;color:inherit}.hero{text-align:center;padding:80px 0 45px}.hero h1{font-size:58px;line-height:1.05;margin:12px 0}.hero p{color:#666;font-size:18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:65px}.box{background:#fff;border:1px solid #e7e7ea;border-radius:18px;padding:30px;box-shadow:0 10px 30px #00000008}.preview{display:grid;place-items:center;text-align:center;min-height:390px}input{width:100%;padding:14px;margin:8px 0 14px;border:1px solid #d6d6dc;border-radius:9px;font-size:16px}button{width:100%;border:0;border-radius:9px;padding:15px;background:#151515;color:white;font-weight:bold;font-size:16px;cursor:pointer}.premium{background:#151515;color:white;border-radius:20px;padding:45px;display:grid;grid-template-columns:1fr 360px;gap:45px}.premium p{color:#bcbcc1}.pay{background:#202023;padding:20px;border-radius:12px}.pay strong{font-size:42px;display:block}.pay small{color:#aaa}.steps{padding:75px 0}.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cols article{background:#fff;padding:24px;border-radius:14px;border:1px solid #e8e8e8}.cols article>b{display:inline-grid;place-items:center;background:#151515;color:white;border-radius:50%;width:32px;height:32px}footer{background:#151515;color:#aaa;padding:40px 0}.foot{display:flex;justify-content:space-between;align-items:center}.adlv{border-top:1px solid #333;margin-top:25px;padding-top:20px}.adlv b{color:white}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.form{width:min(580px,94%)}.table{overflow:auto;background:white}.table table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}@media(max-width:750px){.hero h1{font-size:40px}.grid,.premium,.cols{grid-template-columns:1fr}.premium{padding:28px}.head nav{display:none}}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:65px;align-items:stretch}.plan{min-height:610px}.badge{display:inline-block;padding:6px 11px;border-radius:999px;background:#ececf0;font-size:12px;font-weight:700;letter-spacing:.08em}.badge.dark{background:#151515;color:#fff}.plan label{display:block;font-weight:700;margin-top:16px;font-size:14px}.payInfo{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px;padding:14px;border:1px solid #e7e7ea;border-radius:10px}.payInfo strong{font-size:24px}.payInfo span{color:#777}.empty{margin-top:24px;min-height:270px;border:2px dashed #dedee3;border-radius:14px;display:grid;place-items:center;color:#888;padding:20px}.secondary{margin-top:18px;background:#555}.small{font-size:13px;color:#777;margin-top:15px}.error{color:#c62828;min-height:22px;font-size:14px}.success{text-align:center}.check{width:60px;height:60px;border-radius:50%;background:#151515;color:#fff;font-size:36px;margin:0 auto 15px;display:grid;place-items:center}
@media(max-width:750px){.plans{grid-template-columns:1fr}.plan{min-height:auto}}

.qrResult{display:none;margin-top:24px;text-align:center}.qrResult img{width:320px;height:320px;max-width:100%;display:block;margin:0 auto 18px;background:#fff}.qrResult .secondary{width:100%}