*{box-sizing:border-box}
body{margin:0;background:#05030d;color:#fff;font-family:Arial,Helvetica,sans-serif}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 70% 30%,rgba(255,190,60,.18),transparent 32%),linear-gradient(135deg,#070512,#10051d)}
.hero-card{width:100%;max-width:980px;min-height:620px;border:1px solid rgba(255,212,90,.22);border-radius:24px;background:linear-gradient(135deg,rgba(7,5,18,.96),rgba(25,9,42,.94));box-shadow:0 30px 90px rgba(0,0,0,.55);overflow:hidden;position:relative}
.hero-card:after{content:"";position:absolute;right:-130px;top:120px;width:440px;height:440px;border-radius:50%;border:1px solid rgba(255,212,90,.18);box-shadow:0 0 80px rgba(255,174,0,.12);background:radial-gradient(circle,rgba(255,212,90,.22),transparent 55%)}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;position:relative;z-index:2}
.brand{font-weight:700;font-size:20px;color:#ffd45a}
.mini-btn,.main-btn{border:none;background:#ffd45a;color:#111;border-radius:10px;font-weight:700;cursor:pointer}
.mini-btn{padding:10px 16px}
.hero-content{position:relative;z-index:2;padding:56px 42px;max-width:680px}
.tag{display:inline-block;padding:8px 14px;border-radius:999px;background:rgba(255,212,90,.12);border:1px solid rgba(255,212,90,.3);color:#ffd45a;font-weight:700;margin-bottom:18px}
h1{font-size:52px;line-height:1.04;margin:0 0 14px;color:#fff}
.subtitle{font-size:17px;line-height:1.6;color:rgba(255,255,255,.72);max-width:560px}
.features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;color:#f5f5f5}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}
.info-grid div{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:14px}
.info-grid span{display:block;font-size:12px;color:#aaa;margin-bottom:6px}
.info-grid b{color:#ffd45a}
.main-btn{font-size:16px;padding:16px 28px;box-shadow:0 10px 35px rgba(255,212,90,.25)}
.modal{position:fixed;inset:0;display:none;background:rgba(0,0,0,.68);justify-content:center;align-items:center;z-index:9999;padding:20px}
.modal.active{display:flex}
.box{width:100%;max-width:460px;background:#0f0c1a;border-radius:16px;padding:28px 24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 70px rgba(0,0,0,.7);position:relative}
.close-btn{position:absolute;top:12px;right:14px;font-size:20px;color:#fff;cursor:pointer;opacity:.65}
.close-btn:hover{opacity:1}
.modal-title{font-size:20px;font-weight:700;text-align:center}
.modal-sub{font-size:13px;text-align:center;color:rgba(255,255,255,.55);margin-top:6px;margin-bottom:18px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
input{width:100%;height:44px;padding:0 12px;border-radius:9px;border:1px solid rgba(255,255,255,.14);background:#0a0714;color:#fff;font-size:14px}
input:focus{border-color:#ffd45a;outline:none}
input.error{border-color:#ff4d4d}
.error-text{min-height:15px;color:#ff6b6b;font-size:12px;margin-top:4px}
.proceed-btn{width:100%;height:48px;margin-top:16px;border-radius:9px;border:none;font-weight:700;font-size:15px;background:#ffd45a;color:#000;cursor:pointer}
.success-box{display:none;text-align:center}
.success-box.active{display:block}
.success-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#16a34a;color:#fff;font-size:36px;font-weight:700}
.success-box h3{margin:0 0 12px;color:#fff}
.success-box p{color:#ccc;font-size:14px}
#paymentIdText{background:rgba(22,163,74,.12);border:1px solid rgba(22,163,74,.25);border-radius:10px;padding:12px;color:#d8ffe4;word-break:break-word}
.contact-line{color:#d8ffe4!important;font-weight:700}
.redirect-line{font-size:12px!important;color:#999!important}
@media(max-width:700px){h1{font-size:38px}.hero-content{padding:38px 24px}.features,.info-grid,.form-grid{grid-template-columns:1fr}.hero-card{min-height:auto}}