:root{--bg-1:#f4f5ef;--bg-2:#dce2d0;--panel:#fbfcf8;--text:#1f2a1e;--muted:#556254;--accent:#295f2d;--accent-2:#3d8a42;--danger:#8f1f1f;--border:#cad2bc}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.root-body{background:radial-gradient(circle at 10% 20%,#3d8a421f,transparent 38%),radial-gradient(circle at 88% 75%,#295f2d21,transparent 35%),linear-gradient(150deg,var(--bg-1),var(--bg-2))}.page{justify-content:center;align-items:center;min-height:100vh;padding:40px 16px;display:flex}.panel{border:1px solid var(--border);background:var(--panel);border-radius:20px;width:min(920px,100%);padding:28px;box-shadow:0 10px 36px #121a101f}h1{margin:10px 0 6px;font-size:2rem}header>p{color:var(--muted);margin:0 0 18px}.header-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.plans{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:18px 0;display:grid}.plan{border:1px solid var(--border);color:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:12px;gap:4px;padding:12px;display:grid}.plan.selected{border-color:var(--accent);box-shadow:0 0 0 2px #295f2d33}.plan span{color:var(--muted);font-size:.92rem}.checkout-form{gap:8px;display:grid}.checkout-form label{margin-top:8px;font-weight:600}.checkout-form input,.checkout-form textarea{border:1px solid var(--border);width:100%;font:inherit;border-radius:10px;padding:10px 12px}.checkout-form textarea{resize:vertical;min-height:84px}button[type=submit],.result button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;margin-top:12px;padding:10px 14px;font-weight:700}button[type=submit]:disabled{cursor:not-allowed;background:#8ea38f}.error{color:var(--danger)}.warning{color:#6c5f1e}.result{border-top:1px dashed var(--border);margin-top:18px;padding-top:14px}.result pre{background:#f4f6ef;border-radius:10px;max-height:220px;margin-top:10px;padding:10px;overflow:auto}a{color:var(--accent-2)}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:14px 0;display:grid}.stat{border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px}.stat span{color:var(--muted);font-size:.84rem;display:block}.stat strong{font-size:1rem}.key-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.key-row code{overflow-wrap:anywhere;background:#f4f6ef;border-radius:8px;flex:1;padding:7px 8px}@media (max-width:640px){.panel{padding:18px}h1{font-size:1.65rem}}