*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:linear-gradient(160deg,#f0f4ff,#e8eef8,#f7f9fc);color:#1a1f36;min-height:100vh}.page{max-width:480px;margin:0 auto;padding:32px 20px 48px}.header{text-align:center;margin-bottom:28px}.header h1{margin:0 0 8px;font-size:1.75rem;font-weight:700}.header p{margin:0;color:#5a6278;font-size:.95rem}.card{background:#fff;border-radius:16px;padding:28px 24px;box-shadow:0 8px 32px #1a1f3614}.field{margin-bottom:18px}.field label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:#3c4257}.field input{width:100%;padding:11px 12px;border:1px solid #d8dce6;border-radius:8px;font-size:1rem}.field input:focus{outline:none;border-color:#635bff;box-shadow:0 0 0 3px #635bff26}#card-element{padding:12px;border:1px solid #d8dce6;border-radius:8px;background:#fafbfc}.hint{display:block;margin-top:6px;font-size:.8rem;color:#635bff}.three-ds{margin-bottom:16px;padding:14px;background:#f5f5ff;border-radius:8px}.three-ds p{margin:0 0 10px;font-size:.9rem}.hidden{display:none}.btn-primary,.btn-secondary{width:100%;padding:14px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer}.btn-primary{background:#635bff;color:#fff}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#0a7;color:#fff}.message{margin:16px 0 0;font-size:.9rem;white-space:pre-wrap}.message.error{color:#c00}.message.success{color:#0a7}