:root{--ink:#09120f;--deep:#0c2019;--panel:#163328;--lime:#b9ff66;--line:#dce5df;--paper:#f4f7f4;--muted:#718079}
.tariff-preview{border:1px solid #355045;background:linear-gradient(135deg,#18392c,#122b22);border-radius:15px;padding:17px;display:grid;grid-template-columns:1fr auto;gap:4px 12px}.tariff-preview>span{color:#91a79c;font-size:11px}.tariff-preview>strong{color:var(--lime);font-size:18px;grid-row:1/3;grid-column:2;align-self:center}.tariff-preview>small{color:#fff;font-size:12px}.consent a{color:var(--lime);text-decoration:underline;text-underline-offset:2px}
*{box-sizing:border-box}html{background:#edf3ee}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 8% 3%,#c7ff8433,transparent 28%),linear-gradient(135deg,#fafcf9,#edf3ee);min-height:100vh}.page{padding:28px 5vw 60px}.header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 0 28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:18px}.brand>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--lime);font-weight:900}.secure{font-size:12px;color:#607068;padding:10px 14px;border:1px solid #cfdbd3;background:#ffffffb8;border-radius:999px}.secure i,.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5fc92d;box-shadow:0 0 0 4px #5fc92d20;margin-right:7px}.hero{max-width:1280px;margin:auto;padding:70px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:850;color:#557064}.intro h1{font-size:clamp(50px,6vw,82px);line-height:.96;letter-spacing:-4.5px;margin:24px 0}.intro h1 em{font-style:normal;color:#74817b;font-weight:500}.intro>p{font-size:17px;line-height:1.7;color:var(--muted);max-width:560px}.notice{margin-top:35px;padding:20px;border-left:3px solid #80cf3f;background:#fff;border-radius:0 16px 16px 0;display:flex;flex-direction:column;gap:5px}.notice span{font-size:13px;color:var(--muted);line-height:1.5}.workbench{display:grid;grid-template-columns:1fr 1fr;background:var(--deep);border-radius:28px;overflow:hidden;box-shadow:0 35px 90px #1632242b;min-height:610px}.workbench form{padding:34px;color:#fff;display:flex;flex-direction:column;gap:20px}.form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.form-head>div:first-child{display:flex;flex-direction:column;gap:4px}.form-head span{font-size:11px;color:#90a49a}.form-head strong{font-size:22px}.live{font-size:10px;color:#a9bbaf}.workbench label{font-size:12px;color:#adbbb4;font-weight:700;display:flex;flex-direction:column;gap:9px}.workbench input{width:100%;border:1px solid #355045;background:#172f26;color:#f5faf6;border-radius:13px;padding:15px 16px;font:inherit;font-size:15px;outline:none}.workbench input:focus{border-color:#a8ef61;box-shadow:0 0 0 3px #b9ff6618}.amount-field{position:relative}.amount-field input{font-size:30px;font-weight:800;padding-right:45px}.amount-field>b{position:absolute;right:17px;top:17px;font-size:24px;color:var(--lime)}.consent{display:grid!important;grid-template-columns:18px 1fr;align-items:start;gap:10px!important;font-weight:500!important;line-height:1.45}.consent input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--lime)}.consent span{font-size:12px!important;color:#b6c4bd!important}.workbench button{border:0;border-radius:13px;padding:16px 18px;background:var(--lime);color:#102018;font-weight:850;font-size:14px;display:flex;justify-content:space-between;cursor:pointer}.workbench button:disabled{opacity:.38;cursor:not-allowed}.workbench form>small{font-size:10px;line-height:1.5;color:#718b7f}.result{background:#f7faf7;padding:30px;min-width:0;display:grid;align-content:start}.empty{height:100%;display:grid;place-items:center;align-content:center;text-align:center;color:#64736c;gap:8px}.empty>span{font-size:12px}.qr-placeholder{width:180px;height:180px;border-radius:22px;background:linear-gradient(90deg,#e2e9e4 25%,#f5f8f5 50%,#e2e9e4 75%);background-size:200% 100%;animation:shimmer 1.8s infinite;margin-bottom:15px}.result-head{display:flex;justify-content:space-between;align-items:start;gap:15px;padding-bottom:20px;border-bottom:1px solid var(--line)}.result-head>div{display:flex;flex-direction:column;gap:4px}.result-head span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.result-head strong{font-size:18px}.result-head code{font-size:9px;word-break:break-all;color:#87938e;max-width:130px;text-align:right}.qr-frame{width:min(260px,100%);aspect-ratio:1;margin:28px auto 22px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 45px #1a30221c}.qr-frame img{width:100%;height:100%;object-fit:contain;image-rendering:crisp-edges}.invoice{display:flex;justify-content:space-between;gap:15px;align-items:end;padding:17px 0;border-top:1px solid var(--line)}.invoice span{font-size:12px;color:var(--muted)}.invoice strong{font-size:23px}.link,.failure a{display:block;text-align:center;padding:13px;border:1px solid #cdd9d1;border-radius:12px;font-size:12px;font-weight:750;color:var(--ink);text-decoration:none}.progress{height:420px;display:flex;align-items:center;justify-content:center;gap:7px;position:relative}.progress i{width:9px;height:9px;border-radius:50%;background:#87d643;animation:dot 1.1s infinite}.progress i:nth-child(2){animation-delay:.15s}.progress i:nth-child(3){animation-delay:.3s}.progress span{position:absolute;top:60%;font-size:12px;color:var(--muted)}.failure{margin:auto 0;padding:20px;border:1px solid #f0c9c5;background:#fff3f1;border-radius:16px;display:flex;flex-direction:column;gap:8px}.failure span{font-size:12px;line-height:1.5;color:#86625e;white-space:pre-wrap}.failure a{margin-top:6px;background:#fff;border-color:#e5c2bd}@keyframes shimmer{to{background-position:-200% 0}}@keyframes dot{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-8px);opacity:1}}@media(max-width:980px){.hero{grid-template-columns:1fr;gap:40px}.intro h1{font-size:60px}.workbench{min-height:580px}}@media(max-width:680px){.page{padding:18px 16px 40px}.secure{max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero{padding:45px 0}.intro h1{font-size:46px;letter-spacing:-3px}.workbench{grid-template-columns:1fr}.workbench form,.result{padding:24px}.result{min-height:480px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}