@font-face{font-family:iransans;src:url(/assets/IRANSansWeb_Bold-GlQYWplM.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:iransans;src:url(/assets/IRANSansWeb_Light-C1lxxtwE.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:iransans;src:url(/assets/IRANSansWeb_Medium-BSZF3aRC.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:iransans;src:url(/assets/IRANSansWeb_UltraLight-DpbcAogF.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:iransans;src:url(/assets/IRANSansWeb-ClbA0n7o.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #07090f;--bg-elevated: #0d121c;--surface: rgba(18, 24, 38, .88);--surface-solid: #121826;--ink: #f4f7ff;--muted: #9aa6bf;--line: rgba(120, 140, 180, .22);--accent: #3b6bff;--accent-2: #6b8cff;--accent-soft: rgba(59, 107, 255, .16);--accent-ink: #dce6ff;--danger: #ff6b8a;--danger-soft: rgba(255, 107, 138, .14);--ok: #34d399;--ok-soft: rgba(52, 211, 153, .14);--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .14);--shadow: 0 24px 60px rgba(0, 0, 0, .45);--radius: 22px;--font: "iransans", Tahoma, sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(900px 520px at 100% -10%,rgba(59,107,255,.22),transparent 55%),radial-gradient(700px 420px at -5% 105%,rgba(107,140,255,.12),transparent 50%),linear-gradient(165deg,#05070c 0%,var(--bg) 45%,#0a1020 100%);background-attachment:fixed}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.shell{position:relative;isolation:isolate;min-height:100dvh;width:100%;padding:max(1rem,env(safe-area-inset-top)) 1rem calc(1.1rem + var(--safe-bottom));display:flex;flex-direction:column;overflow-x:hidden}.shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 75%);mask-image:radial-gradient(ellipse at center,black 20%,transparent 75%);pointer-events:none;opacity:.55}.shell.center{justify-content:center;align-items:center}.page{width:min(100%,860px);margin:0 auto;display:flex;flex-direction:column;gap:1.1rem;flex:1;animation:rise .55s ease both}.brand-logo{display:block;height:clamp(42px,9vw,58px);width:auto;max-width:min(100%,280px);object-fit:contain;-webkit-user-select:none;user-select:none}.brand-logo.compact{height:38px;max-width:190px}.lead{margin:.45rem 0 0;color:var(--muted);line-height:1.85;font-size:.95rem}.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:1.25rem;overflow:hidden}.card:after{content:"";position:absolute;inset:auto -20% -40% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(59,107,255,.18),transparent 70%);pointer-events:none}.auth-wrap{width:min(100%,440px);margin:0 auto;display:grid;gap:1.15rem;animation:rise .55s ease both}.auth-hero{text-align:center;display:grid;justify-items:center;gap:.65rem;padding:.35rem .25rem 0}.auth-hero .lead{max-width:28ch}.auth-badge{display:inline-flex;align-items:center;gap:.4rem;margin:0;padding:.35rem .75rem;border-radius:999px;background:var(--accent-soft);border:1px solid rgba(59,107,255,.28);color:var(--accent-ink);font-size:.8rem;font-weight:700}.steps{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-bottom:1.05rem}.step{border-radius:999px;padding:.5rem .7rem;text-align:center;font-size:.82rem;color:var(--muted);background:#ffffff08;border:1px solid var(--line)}.step.active{color:#fff;background:linear-gradient(135deg,var(--accent),#2754e8);border-color:transparent;font-weight:700;box-shadow:0 8px 24px #3b6bff47}.stack{display:grid;gap:.9rem}.field{display:grid;gap:.42rem}.field span{font-size:.88rem;color:var(--muted)}input,select{width:100%;min-height:54px;border:1px solid var(--line);background:#070a12b8;color:var(--ink);border-radius:16px;padding:.9rem 1rem;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}input::placeholder{color:#6d7893}input:focus,select:focus{border-color:#3b6bffbf;box-shadow:0 0 0 4px #3b6bff2e;background:#0a0e18eb}.otp-input{letter-spacing:.42em;text-align:center;font-size:1.45rem;font-weight:700}.btn{min-height:54px;border:0;border-radius:16px;padding:.9rem 1.15rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;transition:transform .12s ease,opacity .15s ease,box-shadow .15s,background .15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.985)}.btn.primary{width:100%;background:linear-gradient(135deg,#4d7aff 0%,var(--accent) 45%,#254edc 100%);color:#fff;box-shadow:0 14px 32px #3b6bff52}.btn.primary:not(:disabled):hover{box-shadow:0 16px 36px #3b6bff6b}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.btn.soft{background:#ffffff0a;color:var(--ink);border:1px solid var(--line)}.row-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.chip{margin:0;width:fit-content;max-width:100%;padding:.42rem .8rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);border:1px solid rgba(59,107,255,.25);font-size:.86rem;overflow-wrap:anywhere}.error{margin:0;padding:.8rem .95rem;border-radius:14px;background:var(--danger-soft);color:var(--danger);border:1px solid rgba(255,107,138,.25);font-size:.9rem;line-height:1.65}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.35rem .15rem}.topbar .meta{min-width:0;display:grid;gap:.25rem}.topbar .meta p{margin:0;color:var(--muted);font-size:.82rem;overflow-wrap:anywhere}.topbar .btn.ghost{min-height:44px;padding-inline:.95rem;flex-shrink:0;border-radius:14px}.pay-layout{display:grid;gap:1rem}.section-title{margin:0;font-size:clamp(1.2rem,4vw,1.45rem);font-weight:800;letter-spacing:-.02em}.feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:.95rem}.feature{padding:.7rem .55rem;border-radius:14px;background:#ffffff08;border:1px solid var(--line);text-align:center}.feature strong{display:block;font-size:.82rem;margin-bottom:.2rem}.feature span{color:var(--muted);font-size:.72rem;line-height:1.5}.fee-box{display:grid;gap:.6rem;padding:1rem;border-radius:16px;background:#070a12a6;border:1px solid var(--line)}.fee-box>div{display:flex;justify-content:space-between;gap:.75rem;color:var(--muted);font-size:.92rem}.fee-box .total{margin-top:.2rem;padding-top:.7rem;border-top:1px solid var(--line);color:var(--ink);font-size:1.02rem}.fee-box .total strong{color:var(--accent-2)}.history h2{margin:0 0 .9rem;font-size:1.05rem}.txn-list{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.txn-list li{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.9rem;border-radius:16px;background:#070a128c;border:1px solid var(--line);transition:border-color .15s,background .15s}.txn-list li:hover{border-color:#3b6bff59;background:#3b6bff0f}.txn-list li>div{display:grid;gap:.25rem;min-width:0}.txn-list strong{font-size:.95rem}.txn-list .tiny{font-size:.76rem;color:var(--muted);overflow-wrap:anywhere}.badge{flex-shrink:0;font-size:.76rem;font-weight:700;padding:.32rem .65rem;border-radius:999px;background:#ffffff14;color:#c7d0e4}.badge.verified,.badge.success{background:var(--ok-soft);color:var(--ok)}.badge.failed{background:var(--danger-soft);color:var(--danger)}.badge.redirected,.badge.pending{background:var(--warn-soft);color:var(--warn)}.result-card{width:min(100%,440px);text-align:center;display:grid;gap:.85rem;justify-items:center;animation:rise .5s ease both}.result-card h1{margin:0;font-size:clamp(1.2rem,5vw,1.55rem)}.result-icon{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;font-size:1.8rem;font-weight:800}.result-card.ok .result-icon{background:var(--ok-soft);color:var(--ok);border:1px solid rgba(52,211,153,.3)}.result-card.bad .result-icon{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(255,107,138,.3)}.pay-cta{position:sticky;bottom:calc(.55rem + var(--safe-bottom));z-index:5}.spinner{width:42px;height:42px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:var(--accent);animation:spin .75s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(min-width:768px){.shell{padding:1.6rem}.card{padding:1.5rem}.pay-layout{grid-template-columns:1.12fr .88fr;align-items:start}.pay-cta{position:static}.history{grid-column:1 / -1}}@media(max-width:520px){.feature-row,.row-actions{grid-template-columns:1fr}.txn-list li{flex-direction:column}}