@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#10221d;--muted:#65736e;--green:#0b8060;--mint:#e9f8f1;--night:#10251f;--gold:#ffcb66;--line:#dfe8e3}*{box-sizing:border-box}body{margin:0;direction:rtl;font-family:Vazirmatn,Tahoma,sans-serif;color:var(--ink);background:linear-gradient(145deg,#f6fbf8,#f8f5ec);min-height:100vh}.signup-page{width:min(1080px,calc(100% - 32px));margin:auto;padding:32px 0 70px}.signup-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:44px}.signup-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.signup-brand img{width:44px;height:44px;object-fit:contain}.signup-brand b{display:block}.signup-brand small{display:block;color:var(--muted);font-size:11px}.back{color:var(--green);font-weight:700;text-decoration:none;font-size:13px}.signup-head{text-align:center;max-width:720px;margin:0 auto 34px}.signup-head .pill{display:inline-flex;padding:6px 12px;background:var(--mint);border-radius:999px;color:var(--green);font-size:12px;font-weight:800}.signup-head h1{font-size:clamp(32px,5vw,52px);line-height:1.25;margin:15px 0 10px}.signup-head p{color:var(--muted);margin:0}.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.signup-option{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 18px 55px rgba(18,50,40,.08)}.signup-option.plus{background:var(--night);color:#fff;border:0}.option-top{display:flex;align-items:center;justify-content:space-between}.option-top span{font-size:11px;font-weight:800;background:var(--mint);color:var(--green);padding:5px 9px;border-radius:999px}.plus .option-top span{background:rgba(255,203,102,.16);color:var(--gold)}.signup-option h2{font-size:25px;margin:22px 0 7px}.signup-option>p{font-size:13px;color:var(--muted);min-height:48px}.plus>p{color:#b8cbc5}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;margin:22px 0 26px;list-style:none}.benefits li{font-size:12px}.benefits li:before{content:"✓";color:var(--green);font-weight:900;margin-left:6px}.plus .benefits li:before{color:#64dfb4}.standard-button{display:flex;justify-content:center;align-items:center;min-height:51px;border-radius:14px;background:var(--green);color:#fff;text-decoration:none;font-weight:800}.activation-wrap{border-top:1px solid rgba(255,255,255,.12);padding-top:22px}.activation-wrap label{display:block;font-size:12px;margin-bottom:8px;color:#d5e1dd}.activation-row{display:flex;gap:8px}.activation-row input{width:100%;min-width:0;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.09);color:#fff;border-radius:13px;padding:12px 14px;outline:0}.activation-row input:focus{border-color:#64dfb4}.activation-row button{border:0;border-radius:13px;background:var(--gold);color:var(--ink);font-weight:900;padding:10px 18px;white-space:nowrap;cursor:pointer}.note{display:flex;gap:10px;background:rgba(255,255,255,.07);padding:12px;border-radius:12px;color:#b8cbc5;font-size:11px;margin-top:14px}.help{text-align:center;color:var(--muted);font-size:12px;margin-top:27px}.help a{color:var(--green);font-weight:800;text-decoration:none}@media(max-width:760px){.signup-page{padding-top:20px}.signup-nav{margin-bottom:28px}.signup-grid{grid-template-columns:1fr}.signup-option{padding:23px}.signup-head h1{font-size:34px}.benefits{grid-template-columns:1fr}.signup-option>p{min-height:0}.activation-row{display:block}.activation-row button{width:100%;margin-top:8px;min-height:48px}}
.signup-card.plus-flow,.alternative-signup.standard-flow{width:auto;max-width:none;margin:0;border-radius:28px;padding:30px;box-shadow:0 18px 55px rgba(18,50,40,.08)}.signup-card.plus-flow{background:var(--night);color:#fff;border:0}.standard-flow{background:#fff;border:1px solid var(--line);text-align:right}.standard-flow h2{font-size:25px;margin:22px 0 7px}.standard-flow>p,.standard-flow>small{color:var(--muted);font-size:13px}.standard-flow>small{display:block;margin-top:13px}.plus-flow .option-top{color:#fff}.plus-flow .step-indicator{margin:22px 0}.plus-flow .step-content{padding:0;background:transparent}.plus-flow .step-title{color:#fff}.plus-flow .step-description,.plus-flow .form-label{color:#c4d5cf}.plus-flow .form-input{font-family:Vazirmatn,Tahoma,sans-serif;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.2);color:#fff}.plus-flow .btn,.plus-flow .btn-secondary,.standard-flow .btn-secondary{font-family:Vazirmatn,Tahoma,sans-serif!important}.plus-flow .btn{background:var(--gold)!important;color:var(--ink)!important;box-shadow:none!important}.standard-flow .standard-button{color:#fff!important;background:var(--green)!important;border:0!important;width:100%;margin:20px 0 0}.alert{font-family:Vazirmatn,Tahoma,sans-serif}.help a{display:inline-block;direction:ltr;unicode-bidi:isolate}.membership-id-display,.legal-user-notice{font-family:Vazirmatn,Tahoma,sans-serif}@media(max-width:760px){.signup-card.plus-flow,.alternative-signup.standard-flow{padding:23px}}
.signup-card.plus-flow{background:var(--night)!important}.plus-flow .form-input{background:#fff!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;caret-color:var(--green)!important;font-family:Vazirmatn,Tahoma,sans-serif!important}.plus-flow .form-input::placeholder{color:#89958f!important;-webkit-text-fill-color:#89958f!important}.plus-flow .btn{font-family:Vazirmatn,Tahoma,sans-serif!important;font-weight:800!important}
.plus-flow .step-title{color:#fff!important;opacity:1!important;text-shadow:none!important}.plus-flow .step-description,.plus-flow .form-label{color:#c9d9d3!important;opacity:1!important}.primary-signup{border:2px solid var(--green)!important}.primary-signup .option-top span{background:var(--green);color:#fff}.reseller-signup{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:22px;padding:25px 30px;background:#fff;border:1px solid var(--line);border-radius:22px}.reseller-signup span{font-size:11px;font-weight:800;color:var(--green)}.reseller-signup h2{font-size:20px;margin:6px 0}.reseller-signup p{font-size:12px;color:var(--muted);margin:0}.reseller-signup a{flex:none;padding:12px 18px;border-radius:12px;border:1px solid var(--green);color:var(--green);font-weight:800;text-decoration:none;font-size:12px}@media(max-width:760px){.reseller-signup{display:block;padding:22px}.reseller-signup a{display:block;margin-top:16px;text-align:center}}
.signup-grid{position:relative}.signup-grid.plus-active{display:block}.signup-grid.plus-active .standard-flow{position:absolute;inset-inline-start:0;top:0;pointer-events:none;animation:standardExit .45s ease forwards}.signup-grid.plus-active .plus-flow{width:min(100%,650px);margin-inline:auto;animation:plusCenter .55s cubic-bezier(.2,.8,.2,1) forwards!important}@keyframes standardExit{to{opacity:0;transform:translateX(40px) scale(.97)}}@keyframes plusCenter{from{transform:translateX(-18%) scale(.98)}to{transform:translateX(0) scale(1)}}
@media(max-width:760px){.signup-grid,.signup-grid *{overflow-anchor:none}.signup-grid.plus-active .standard-flow{animation:standardExitMobile .35s ease forwards}.signup-grid.plus-active .plus-flow{width:100%;animation:none!important;transform:none!important}@keyframes standardExitMobile{to{opacity:0;transform:scale(.98)}}}
