:root{--navy:#102642;--navy2:#183b60;--red:#c43c43;--gold:#c7a45d;--ink:#1e2b3b;--muted:#68778a;--line:#e1e7ee;--paper:#f5f7fa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0%,#e9eff6 0,transparent 34%),var(--paper);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);line-height:1.55}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1100px)/2));background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;text-decoration:none;max-width:min(360px,58vw)}.brand img{display:block;width:100%;height:auto;max-height:62px;object-fit:contain;object-position:left center}.secure{font-size:13px;color:#267454;font-weight:650}.intro{max-width:1100px;margin:54px auto 26px;padding:0 22px}.eyebrow,.step{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--red)}h1{font-size:clamp(32px,5vw,48px);letter-spacing:-.04em;line-height:1.1;color:var(--navy);margin:12px 0} .intro p{max-width:680px;color:var(--muted);font-size:16px}.trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.trust span{background:#fff;border:1px solid var(--line);border-radius:99px;padding:7px 12px;color:#476075;font-size:12px}.payment-card{max-width:760px;margin:0 auto 60px;background:#fff;border:1px solid #e4e9ef;border-radius:22px;box-shadow:0 20px 65px #172e4b12;overflow:hidden}.card-heading{display:flex;align-items:center;justify-content:space-between;padding:26px 32px;background:linear-gradient(110deg,#102642,#1c4267);color:#fff}.card-heading h2{margin:5px 0 0;font-size:23px}.card-heading .step{color:#e6ca8c}.lock{font-size:25px}form{padding:28px 32px 32px}label{display:block;margin:17px 0 7px;font-weight:700;font-size:13px;color:#253b52}label em{font-style:normal;color:var(--red)}.optional{float:right;font-weight:500;color:var(--muted);font-size:12px}input,textarea{display:block;width:100%;padding:13px 14px;border:1px solid #d8e0e9;border-radius:10px;background:#fcfdff;color:var(--ink);font:inherit;font-size:14px;outline:none;transition:border .2s,box-shadow .2s}input:focus,textarea:focus{border-color:#507aa4;box-shadow:0 0 0 3px #507aa41a}textarea{resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.amount-wrap{display:flex;align-items:center;border:1px solid #d8e0e9;border-radius:10px;background:#fcfdff;padding-left:14px}.amount-wrap span{font-weight:800;color:var(--navy);font-size:18px}.amount-wrap input{border:0;background:transparent;box-shadow:none}.hint{margin:5px 0 0;font-size:12px;color:var(--muted)}button,.back{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;border:0;border-radius:11px;margin-top:25px;padding:15px 20px;background:linear-gradient(100deg,var(--red),#a62e37);color:#fff;font-size:15px;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 9px 22px #b6353c26}button span{font-size:20px}.fineprint{font-size:11px;color:#7b8795;text-align:center;margin:17px 0 0}.alert{margin:20px 32px 0;padding:12px;background:#fff1f0;border:1px solid #f4d0cc;color:#9e2e2e;border-radius:8px}.redirect,.result{max-width:580px;margin:12vh auto;padding:42px 28px;text-align:center;background:white;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 65px #172e4b12}.redirect h1,.result h1{font-size:30px}.redirect p,.result p{color:var(--muted)}.spinner{width:42px;height:42px;border:4px solid #e4eaf0;border-top-color:var(--red);border-radius:50%;margin:0 auto 24px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-icon{display:grid;place-items:center;margin:0 auto 20px;width:64px;height:64px;border-radius:50%;font-size:34px;font-weight:800}.ok{background:#e7f7ed;color:#23764b}.bad{background:#fff0ef;color:#ad3434}.wait{background:#fff7e4;color:#946c16}.order{background:#f7f9fc;padding:14px;border-radius:10px}.back{max-width:320px;margin:24px auto 0}footer{text-align:center;color:#7b8795;font-size:12px;padding:0 20px 28px}@media(max-width:640px){header{height:76px;padding:0 18px}.brand{max-width:55vw}.brand img{max-height:54px}.intro{margin:35px auto 22px}.payment-card{margin:0 12px 35px;border-radius:17px}.card-heading{padding:22px}.card-heading h2{font-size:21px}form{padding:15px 22px 25px}.two{grid-template-columns:1fr;gap:0}.secure{font-size:11px}.redirect,.result{margin:8vh 14px;padding:34px 20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
