:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#133253;background:#f4f7fa;--accent:#0b2b55}*{box-sizing:border-box}body{margin:0}.theme-petivo{--accent:#20473c;background:#faf8f2;color:#20473c}.theme-alin{--accent:#10265c;background:#f6f6fc}.theme-tvojmobi{--accent:#303f91;background:#f5f6fc}a{color:inherit;text-underline-offset:4px}.payment-shell{max-width:960px;margin:auto;padding:32px 24px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0 32px;border-bottom:1px solid #dbe3e9}.wordmark{font-weight:850;text-decoration:none;letter-spacing:.05em}.wordmark span{font-weight:400}.test-badge{font-size:11px;letter-spacing:.08em;padding:9px 13px;background:#fff0c7;border:1px solid #e8d694;border-radius:30px;color:#795213;white-space:nowrap}.hero{padding:64px 0}h1{font-size:clamp(30px,5vw,55px);line-height:1.12;letter-spacing:-.04em;margin:14px 0 24px}.hero>p{max-width:620px;line-height:1.8}.eyebrow{font-size:11px!important;font-weight:750;letter-spacing:.16em}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.features article{padding:24px;background:white;border:1px solid #dbe3e9;border-radius:18px}.features p,footer{font-size:13px;line-height:1.7;color:#52677b}.payment-card{max-width:640px;margin:36px auto;padding:36px;background:#fff;border:1px solid #dbe3e9;border-radius:24px;box-shadow:0 12px 45px #16344908}.payment-card h1{font-size:36px}.project-brand img{width:auto;height:48px;max-width:220px;object-fit:contain}.lines{padding:20px 0;line-height:2;border-bottom:1px solid #e2e7eb}.total{display:flex;justify-content:space-between;gap:20px;padding:26px 0}.total strong{font-size:28px}.notice{background:#eef3f6;padding:20px;border-radius:12px;margin:20px 0;font-size:14px;line-height:1.65}.success{background:#e4f3e9}.notice p{margin-bottom:0}button{display:block;width:100%;border:0;border-radius:12px;background:var(--accent);color:#fff;font:700 15px system-ui;padding:18px;cursor:pointer}button:hover{filter:brightness(1.12)}button:focus-visible,a:focus-visible{outline:3px solid #db9a39;outline-offset:4px}.back{display:inline-block;margin-top:20px}.muted{font-size:12px;color:#617183}footer{border-top:1px solid #dbe3e9;padding:25px 0;text-align:center}@media(max-width:640px){.payment-shell{padding:18px}.payment-card{padding:24px}.features{grid-template-columns:1fr}.hero{padding:38px 0}header{flex-wrap:wrap}.wordmark{font-size:14px}.total strong{font-size:25px}}