@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--green: oklch(.52 .15 150);--green-soft: oklch(.95 .04 150);--green-dim: oklch(.52 .15 150 / .18);--gold: oklch(.78 .14 80);--gold-soft: oklch(.96 .05 85);--gold-dim: oklch(.78 .14 80 / .18);--red: oklch(.58 .2 25);--red-soft: oklch(.95 .04 25);--bg: oklch(.99 .005 95);--surface: oklch(1 0 0);--text: oklch(.2 .02 150);--muted: oklch(.58 .02 150);--border: oklch(.88 .01 150);--radius: 1rem;--shadow: 0 4px 24px oklch(.2 .02 150 / .08);--shadow-glow: 0 0 0 3px oklch(.52 .15 150 / .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{font-family:Plus Jakarta Sans,-apple-system,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh}#root{min-height:100dvh}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 15% 20%,oklch(.52 .15 150 / .12) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 85% 80%,oklch(.78 .14 80 / .1) 0%,transparent 70%),var(--bg)}.aurora-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:-1;animation:float 8s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes ping{0%{transform:scale(1);opacity:.8}80%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-ping{animation:ping 1.2s ease-out infinite}.animate-spin{animation:spin .8s linear infinite}.animate-in{animation:fade-in .3s ease both}.shell{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:20px 20px 32px}.shell-inner{width:100%;max-width:400px;display:flex;flex-direction:column;flex:1}.shell-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.step-label{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.02em}.progress-bar{display:flex;gap:6px;margin-bottom:32px}.progress-pip{flex:1;height:3px;border-radius:999px;background:var(--border);transition:background .4s ease}.progress-pip.done{background:var(--green)}.shell-main{flex:1;display:flex;flex-direction:column}.shell-footer{margin-top:24px;text-align:center;font-size:11px;color:var(--muted)}.wordmark{font-size:18px;font-weight:800;letter-spacing:-.04em;color:var(--text);display:flex;align-items:center;gap:6px}.wordmark-dot{width:8px;height:8px;border-radius:50%;background:var(--green)}.logo-wrap{display:flex;align-items:center;justify-content:center}h1{font-size:clamp(22px,6vw,28px);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--text)}.text-green{color:var(--green)}.text-gold{color:var(--gold)}.text-red{color:var(--red)}.text-muted{color:var(--muted)}.text-sm{font-size:14px}.text-xs{font-size:12px}.text-center{text-align:center}.input-row{display:flex;align-items:center;gap:8px;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:0 16px;height:56px;transition:border-color .2s,box-shadow .2s}.input-row:focus-within{border-color:#007f3899;border-color:oklch(.52 .15 150 / .6)}.input-row.state-ok{border-color:var(--green);box-shadow:var(--shadow-glow)}.input-row.state-err{border-color:var(--red)}.input-row input{flex:1;border:none;background:transparent;font-size:16px;font-weight:600;font-family:inherit;color:var(--text);outline:none;min-width:0}.input-row input::placeholder{color:var(--muted);font-weight:500}.input-plain{width:100%;height:56px;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:0 16px;font-size:16px;font-weight:600;font-family:inherit;color:var(--text);outline:none;transition:border-color .2s}.input-plain:focus{border-color:#007f3899;border-color:oklch(.52 .15 150 / .6)}.input-plain::placeholder{color:var(--muted);font-weight:500}.status-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.status-icon.ok{background:var(--green);color:#fff}.status-icon.err{background:var(--red);color:#fff}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:56px;border:none;border-radius:var(--radius);font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .15s,transform .1s;text-decoration:none}.btn:active{transform:scale(.98)}.btn-primary{background:var(--green);color:#fff;box-shadow:0 4px 16px #007f384d;box-shadow:0 4px 16px oklch(.52 .15 150 / .3)}.btn-primary:disabled{background:var(--border);color:var(--muted);box-shadow:none;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:var(--muted);font-size:14px;font-weight:600;width:auto;height:auto;padding:8px;gap:4px}.btn-ghost:hover{color:var(--text)}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{border:1.5px solid var(--border);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;font-family:inherit;color:var(--muted);background:var(--surface);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.pill:hover{border-color:#007f3866;border-color:oklch(.52 .15 150 / .4);background:var(--green-soft);color:var(--green)}.method-cards{display:flex;flex-direction:column;gap:12px}.method-card{display:flex;align-items:center;gap:14px;border:2px solid var(--border);border-radius:var(--radius);padding:16px;background:var(--surface);cursor:pointer;transition:border-color .2s,background .2s;text-align:left;font-family:inherit;width:100%}.method-card:hover{border-color:var(--border);background:#f9f8f5}.method-card.active-green{border-color:var(--green);background:var(--green-soft)}.method-card.active-gold{border-color:var(--gold);background:var(--gold-soft)}.method-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:var(--border);color:var(--muted);transition:background .2s,color .2s}.method-card.active-green .method-icon{background:var(--green-dim);color:var(--green)}.method-card.active-gold .method-icon{background:var(--gold-dim);color:var(--gold)}.method-title{font-size:15px;font-weight:700;color:var(--text)}.method-desc{font-size:13px;color:var(--muted);margin-top:2px}.otp-row{display:flex;gap:10px;justify-content:center}.otp-box{width:48px;height:56px;border:2px solid var(--border);border-radius:14px;background:var(--surface);font-size:22px;font-weight:800;font-family:inherit;color:var(--text);text-align:center;outline:none;transition:border-color .15s;-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.otp-box:focus{border-color:var(--green)}.otp-box.filled{border-color:#007f3880;border-color:oklch(.52 .15 150 / .5)}.otp-box.otp-error{border-color:var(--red)}.otp-box:disabled{opacity:.5}.otp-box::-webkit-outer-spin-button,.otp-box::-webkit-inner-spin-button{-webkit-appearance:none}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.product-chip{border:1.5px solid var(--border);border-radius:14px;padding:10px 6px;text-align:center;font-size:12px;font-weight:600;color:var(--muted);background:#fff9}.field-error{font-size:12px;font-weight:600;color:var(--red);margin-top:6px;min-height:18px}.field-hint{font-size:12px;font-weight:500;color:var(--muted);margin-top:6px;min-height:18px}.spinner{display:inline-block;width:20px;height:20px;border:2.5px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.divider{height:1px;background:var(--border);margin:20px 0}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mt-10{margin-top:40px}.mt-auto{margin-top:auto}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.gap-4{gap:16px}.flex-col{display:flex;flex-direction:column}.flex-1{flex:1}