:root{--bg: #fbf9f4;--bg-alt: #f3efe3;--surface: #ffffff;--ink: #21302b;--ink-soft: #5b6b63;--border: #e7e0cf;--teal: #0f9b8e;--teal-dark: #0b7c72;--teal-tint: #e3f5f2;--coral: #ff7a5c;--coral-dark: #e85f42;--coral-tint: #ffece6;--gold: #f4b740;--gold-tint: #fef3dd;--shadow-sm: 0 1px 2px rgba(33, 48, 43, .06), 0 1px 1px rgba(33, 48, 43, .04);--shadow-md: 0 8px 24px rgba(33, 48, 43, .08);--shadow-lg: 0 20px 45px rgba(15, 155, 142, .14);--radius: 18px;--radius-sm: 12px}*{box-sizing:border-box}body{margin:0;font-family:Vazirmatn,Tahoma,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);direction:rtl;-webkit-font-smoothing:antialiased}a{color:var(--teal-dark)}h1,h2,h3{font-weight:800;letter-spacing:-.01em}p{line-height:1.85;color:var(--ink-soft)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fbf9f4e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.app-header .logo{font-size:1.4rem;font-weight:800;color:var(--teal-dark);text-decoration:none;display:flex;align-items:center;gap:.35rem}.header-right{display:flex;align-items:center;gap:.75rem}.coin-badge{background:var(--gold-tint);border:1px solid #f0d998;border-radius:999px;padding:.4rem 1rem;font-size:.9rem;font-weight:600;color:#92660c}.nav-bar{display:flex;gap:.35rem;padding:.6rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border);overflow-x:auto}.nav-link{background:none;border:none;color:var(--ink-soft);padding:.6rem 1.1rem;cursor:pointer;border-radius:999px;font-size:.9rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}.nav-link:hover{background:var(--teal-tint);color:var(--teal-dark)}.nav-link.active{color:#fff;background:var(--teal)}.app-main{flex:1;width:100%}.app-main.contained{padding:1.75rem 1rem 3rem;max-width:760px;margin:0 auto}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.panel h2{margin-top:0;color:var(--teal-dark);font-size:1.2rem}label{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem;font-size:.9rem;color:var(--ink);font-weight:600}input,textarea,select{background:var(--bg);border:1.5px solid var(--border);color:var(--ink);padding:.7rem .9rem;border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit;width:100%;transition:border-color .15s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--teal)}button,.btn{background:var(--teal);color:#fff;border:none;padding:.75rem 1.4rem;border-radius:999px;cursor:pointer;font-size:.95rem;font-weight:700;font-family:inherit;transition:background .15s,transform .1s}button:hover:not(:disabled){background:var(--teal-dark)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;border:1.5px solid var(--border);color:var(--ink)}button.ghost:hover:not(:disabled){background:var(--bg-alt);border-color:var(--ink-soft)}button.coral{background:var(--coral)}button.coral:hover:not(:disabled){background:var(--coral-dark)}button.danger{background:#d9483a}.error-text{color:#c2412f;background:var(--coral-tint);border-radius:var(--radius-sm);padding:.7rem .9rem;font-size:.88rem;margin-top:.6rem}.ok-text{color:#0b7c56;background:#e3f7ec;border-radius:var(--radius-sm);padding:.7rem .9rem;font-size:.88rem;margin-top:.6rem}.hint{color:var(--ink-soft);font-size:.87rem}hr{border:none;border-top:1px solid var(--border);margin:1.75rem 0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.85rem}.preset-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:1.1rem .9rem;cursor:pointer;text-align:center;font-weight:600;transition:border-color .15s,box-shadow .15s,transform .1s}.preset-card:hover{border-color:var(--teal);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.preset-card .price{color:var(--coral-dark);font-size:.85rem;margin-top:.5rem;font-weight:700}.result-image{max-width:100%;border-radius:var(--radius);margin-top:1.25rem;box-shadow:var(--shadow-md)}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.1rem;color:var(--ink-soft)}.tx-row{display:flex;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.tx-row .amount.positive{color:#0b7c56;font-weight:700}.tx-row .amount.negative{color:#c2412f;font-weight:700}.spinner-text{color:var(--ink-soft);font-size:.9rem}.quiz-progress{color:var(--teal-dark);font-weight:700;font-size:.85rem;margin-bottom:.75rem}.package-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6rem;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.15rem;margin-bottom:.7rem}.landing-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;max-width:1100px;margin:0 auto;width:100%}.landing-header .logo{font-size:1.5rem;font-weight:800;color:var(--teal-dark);text-decoration:none}.hero{position:relative;overflow:hidden;padding:3.5rem 1.5rem 5rem;background:radial-gradient(circle at 15% 20%,var(--teal-tint),transparent 55%),radial-gradient(circle at 85% 10%,var(--coral-tint),transparent 50%),var(--bg)}.hero-inner{max-width:1100px;margin:0 auto;text-align:center}.hero-badge{display:inline-block;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.45rem 1.1rem;font-size:.85rem;font-weight:700;color:var(--teal-dark);margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.hero h1{font-size:clamp(2.1rem,5vw,3.4rem);margin:0 0 1.1rem;line-height:1.3}.hero h1 .accent{color:var(--coral)}.hero p.lead{font-size:1.15rem;max-width:620px;margin:0 auto 2.2rem}.hero-ctas{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap}.hero-ctas .btn-lg{padding:.95rem 2rem;font-size:1.05rem}.section{padding:4rem 1.5rem;max-width:1100px;margin:0 auto}.section-head{text-align:center;max-width:620px;margin:0 auto 2.75rem}.section-head h2{font-size:clamp(1.6rem,3.5vw,2.2rem);margin-bottom:.6rem;color:var(--ink)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.feature-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}.feature-icon.teal{background:var(--teal-tint)}.feature-icon.coral{background:var(--coral-tint)}.feature-icon.gold{background:var(--gold-tint)}.feature-card h3{font-size:1.05rem;margin:0 0 .5rem;color:var(--ink)}.feature-card p{font-size:.92rem;margin:0}.steps-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;counter-reset:step}.step-card{text-align:center}.step-num{width:42px;height:42px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;margin:0 auto .9rem}.step-card h3{font-size:1rem;margin:0 0 .4rem}.step-card p{font-size:.88rem;margin:0}.cta-band{background:linear-gradient(135deg,var(--teal),var(--teal-dark));border-radius:var(--radius);padding:3rem 2rem;text-align:center;color:#fff;max-width:1100px;margin:0 auto 4rem}.cta-band h2{color:#fff;margin-bottom:.75rem}.cta-band p{color:#ffffffe6;margin-bottom:1.75rem}.cta-band button{background:#fff;color:var(--teal-dark)}.cta-band button:hover{background:var(--gold-tint)}.landing-footer{text-align:center;padding:2rem 1.5rem;color:var(--ink-soft);font-size:.85rem;border-top:1px solid var(--border)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:radial-gradient(circle at 20% 20%,var(--teal-tint),transparent 55%),radial-gradient(circle at 80% 80%,var(--coral-tint),transparent 50%),var(--bg)}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:2.25rem}.auth-card .back-link{display:inline-block;color:var(--ink-soft);text-decoration:none;font-size:.85rem;margin-bottom:1rem}.auth-tabs{display:flex;gap:.4rem;margin-bottom:1.25rem;background:var(--bg-alt);border-radius:999px;padding:.3rem}.auth-tabs button{flex:1;background:transparent;color:var(--ink-soft);border-radius:999px;padding:.55rem;font-size:.88rem}.auth-tabs button.active{background:var(--surface);color:var(--teal-dark);box-shadow:var(--shadow-sm)}.divider-row{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:var(--ink-soft);font-size:.85rem}.divider-row:before,.divider-row:after{content:"";flex:1;height:1px;background:var(--border)}@media (max-width: 640px){.app-header,.nav-bar{padding-left:1rem;padding-right:1rem}.section{padding:2.75rem 1.25rem}.cta-band{padding:2.25rem 1.25rem}}