:root{--teal: #14B8A6;--teal-dark: #0F766E;--teal-light: #CCFBF1;--teal-50: #F0FDFA;--purple: #6d28d9;--purple-dark: #5b21b6;--gold: #F59E0B;--ink: #0F172A;--gray-700: #374151;--gray-500: #6B7280;--gray-300: #D1D5DB;--gray-200: #E5E7EB;--gray-100: #F3F4F6;--gray-50: #F9FAFB;--bg: #F6F8FB;--white: #FFFFFF;--green: #059669;--green-light: #D1FAE5;--red: #DC2626;--red-light: #FEE2E2;--amber: #D97706;--amber-light: #FEF3C7;--blue: #2563EB;--blue-light: #DBEAFE;--shadow-sm: 0 1px 2px rgba(15,40,82,.06);--shadow: 0 4px 20px rgba(15,40,82,.08);--shadow-lg: 0 20px 50px rgba(15,40,82,.14);--radius: 12px;--radius-lg: 18px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.55;color:var(--ink);background:var(--bg);direction:rtl;-webkit-font-smoothing:antialiased}a{color:var(--teal-dark);text-decoration:none}a:hover{color:var(--teal)}h1{font-size:1.7rem;font-weight:800;letter-spacing:-.02em}h2{font-size:1.3rem;font-weight:700}h3{font-size:1.08rem;font-weight:700}.muted{color:var(--gray-500)}.wordmark{font-weight:800;font-size:1.4rem;letter-spacing:-.03em}.wordmark .a{color:var(--teal)}.wordmark .p{color:var(--ink)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:440px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px;border:1px solid var(--gray-100)}.auth-card .brand{text-align:center;margin-bottom:20px}.auth-card h1{text-align:center;margin-bottom:6px}.auth-card .sub{text-align:center;color:var(--gray-500);margin-bottom:22px;font-size:14px}.topbar{background:var(--white);border-bottom:1px solid var(--gray-100);padding:14px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.container{max-width:720px;margin:0 auto;padding:24px 20px 60px}.stack>*+*{margin-top:18px}.card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm)}.card.hero{background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;border:none}.card.hero h2,.card.hero h3{color:#fff}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.big-number{font-size:2.4rem;font-weight:800;letter-spacing:-.03em;line-height:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 20px;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .12s;font-family:inherit;width:auto}.btn-primary{background:var(--purple);color:#fff}.btn-primary:hover{background:var(--purple-dark)}.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover{background:var(--teal-dark)}.btn-ghost{background:transparent;border-color:var(--gray-300);color:var(--gray-700)}.btn-ghost:hover{border-color:var(--teal);color:var(--teal-dark)}.btn-danger-ghost{background:transparent;border-color:var(--red);color:var(--red)}.btn-danger-ghost:hover{background:var(--red-light)}.btn-block{width:100%}.btn-lg{padding:14px 26px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed}.linkbtn{background:none;border:none;color:var(--teal-dark);font:inherit;cursor:pointer;padding:0}.linkbtn:hover{color:var(--teal);text-decoration:underline}label{display:block;font-weight:600;font-size:13px;color:var(--gray-700);margin-bottom:6px}input,select{width:100%;padding:11px 13px;border:1px solid var(--gray-300);border-radius:var(--radius);font-family:inherit;font-size:15px;background:var(--white);color:var(--ink);transition:border-color .12s,box-shadow .12s}input:focus,select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #14b8a61f}.field{margin-bottom:15px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{color:var(--gray-500);font-size:12px;margin-top:5px}.checkbox-row{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--gray-700)}.checkbox-row input{width:auto;margin-top:3px}.plans{display:grid;gap:10px;margin-bottom:8px}.plan{border:2px solid var(--gray-200);border-radius:var(--radius);padding:14px 16px;cursor:pointer;transition:all .12s;display:flex;justify-content:space-between;align-items:center}.plan:hover{border-color:var(--teal-light)}.plan.selected{border-color:var(--teal);background:var(--teal-50)}.plan .price{font-weight:800}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.mode{border:2px solid var(--gray-200);border-radius:var(--radius);padding:12px;text-align:center;cursor:pointer;transition:all .12s}.mode.selected{border-color:var(--purple);background:#f5f3ff}.mode .m-amt{font-weight:800;font-size:1.05rem}.mode .m-lbl{font-size:12px;color:var(--gray-500)}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:700}.pill-green{background:var(--green-light);color:var(--green)}.pill-amber{background:var(--amber-light);color:var(--amber)}.pill-red{background:var(--red-light);color:var(--red)}.pill-blue{background:var(--blue-light);color:var(--blue)}.pill-gray{background:var(--gray-100);color:var(--gray-500)}.row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--gray-100)}.row:last-child{border-bottom:none}.row .r-main{font-weight:600}.row .r-sub{font-size:12px;color:var(--gray-500)}.kv{display:flex;justify-content:space-between;padding:7px 0;font-size:14px}.kv .k{color:var(--gray-500)}.kv .v{font-weight:600}.alert{padding:12px 14px;border-radius:var(--radius);font-size:14px;margin-bottom:14px}.alert-err{background:var(--red-light);color:#991b1b}.alert-ok{background:var(--green-light);color:#065f46}.alert-info{background:var(--blue-light);color:#1e40af}.steps{display:flex;gap:8px;margin-bottom:20px;justify-content:center}.step-dot{width:9px;height:9px;border-radius:50%;background:var(--gray-300)}.step-dot.active{background:var(--teal);width:26px;border-radius:999px}.center{text-align:center}.spinner{width:34px;height:34px;border:3px solid var(--gray-200);border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite;margin:30px auto}@keyframes spin{to{transform:rotate(360deg)}}.og-errors{color:var(--red);font-size:13px;margin-top:8px;min-height:1px}.loading-full{min-height:100vh;display:grid;place-items:center}@media(max-width:480px){.field-row,.mode-toggle{grid-template-columns:1fr}.auth-card{padding:24px}}
