:root{color:#263e3a;font-synthesis:none;--green:#174c44;--gold:#ac8146;--line:#e4dbc9;--muted:#68766e;background:#f5f0e7;font-family:Vazirmatn,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #b38a50}h1,h2,h3,p{margin-top:0}h1,h2{line-height:1.5}h1{margin-bottom:.5rem;font-size:clamp(1.7rem,3vw,2.6rem)}h2{margin-bottom:.6rem;font-size:1.5rem}h3{font-size:1.05rem}p{line-height:1.9}label{margin:.9rem 0 .4rem;font-size:.88rem;font-weight:500;display:block}input:not([type=checkbox]),textarea,select{color:#263e3a;background:#fffdf8;border:1px solid #d7ccba;border-radius:10px;width:100%;min-height:50px;padding:12px 14px}textarea{resize:vertical;min-height:150px}input:focus,textarea:focus,select:focus{outline-offset:1px;outline:2px solid #578679}input[type=checkbox]{width:19px;height:19px;accent-color:var(--green)}.muted{color:var(--muted)}.small,.hint{font-size:.82rem}.hint{color:var(--muted);line-height:1.9}.row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.between{justify-content:space-between}.btn{background:var(--green);color:#fffaf0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:18px;min-height:48px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:#256255}.btn.secondary{color:var(--green);background:#e9eee7;border-color:#d9e0d4}.btn.full{justify-content:space-between;width:100%;margin-top:24px}.text-button{color:var(--green);background:0 0;border:0;min-height:44px;padding:8px 0}.danger{color:#a44337}.eyebrow,.step-label{letter-spacing:.1em;color:var(--gold);font-size:.73rem;font-weight:600}.brand-lockup{flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-lockup img{width:51px;height:51px}.brand-lockup span{display:grid}.brand-lockup strong{font-size:1.4rem;line-height:1.6}.brand-lockup small{letter-spacing:.2em;color:#92764c;font-size:.65rem}.lang-switch{border:1px solid #cbd5c7;border-radius:30px;gap:2px;padding:3px;display:flex}.lang-switch button{color:#31534a;background:0 0;border:0;border-radius:24px;min-height:34px;padding:5px 12px;font-size:.78rem}.lang-switch .selected{background:var(--green);color:#fffaf0}.login-shell{direction:ltr;grid-template-columns:1.1fr 1fr;min-height:100svh;display:grid}.story-panel{direction:rtl;background:#dee5d8;min-height:790px;position:relative;overflow:hidden}.story-top{z-index:2;justify-content:space-between;align-items:center;gap:20px;padding:32px 42px;display:flex;position:relative}.story-copy{z-index:1;max-width:570px;padding:18px 52px 0;position:relative}.story-copy h1{white-space:pre-line;margin:16px 0;font-size:clamp(2rem,3.4vw,3.4rem);font-weight:600;line-height:1.5}.story-copy p:last-child{color:#587065;max-width:420px;font-size:.91rem}.image-caption{text-align:center;color:#365447;z-index:1;font-size:.8rem;position:absolute;bottom:26px;left:0;right:0}.login-side{direction:rtl;justify-content:center;align-items:center;padding:68px 45px;display:flex}.login-card{width:100%;max-width:420px}.login-card h2{margin:12px 0;font-size:1.8rem}.login-card>.muted{margin-bottom:24px;font-size:.92rem}.email-address{overflow-wrap:anywhere;color:var(--green);background:#e9eee7;border-radius:8px;padding:12px;font-size:.9rem}.otp-input{text-align:center;letter-spacing:.35em;font-size:1.65rem}.otp-input::placeholder{letter-spacing:.15em;font-size:1rem}.trial-note{border-top:1px solid var(--line);align-items:flex-start;gap:14px;margin-top:34px;padding-top:24px;display:flex}.trial-note img{border-radius:9px;width:34px;height:34px}.trial-note strong{font-size:.86rem}.trial-note p{color:var(--muted);margin:6px 0;font-size:.78rem}.privacy-note{color:#778175;margin:24px 0 0;font-size:.72rem}.alert{color:#795b2e;background:#eee6d5;border-radius:10px;margin:18px 0;padding:15px 18px;font-size:.88rem;line-height:1.9}.alert.error{color:#9e3f35;background:#fbebe7}.alert.success{color:#24583c;background:#e5efe6}.app-shell{max-width:1120px;margin:auto;padding:24px}.app-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:8px 0 28px;display:flex}.account-tools{align-items:center;gap:24px;display:flex}.welcome-row{justify-content:space-between;align-items:center;gap:24px;padding:35px 0 12px;display:flex}.welcome-row .eyebrow{margin-bottom:4px}.account-email{overflow-wrap:anywhere;font-size:.9rem}.membership-pill{color:#75572e;background:#eee5d3;border:1px solid #d7c19a;border-radius:40px;padding:12px 20px;font-size:.8rem}.tabs{background:#eae7dd;border-radius:12px;flex-wrap:wrap;gap:6px;margin:18px 0 26px;padding:6px;display:flex}.tabs button{color:#617066;background:0 0;border:0;border-radius:8px;min-height:46px;padding:11px 20px}.tabs .active{color:var(--green);background:#fffdf8;font-weight:600;box-shadow:0 2px 5px #463b1510}.card{border:1px solid var(--line);background:#fffdf8;border-radius:16px;margin-bottom:24px;padding:30px;box-shadow:0 8px 30px #503a0d04}.narrow{max-width:750px;margin-inline:auto}.section-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.section-heading .muted{font-size:.86rem}.empty-state{text-align:center;padding:55px 12px}.empty-state img{opacity:.8;width:68px;margin-bottom:20px}.empty-state p{color:var(--muted);font-size:.9rem}.message-list{gap:14px;display:grid}.message-card{border:1px solid var(--line);border-radius:12px;padding:20px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0}.badge{color:#785d34;white-space:nowrap;background:#eee8dc;border-radius:30px;padding:5px 12px;font-size:.72rem;display:inline-block}.badge.green{color:#2e6149;background:#e4eee5}.badge.gold{color:#86612f;background:#f1e7d2}.pager{border-top:1px solid var(--line);margin-top:20px;padding-top:12px}.device-card,.admin-user{border-top:1px solid var(--line);padding:24px 0}.device-card:first-of-type{margin-top:24px}.check{align-items:center;gap:10px;min-height:44px;font-weight:400;display:flex}.usage-number{color:var(--green);margin-top:24px;font-size:3rem}.usage-number small{color:var(--muted);font-size:1.3rem}progress{width:100%;height:9px;accent-color:var(--green);border:0;border-radius:20px;overflow:hidden}progress::-webkit-progress-bar{background:#eee7d8}progress::-webkit-progress-value{background:var(--green)}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:24px 0;display:grid}.feature-grid>div{border:1px solid var(--line);border-radius:10px;gap:12px;padding:18px;display:grid}.stats-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:24px;display:grid}.stat-card{border:1px solid var(--line);background:#fffdf8;border-radius:12px;gap:12px;padding:22px 16px;display:grid}.stat-card span{font-size:.75rem}.stat-card strong{color:var(--green);font-size:1.8rem}.user-counters{color:var(--muted);flex-wrap:wrap;gap:16px;padding:8px 0;font-size:.78rem;display:flex}.admin-user select{width:auto;max-width:100%}.plan-form{border-top:1px solid var(--line);padding-top:18px}.plan-form summary{cursor:pointer;min-height:44px;color:var(--green)}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.activity-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.activity-row strong{font-size:.9rem}.activity-row small{color:var(--muted);margin-top:5px;font-size:.76rem;display:block}footer{text-align:center;color:#8c8c7b;padding:28px 0;font-size:.72rem}html[dir=ltr] .story-panel,html[dir=ltr] .login-side{direction:ltr}@media (width>=1600px){.login-shell{max-width:1600px;margin:auto}.story-panel{border-radius:0 0 36px 36px}}@media (width<=900px){.login-shell{grid-template-columns:1fr}.story-panel{min-height:330px}.story-copy{max-width:66%;padding:0 30px 30px}.story-copy h1{margin:8px 0;font-size:1.8rem;line-height:1.45}.story-copy p:last-child{margin-bottom:0;font-size:.8rem;line-height:1.8}.story-top{padding:20px 26px}.image-caption{display:none}.login-side{padding:38px 24px 48px}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=560px){.story-panel{min-height:295px}.story-top{padding:18px}.brand-lockup img{width:42px;height:42px}.brand-lockup strong{font-size:1.2rem}.brand-lockup small{font-size:.58rem}.story-copy{max-width:76%;padding:0 20px 24px}.story-copy h1{font-size:1.55rem}.story-copy p:last-child{font-size:.73rem}.story-copy .eyebrow{font-size:.65rem}.lang-switch button{min-height:32px;padding:4px 8px}.login-card h2{font-size:1.5rem}.app-shell{padding:16px}.app-header{align-items:flex-start}.account-tools{flex-direction:column;align-items:flex-end;gap:4px}.welcome-row{flex-direction:column;align-items:flex-start;gap:8px;padding:24px 0 8px}.tabs{gap:3px}.tabs button{padding:9px 13px;font-size:.83rem}.card{padding:20px}.section-heading{flex-direction:column;margin-bottom:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:16px}.form-grid{grid-template-columns:1fr}.activity-row{flex-direction:column;align-items:flex-start;gap:4px}.otp-input{font-size:1.5rem}.brand-lockup{gap:9px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.story-panel{color:#fff9ec;background:#174c44}.story-panel:before{content:"";z-index:1;background:linear-gradient(#0e2723c2,#16241c66 46%,#16241c0a 70%,#16241c8c);position:absolute;inset:0}.caravanserai{object-fit:cover;object-position:center 65%;z-index:0;width:100%;height:100%;position:absolute;inset:0}.story-copy{z-index:2}.story-copy p:last-child{color:#f3ebdc;text-shadow:0 1px 8px #142b22}.story-panel .eyebrow,.story-panel .brand-lockup small{color:#e1c997}.story-panel .lang-switch{background:#f5f0e7e8}.image-caption{color:#fff9ec;z-index:2}@media (width<=900px){.story-copy{max-width:100%}.story-copy p:last-child{max-width:480px}.caravanserai{object-position:center 45%}}@media (width<=560px){.story-panel{min-height:325px}.story-copy{max-width:100%}.story-copy p:last-child{max-width:310px}}
