@font-face{font-family:'IRANSans';src:local('IRANSans'),local('IRANSansWeb'),url('fonts/IRANSansWeb.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:swap;}
:root{
  --bg:#f6f8fc;
  --surface:#ffffff;
  --surface-2:#f8fbff;
  --text:#0f1728;
  --muted:#5f6b7a;
  --line:#dbe3ef;
  --primary:#0b57d0;
  --primary-soft:#e8f0fe;
  --success:#137333;
  --error:#b3261e;
  --radius:24px;
  --shadow:0 6px 20px rgba(16,24,40,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:'IRANSans',Tahoma,Arial,sans-serif}
body{min-height:100vh;font-size:16px;line-height:1.7}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
.app-shell{max-width:480px;min-height:100vh;margin:0 auto;background:var(--surface);box-shadow:0 0 0 1px rgba(11,87,208,.06)}
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;min-height:72px}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:42px;height:42px;border-radius:14px;background:#123a63;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px}
.brand b{display:block;font-size:20px;line-height:1.2}
.brand small{display:block;color:#6b7280;font-size:13px;line-height:1.2}
.top-actions{display:flex;align-items:center;gap:8px}
.mini-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid var(--line);background:#f7fbff;border-radius:999px;color:#28435f;font-weight:600;font-size:14px}
.content{padding:16px 16px 122px}
.hero{background:linear-gradient(180deg,#edf4ff 0%,#f8fbff 100%);border:1px solid #d8e5fb;border-radius:28px;padding:20px;box-shadow:var(--shadow);margin-bottom:16px}
.eyebrow{margin:0 0 8px;color:var(--primary);font-size:13px;font-weight:700}
.hero h1,.page-title h1,.detail-head h1,.auth-card h1,.admin-head h1,.admin-form h1,.install-card h1{margin:0 0 8px;font-size:28px;line-height:1.35}
.hero-text,.page-title p,.hint,.result-count,.detail-block p,.example span,.chips span,.auth-card p{color:var(--muted);margin:0}
.search-box{display:flex;gap:10px;align-items:center;margin-top:16px}
.search-box input{flex:1;height:52px;border-radius:18px;border:1px solid var(--line);padding:0 16px;background:#fff;outline:none}
.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(11,87,208,.12)}
.search-box button,.primary-btn,.danger-btn,.ghost-btn{min-height:52px;border-radius:18px;padding:0 18px;border:none;font-weight:700}
.search-box button,.primary-btn{background:var(--primary);color:#fff;box-shadow:0 4px 14px rgba(11,87,208,.22)}
.primary-btn.outline,.ghost-btn{background:#fff;color:var(--primary);border:1px solid #c7d7f6;box-shadow:none}
.danger-btn{background:#fff0ef;color:var(--error);border:1px solid #f3c2bf}
.sticky-search{position:sticky;top:84px;z-index:35;background:linear-gradient(180deg,#fff 75%,rgba(255,255,255,0));padding-bottom:12px}
.quick-grid,.category-grid,.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quick-card,.category-card,.path-card,.lesson-card,.card,.auth-card,.detail-block,.example,.quiz-box,.admin-card,.admin-form,.install-card,.empty-state{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
.quick-card{padding:16px;min-height:118px;display:flex;flex-direction:column;justify-content:space-between}
.quick-card b{display:block;font-size:18px;margin-bottom:6px}
.quick-card span{color:var(--muted);font-size:14px;line-height:1.6}
.section-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px}
.section-head h2,.sub-title{font-size:20px;margin:0}
.section-head a{color:var(--primary);font-weight:700;font-size:14px}
.term-list,.path-list,.lesson-list,.admin-table{display:grid;gap:12px}
.term-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:var(--shadow)}
.term-card.with-thumb{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center}
.thumb{width:72px;height:72px;border-radius:18px;overflow:hidden;background:#f2f6fb;border:1px solid #e2e9f2}
.thumb img{width:100%;height:100%;object-fit:cover}
.term-card strong{display:block;font-size:20px;line-height:1.35;color:#102a43}
.term-card span{display:block;color:#3f5166;font-weight:600;font-size:15px;margin-top:2px}
.term-card p{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.7}
.term-card em{position:absolute;top:12px;left:12px;background:#f1f6fd;color:#355070;border-radius:999px;padding:4px 10px;font-style:normal;font-size:12px;font-weight:700}
.page-title{margin-bottom:12px}
.result-count{margin:8px 0 14px;font-weight:700;color:#355070}
.empty-state{padding:20px;text-align:center}
.empty-state b{display:block;font-size:18px;margin-bottom:6px}
.term-page{display:grid;gap:14px}
.term-hero{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}
.term-hero-image{aspect-ratio:4/3;background:#eef4fb}
.term-hero-image img{width:100%;height:100%;object-fit:cover}
.term-hero-body{padding:16px 16px 18px}
.term-hero h1{font-size:31px;margin:0 0 4px;line-height:1.25;color:#12304b}
.term-hero h2{font-size:22px;margin:0;color:#1f4f7f;line-height:1.5}
.term-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.level-badge,.pron-chip{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;background:#eef4ff;color:#25456a;border:1px solid #d9e4f7;font-weight:700;font-size:14px}
.detail-block{padding:16px 18px}
.detail-block h3{margin:0 0 8px;font-size:18px}
.detail-block p{font-size:17px;line-height:1.9}
.example{padding:16px 18px;background:#102f4a;color:#fff}
.example b{display:block;font-size:22px;line-height:1.6;margin-bottom:8px}
.example span{display:block;color:#eff6ff;font-size:18px;line-height:1.8}
.chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:#fff;border:1px dashed #d2dce7;border-radius:22px;padding:14px}
.chips span{width:100%;color:#516274;font-weight:700;font-size:14px}
.chips em{font-style:normal;background:#f2f7fc;border-radius:999px;padding:8px 12px;color:#29445f;font-size:14px}
.term-actions-fixed{position:fixed;left:50%;transform:translateX(-50%);bottom:76px;width:min(448px,calc(100vw - 24px));z-index:60;display:grid;grid-template-columns:1fr 1fr;gap:10px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);padding:10px;border-radius:24px;border:1px solid var(--line);box-shadow:0 12px 30px rgba(16,24,40,.14)}
.term-actions-fixed form{margin:0}
.term-actions-fixed .primary-btn,.term-actions-fixed .ghost-btn{width:100%;min-height:54px}
.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(480px,100vw);display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:70}
.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;border-radius:18px;color:#5f6b7a;font-size:12px;font-weight:700}
.bottom-nav a .nav-icon{font-size:18px;line-height:1}
.bottom-nav a.active{background:var(--primary-soft);color:var(--primary)}
.auth-card,.install-card,.admin-form,.admin-card,.card{padding:18px}
.auth-card form,.admin-form form{display:grid;gap:12px}
.auth-card label,.admin-form label{display:grid;gap:6px;font-weight:700;color:#24364b}
.auth-card input,.admin-form input,.admin-form textarea,.admin-form select{min-height:52px;border:1px solid var(--line);border-radius:16px;padding:12px 14px;background:#fff}
.admin-form textarea{min-height:120px;resize:vertical}
.check-group{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:18px;max-height:260px;overflow:auto;background:#fbfdff}
.check-group label{display:flex;align-items:center;gap:8px;font-weight:500}
.admin-grid{display:grid;gap:12px}
.admin-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.admin-card b,.admin-row b{display:block;font-size:16px}
.admin-card span,.admin-row span,.path-meta,.hint.warning{color:var(--muted)}
.admin-row{display:flex;align-items:center;justify-content:space-between;padding:14px;background:#fff;border:1px solid var(--line);border-radius:18px}
.path-card,.lesson-card,.category-card{padding:16px}
.path-card b,.lesson-card b,.category-card b{display:block;font-size:18px;margin-bottom:6px}
.lesson-card.done{border-color:#b7e1cd;background:#f1fff7}
.stats-grid div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;text-align:center;box-shadow:var(--shadow)}
.stats-grid b{display:block;font-size:28px;color:#123a63}
.stats-grid span{display:block;color:var(--muted);font-size:14px}
.progress-ring{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--primary) 0deg, var(--primary) 220deg, #e4ebf5 220deg);color:#fff;font-weight:800;box-shadow:var(--shadow)}
.toast{margin:10px 16px 0;padding:14px 16px;border-radius:18px;font-weight:700}
.toast.success{background:#eaf6ed;color:#146c2e}
.toast.error{background:#fdecec;color:#b3261e}
.show-static{margin-top:12px}
.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:700;margin-bottom:10px}
.save-form{margin-top:14px}
.media-preview-admin img{width:100%;max-height:220px;object-fit:cover;border-radius:18px;border:1px solid var(--line)}
.install-wrap{max-width:480px;margin:0 auto;padding:24px 16px}
.install-card code{display:block;white-space:pre-wrap;background:#f5f8ff;border:1px solid var(--line);padding:12px;border-radius:16px;margin-top:10px}
@media (max-width:380px){
  .quick-grid,.category-grid,.stats-grid{grid-template-columns:1fr}
  .search-box{flex-direction:column}
  .search-box button{width:100%}
  .term-actions-fixed{grid-template-columns:1fr}
}

/* Phase 5 UX improvements */
.popular-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}
.popular-chips span{width:100%;font-size:13px;color:var(--muted);font-weight:700}
.popular-chips a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid #d6e2f2;color:#28435f;font-weight:700;font-size:14px}
.nav-icon svg{width:22px;height:22px;fill:currentColor;display:block}
.bottom-nav a.active .nav-icon{transform:translateY(-1px)}
.meaning-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow)}
.meaning-card h3{margin:0 0 8px;font-size:19px}
.meaning-card p{margin:0;font-size:18px;line-height:2;color:#223142}
.example-simple{background:#0f2f4a;color:#fff;border-radius:24px;padding:18px;box-shadow:var(--shadow)}
.example-simple small{display:block;color:#bbd7ef;font-weight:700;margin-bottom:6px}
.example-simple b{display:block;font-size:22px;line-height:1.6;margin-bottom:8px}
.example-simple span{display:block;font-size:18px;line-height:1.8;color:#eef7ff}
.more-detail{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}
.more-detail summary{list-style:none;cursor:pointer;padding:16px 18px;font-weight:800;color:#123a63}
.more-detail summary::-webkit-details-marker{display:none}
.more-detail summary:after{content:'+';float:left;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-soft);color:var(--primary)}
.more-detail[open] summary:after{content:'−'}
.more-detail-body{display:grid;gap:12px;padding:0 14px 14px}
.upload-box{background:#f8fbff;border:1px dashed #c8d8ea;border-radius:18px;padding:14px;display:grid;gap:8px}
.upload-box b{font-size:15px;color:#102a43}
.upload-box p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.upload-box input[type=file]{border:0;background:#fff;border-radius:14px;padding:12px}
.btn-icon{font-size:12px;margin-left:4px}
.simple-term .term-hero{margin-bottom:0}
@media (max-width:380px){.popular-chips a{font-size:13px}.meaning-card p,.example-simple span{font-size:16px}}

/* Phase 6 - Daily review / flashcards */
.review-title p{font-size:15px}.review-stats{margin-bottom:14px}.flashcard{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:12px}.flash-image{aspect-ratio:4/3;background:#eef4fb}.flash-image img{width:100%;height:100%;object-fit:cover}.flash-body{padding:18px;display:grid;gap:14px}.flash-body h2{margin:0;font-size:38px;line-height:1.2;color:#12304b;text-align:left;direction:ltr}.flash-answer{border:1px solid var(--line);border-radius:20px;background:#f8fbff;overflow:hidden}.flash-answer summary{cursor:pointer;list-style:none;padding:15px 16px;font-weight:800;color:#0b57d0}.flash-answer summary::-webkit-details-marker{display:none}.flash-answer summary:after{content:'نمایش';float:left;background:#e8f0fe;color:#0b57d0;border-radius:999px;padding:2px 10px;font-size:12px}.flash-answer[open] summary:after{content:'باز شد'}.flash-answer h3{font-size:24px;margin:0;padding:0 16px 4px;color:#0f2a3d}.flash-answer p{padding:0 16px 16px;margin:0;color:#24364b;line-height:1.9;font-size:17px}.flash-example{margin:0 16px 16px;padding:14px;border-radius:18px;background:#0f2f4a;color:#fff}.flash-example b{display:block;font-size:18px;direction:ltr;text-align:left}.flash-example span{display:block;margin-top:6px;color:#eff6ff}.review-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;position:sticky;bottom:80px;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:22px;padding:10px;box-shadow:0 12px 30px rgba(16,24,40,.12);margin-bottom:12px}.review-btn{min-height:56px;border-radius:16px;border:0;font-weight:900;color:#fff}.review-btn.forgot{background:#b3261e}.review-btn.hard{background:#f29900;color:#1b1b1b}.review-btn.known{background:#137333}.review-rule{font-size:13px;margin-bottom:20px}.review-empty{display:grid;gap:10px}.review-empty a{display:flex;align-items:center;justify-content:center}.hard-terms{margin-top:20px}@media(max-width:380px){.review-actions{grid-template-columns:1fr}.flash-body h2{font-size:31px}}

/* Phase 7 sentence reader */
.sentence-form{display:grid;gap:12px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:var(--shadow)}
.sentence-form label{display:grid;gap:8px;font-weight:800;color:#102a43}
.sentence-form textarea{width:100%;border:1px solid var(--line);border-radius:18px;padding:14px;resize:vertical;min-height:130px;direction:ltr;text-align:left;font-family:Arial, sans-serif;font-size:16px;line-height:1.7}
.sentence-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(11,87,208,.12)}
.sentence-samples a{direction:ltr;text-align:left;font-family:Arial, sans-serif}
.sentence-result{display:grid;gap:14px;margin-top:16px}
.sentence-result h2{margin:0;font-size:22px}
.sentence-original{direction:ltr;text-align:left;background:#0f2f4a;color:#fff;border-radius:20px;padding:16px;font-family:Arial, sans-serif;font-size:18px;line-height:1.7;box-shadow:var(--shadow)}
.pattern-box{background:#eaf6ed;border:1px solid #b7e1cd;border-radius:22px;padding:16px;color:#123a24;display:grid;gap:10px}
.pattern-box>b{font-size:18px}
.pattern-item{display:grid;gap:4px;background:#fff;border:1px solid #d2ebdc;border-radius:16px;padding:12px}
.pattern-item strong{font-size:16px}
.pattern-item span{color:#355343;line-height:1.8}
.sentence-term-list{display:grid;gap:10px}
.sentence-term{display:grid;gap:4px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:var(--shadow)}
.sentence-term strong{direction:ltr;text-align:left;font-size:22px;color:#123a63}
.sentence-term span{font-size:17px;font-weight:800;color:#223142}
.sentence-term small{color:var(--muted);font-size:13px}

/* Phase 8 DTC improvements */
.dtc-list{display:grid;gap:12px;margin-top:14px}
.dtc-card strong{letter-spacing:.5px;color:#0b57d0}
.dtc-detail{display:grid;gap:14px}
.dtc-hero{background:linear-gradient(180deg,#e8f0fe 0%,#fff 100%);border:1px solid #d7e4fb;border-radius:28px;padding:20px;box-shadow:var(--shadow)}
.dtc-hero h1{direction:ltr;text-align:left;margin:0;font-size:42px;line-height:1.1;color:#0b57d0;font-family:Arial,sans-serif}
.dtc-hero h2{direction:ltr;text-align:left;margin:10px 0 0;font-size:21px;line-height:1.45;color:#102a43;font-family:Arial,sans-serif}
.dtc-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.dtc-meta span{background:#fff;border:1px solid #d7e4fb;color:#29445f;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}
.dtc-keywords{display:grid;gap:10px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:var(--shadow)}
.dtc-keywords h3,.search-suggestions h3{margin:0;font-size:19px}
.dtc-keyword{display:grid;gap:4px;background:#f8fbff;border:1px solid #dce7ef;border-radius:18px;padding:14px}
.dtc-keyword strong{direction:ltr;text-align:left;color:#0b57d0;font-family:Arial,sans-serif;font-size:18px}
.dtc-keyword b{font-size:16px;color:#102a43}
.dtc-keyword span{color:var(--muted);font-size:14px;line-height:1.8}
.search-suggestions{display:flex;flex-wrap:wrap;gap:8px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:var(--shadow)}
.search-suggestions h3,.search-suggestions p{width:100%}
.search-suggestions p{margin:0;color:var(--muted);font-size:14px}
.copy-chip{border:1px solid #d6e2f2;background:#f8fbff;color:#123a63;border-radius:999px;padding:10px 12px;font-weight:800;font-family:Arial,sans-serif;direction:ltr;text-align:left}
.dtc-chips a{direction:ltr;font-family:Arial,sans-serif}

/* Phase 9 subscription and access */
.premium-lock{display:grid;gap:12px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px 18px;box-shadow:var(--shadow)}
.premium-lock .lock-icon{width:72px;height:72px;border-radius:24px;margin:0 auto;background:#fff3cd;display:flex;align-items:center;justify-content:center;font-size:34px}
.premium-lock h2{margin:0;font-size:24px}
.premium-lock p{margin:0;color:var(--muted);line-height:1.9}
.plan-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:20px;box-shadow:var(--shadow);margin-bottom:14px}
.plan-card.premium{border-color:#aac7ff;background:linear-gradient(180deg,#eef5ff,#fff)}
.plan-card b{display:block;font-size:24px;color:#123a63;margin-bottom:4px}
.plan-card span{display:block;color:var(--muted);font-weight:700;margin-bottom:12px}
.plan-card ul{margin:0;padding:0 20px 0 0;color:#26384c;line-height:2}
.plan-status{display:grid;gap:8px;background:#eaf2ff;border:1px solid #c8dbff;border-radius:22px;padding:16px;margin-bottom:14px}
.plan-status b{color:#0b57d0;font-size:18px}
.plan-status span{color:#3a4a5f}
.plan-status a{color:#0b57d0;font-weight:800}
.users-table{gap:14px}
.user-row{display:grid;gap:12px;align-items:stretch}
.user-row .user-main{display:grid;gap:3px}
.user-row .user-main small{color:var(--muted)}
.user-row label{display:grid;gap:6px;font-weight:800;color:#223142}
.user-row select,.user-row input{min-height:46px;border:1px solid var(--line);border-radius:14px;padding:8px 10px;background:#fff}
@media (min-width:700px){.user-row{grid-template-columns:1.4fr .9fr .9fr .9fr auto}}

/* Phase 10 subscription requests */
.subscription-form{background:#fff;border:1px solid var(--line);border-radius:26px;padding:18px;box-shadow:var(--shadow);display:grid;gap:12px;margin:14px 0}
.subscription-form h2,.request-list h2{margin:0;font-size:22px}
.subscription-form p{margin:0;color:var(--muted);line-height:1.8}
.subscription-form form{display:grid;gap:12px}
.subscription-form label,.request-admin-card label{display:grid;gap:6px;font-weight:800;color:#223142}
.subscription-form input,.subscription-form select,.request-admin-card textarea{min-height:52px;border:1px solid var(--line);border-radius:16px;padding:12px 14px;background:#fff}
.request-list{display:grid;gap:10px;margin-top:14px}
.request-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:var(--shadow);display:grid;gap:4px}
.request-card b{font-size:17px}
.request-card span{font-weight:800}
.request-card small{color:var(--muted)}
.request-card.wait{border-color:#f3d48b;background:#fffaf0}
.request-card.ok{border-color:#b7e1cd;background:#f1fff7}
.request-card.bad{border-color:#f1b8b3;background:#fff5f4}
.filter-tabs{display:flex;gap:8px;overflow:auto;margin:0 0 14px;padding-bottom:4px}
.filter-tabs a{white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:#28435f;font-weight:800}
.request-admin-list{display:grid;gap:14px}
.request-admin-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:var(--shadow);display:grid;gap:10px}
.request-admin-card.wait{border-right:5px solid #f9ab00}
.request-admin-card.ok{border-right:5px solid #137333}
.request-admin-card.bad{border-right:5px solid #b3261e}
.request-admin-card b{font-size:18px;color:#102a43}
.request-admin-card span{color:var(--muted)}
.request-admin-card p{margin:0;color:#32445a;line-height:1.8}
.request-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:380px){.request-actions{grid-template-columns:1fr}}

/* Phase 11 onboarding and personalization */
.smart-start,.onboarding-card,.profile-edit{background:#fff;border:1px solid var(--line);border-radius:26px;padding:18px;box-shadow:var(--shadow);margin:14px 0;display:grid;gap:10px}
.smart-start.incomplete{background:#fff8e8;border-color:#f3d48b}
.smart-start b{font-size:20px;color:#123a63}
.smart-start span{color:var(--muted);line-height:1.8}
.onboarding-card h1{font-size:28px;margin:0}
.onboarding-card p,.profile-edit p{margin:0;color:var(--muted);line-height:1.8}
.onboarding-card form,.profile-edit form{display:grid;gap:12px;margin-top:8px}
.onboarding-card label,.profile-edit label{display:grid;gap:6px;font-weight:800;color:#223142}
.onboarding-card input,.onboarding-card select,.profile-edit input,.profile-edit select{min-height:52px;border:1px solid var(--line);border-radius:16px;padding:12px 14px;background:#fff}
.onboarding-card input:focus,.onboarding-card select:focus,.profile-edit input:focus,.profile-edit select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(11,87,208,.12)}
.profile-edit h2{margin:0;font-size:22px}

/* Phase 12: professional app start */
.guest-body{height:100dvh;overflow:hidden;background:#071927;color:#fff}
.guest-screen{position:relative;width:min(480px,100vw);height:100dvh;margin:0 auto;overflow:hidden;background:radial-gradient(circle at 20% 10%,#1f70ff 0,#0b57d0 24%,#071927 68%)}
.guest-bg span{position:absolute;border-radius:999px;filter:blur(4px);opacity:.22}
.guest-bg span:nth-child(1){width:220px;height:220px;background:#8ec5ff;top:-70px;right:-70px}
.guest-bg span:nth-child(2){width:160px;height:160px;background:#40e0d0;bottom:140px;left:-70px}
.guest-bg span:nth-child(3){width:90px;height:90px;background:#ffd166;top:210px;left:32px}
.guest-top{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 18px calc(8px + env(safe-area-inset-top))}
.guest-logo{display:flex;align-items:center;gap:10px}
.guest-logo span{width:40px;height:40px;border-radius:14px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-weight:900;border:1px solid rgba(255,255,255,.25)}
.guest-logo b{font-size:19px}
.guest-top a{min-height:42px;padding:0 15px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;font-weight:800}
.splash-slider{position:absolute;inset:76px 0 138px;z-index:5}
.splash-slide{position:absolute;inset:0;display:grid;grid-template-rows:1fr auto;align-items:center;padding:0 24px 10px;opacity:0;transform:translateX(-22px) scale(.98);transition:.45s ease;pointer-events:none}
.splash-slide.active{opacity:1;transform:none;pointer-events:auto}
.splash-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:330px}
.phone-mock{width:210px;height:300px;border-radius:38px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);box-shadow:0 24px 60px rgba(0,0,0,.28);padding:18px;backdrop-filter:blur(12px);display:grid;align-content:center;gap:14px;transform:rotate(-4deg)}
.phone-head{width:74px;height:8px;border-radius:99px;background:rgba(255,255,255,.3);margin:0 auto 10px}
.word-card-mini{background:#fff;color:#09233a;border-radius:24px;padding:18px;box-shadow:0 12px 24px rgba(0,0,0,.18)}
.word-card-mini b{display:block;direction:ltr;text-align:left;font-size:27px;line-height:1.2}
.word-card-mini small{display:block;color:#52677e;margin-top:8px;font-weight:700}
.mini-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mini-row span{direction:ltr;text-align:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:12px 8px;font-weight:800}
.gear-orbit i{position:absolute;width:54px;height:54px;border-radius:18px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22)}
.gear-orbit i:nth-child(1){right:42px;top:28px}
.gear-orbit i:nth-child(2){left:46px;top:92px;width:38px;height:38px}
.gear-orbit i:nth-child(3){right:68px;bottom:38px;width:34px;height:34px}
.splash-copy{text-align:center;display:grid;gap:10px}
.splash-copy p{margin:0;color:#a9c7ff;font-weight:900;letter-spacing:.2px}
.splash-copy h1{margin:0;font-size:30px;line-height:1.35;color:#fff}
.splash-copy span{display:block;color:#dce8ff;line-height:1.9;font-size:16px}
.splash-dots{position:absolute;left:0;right:0;bottom:112px;z-index:20;display:flex;align-items:center;justify-content:center;gap:8px}
.splash-dots button{width:8px;height:8px;border-radius:999px;border:0;background:rgba(255,255,255,.35);padding:0;transition:.25s}
.splash-dots button.active{width:28px;background:#fff}
.guest-actions{position:absolute;left:18px;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:20;display:grid;grid-template-columns:1.2fr .8fr;gap:10px}
.guest-actions .primary-btn,.guest-actions .ghost-btn{display:flex;align-items:center;justify-content:center;min-height:58px;border-radius:20px}
.guest-actions .primary-btn{background:#fff;color:#0b57d0;box-shadow:0 18px 34px rgba(0,0,0,.25)}
.guest-actions .ghost-btn{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.28)}
.dashboard-hero{background:linear-gradient(180deg,#123a63,#0b57d0);color:#fff;border-radius:30px;padding:22px;box-shadow:var(--shadow);margin-bottom:14px}
.dashboard-hero .eyebrow{color:#cde0ff}
.dashboard-hero h1{font-size:28px;margin:0 0 8px}
.dashboard-hero p{margin:0;color:#eaf2ff;line-height:1.9}
.today-card{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:18px;box-shadow:var(--shadow);margin-bottom:14px}
.today-card b{display:block;font-size:34px;color:#0b57d0;line-height:1}
.today-card span{color:var(--muted);font-weight:800}
.dashboard-search{margin:0 0 14px}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dash-tile{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow);min-height:118px;display:flex;flex-direction:column;justify-content:space-between}
.dash-tile b{font-size:20px;color:#102a43}
.dash-tile span{color:var(--muted);font-size:14px;line-height:1.7}
.drawer-btn{width:44px;height:44px;border-radius:16px;border:1px solid var(--line);background:#fff;color:#123a63;font-size:22px;font-weight:900}
.drawer-overlay{position:fixed;inset:0;background:rgba(7,25,39,.45);z-index:80;opacity:0;pointer-events:none;transition:.25s}
.side-drawer{position:fixed;top:0;bottom:0;right:0;width:min(330px,84vw);background:#fff;z-index:90;transform:translateX(105%);transition:.28s ease;box-shadow:-22px 0 50px rgba(0,0,0,.18);padding:18px}
.drawer-open .drawer-overlay{opacity:1;pointer-events:auto}
.drawer-open .side-drawer{transform:none}
.drawer-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:14px}
.drawer-head b{display:block;color:#102a43}
.drawer-head small{color:var(--muted)}
.drawer-head button{width:38px;height:38px;border:0;border-radius:14px;background:#f1f5f9;font-size:24px;color:#102a43}
.drawer-nav{display:grid;gap:8px}
.drawer-nav a{padding:14px 12px;border-radius:16px;color:#26384c;font-weight:800;background:#f8fbff;border:1px solid #edf2f7}
.clean-start{text-align:center}
.clean-start label{text-align:right}
.onboarding-card label small{font-weight:700;color:var(--muted);font-size:12px}
@media (max-height:690px){
  .splash-slider{inset:68px 0 126px}
  .splash-art{min-height:260px}
  .phone-mock{width:180px;height:245px}
  .splash-copy h1{font-size:25px}
  .splash-copy span{font-size:14px}
}
@media (max-width:380px){
  .guest-actions{grid-template-columns:1fr}
  .splash-dots{bottom:144px}
  .dashboard-grid{grid-template-columns:1fr}
}

/* Phase 13: reference-style mobile onboarding + IRANSansDN */
@font-face{font-family:'IRANSansDN';src:url('https://mahyapardaz.com/iransansdnweb.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.app-intro-body,.mobile-auth-body{margin:0;height:100dvh;overflow:hidden;background:#fff;font-family:'IRANSansDN','IRANSans',Tahoma,Arial,sans-serif;color:#060b14}
.app-intro{width:min(480px,100vw);height:100dvh;margin:0 auto;background:#fff;display:flex;flex-direction:column;overflow:hidden}
.intro-media{position:relative;flex:0 0 54%;min-height:0;background:#0b57d0;overflow:hidden}
.intro-media-slide{position:absolute;inset:0;opacity:0;transform:translateX(-18px) scale(.99);transition:.42s ease}
.intro-media-slide.active{opacity:1;transform:none}
.intro-media-slide svg{width:100%;height:100%;display:block;object-fit:cover}
.intro-panel{flex:1;background:#fff;border-radius:32px 32px 0 0;margin-top:-26px;position:relative;z-index:2;padding:22px 32px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;text-align:center}
.intro-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}
.intro-logo span{width:42px;height:42px;border-radius:15px;background:#0b57d0;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;box-shadow:0 10px 22px rgba(11,87,208,.22)}
.intro-logo b{font-size:22px;color:#0b1628}
.intro-copy{position:relative;width:100%;min-height:142px}
.intro-copy-slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(12px);transition:.35s ease}
.intro-copy-slide.active{opacity:1;transform:none}
.intro-copy h1{margin:0 0 12px;font-size:31px;line-height:1.35;font-weight:900;letter-spacing:-.5px;color:#05070b}
.intro-copy p{margin:0;color:#252b36;font-size:17px;line-height:1.9;font-weight:600}
.intro-dots{display:flex;align-items:center;justify-content:center;gap:10px;margin:6px 0 24px}
.intro-dots button{width:11px;height:11px;border-radius:999px;border:0;background:#c8c8c8;padding:0;transition:.25s}
.intro-dots button.active{width:32px;background:#0b57d0}
.intro-actions{width:100%;display:grid;gap:12px;margin-top:auto}
.intro-primary,.intro-secondary{min-height:60px;border-radius:22px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:20px;font-weight:900;border:0;text-decoration:none}
.intro-primary{background:#0b57d0;color:#fff;box-shadow:0 8px 0 #073e98,0 18px 30px rgba(11,87,208,.22)}
.intro-secondary{background:#fff;color:#0b57d0;border:2px solid #d8e4ff}
.mobile-auth-screen{width:min(480px,100vw);height:100dvh;margin:0 auto;background:linear-gradient(180deg,#f5f9ff 0,#fff 48%);display:flex;flex-direction:column;padding:18px 24px calc(24px + env(safe-area-inset-bottom));box-sizing:border-box}
.auth-back{align-self:flex-start;color:#0b57d0;font-weight:900;text-decoration:none;min-height:44px;display:flex;align-items:center}
.mobile-auth-card{margin:auto 0;background:#fff;border:1px solid #e3ebf8;border-radius:32px;padding:28px 22px;box-shadow:0 24px 60px rgba(11,87,208,.12);display:grid;gap:16px;text-align:center}
.mobile-auth-card h1{font-size:30px;line-height:1.35;margin:0;font-weight:900;color:#05070b}
.mobile-auth-card p{margin:0;color:#3f4b5c;line-height:1.9;font-weight:700}
.mobile-auth-card form{display:grid;gap:14px;text-align:right}
.mobile-auth-card label{display:grid;gap:8px;color:#0b1628;font-weight:900}
.mobile-auth-card input{height:60px;border-radius:20px;border:1px solid #d6e2f2;background:#f8fbff;padding:0 16px;font-size:20px;font-weight:900;text-align:left}
.mobile-auth-card input:focus{outline:none;border-color:#0b57d0;box-shadow:0 0 0 4px rgba(11,87,208,.12)}
.mobile-auth-card small{display:block;color:#7a8494;line-height:1.8;font-weight:700}
@media (max-height:720px){
  .intro-media{flex-basis:48%}
  .intro-panel{padding-top:16px}
  .intro-logo{margin-bottom:4px}
  .intro-copy{min-height:126px}
  .intro-copy h1{font-size:26px;margin-bottom:8px}
  .intro-copy p{font-size:15px;line-height:1.75}
  .intro-dots{margin:2px 0 16px}
  .intro-primary,.intro-secondary{min-height:54px;font-size:18px}
}
@media (max-height:620px){
  .intro-media{flex-basis:42%}
  .intro-copy{min-height:108px}
  .intro-copy h1{font-size:23px}
  .intro-copy p{font-size:14px}
  .intro-actions{gap:8px}
}


/* Phase 14: Google-style polished onboarding, local IRANSans only */
@font-face{
  font-family:'IRANSans';
  src:url('fonts/IRANSansWeb.woff2') format('woff2'),
      url('fonts/IRANSansDNWeb.woff2') format('woff2'),
      url('fonts/iransansdnweb.woff2') format('woff2');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
html,body,button,input,textarea,select,a{font-family:'IRANSans',Tahoma,Arial,sans-serif!important}
.brand-logo-img{width:42px;height:42px;border-radius:14px;display:block;object-fit:contain}
.app-intro-body,.mobile-auth-body{margin:0;height:100dvh;overflow:hidden;background:#fff;color:#101828;font-family:'IRANSans',Tahoma,Arial,sans-serif!important}
.app-intro{width:min(480px,100vw);height:100dvh;margin:0 auto;background:#fff;display:flex;flex-direction:column;overflow:hidden}
.intro-media{position:relative;flex:0 0 55%;min-height:0;background:#eef5ff;overflow:hidden}
.intro-media-slide{position:absolute;inset:0;opacity:0;transform:translateX(-18px);transition:opacity .32s ease,transform .32s ease}
.intro-media-slide.active{opacity:1;transform:none}
.intro-media-slide img{width:100%;height:100%;object-fit:cover;display:block}
.intro-panel{flex:1;background:#fff;border-radius:30px 30px 0 0;margin-top:-24px;position:relative;z-index:2;padding:20px 28px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 -8px 28px rgba(16,24,40,.06)}
.intro-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}
.intro-logo img{width:44px;height:44px;display:block}
.intro-logo span{display:none}
.intro-logo b{font-size:21px;color:#101828;font-weight:900;letter-spacing:-.2px}
.intro-copy{position:relative;width:100%;min-height:138px}
.intro-copy-slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);transition:opacity .26s ease,transform .26s ease}
.intro-copy-slide.active{opacity:1;transform:none}
.intro-copy h1{margin:0 0 10px;font-size:28px;line-height:1.38;font-weight:900;letter-spacing:-.5px;color:#101828}
.intro-copy p{margin:0;color:#475467;font-size:16px;line-height:1.9;font-weight:600;max-width:360px}
.intro-dots{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 0 22px}
.intro-dots button{width:8px;height:8px;border-radius:999px;border:0;background:#D0D5DD;padding:0;transition:.2s}
.intro-dots button.active{width:24px;background:#0B57D0}
.intro-actions{width:100%;margin-top:auto}
.intro-auth-actions{display:grid;gap:10px;width:100%}
.intro-primary,.intro-secondary{min-height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:17px;font-weight:900;border:0;text-decoration:none;box-shadow:none}
.intro-primary{background:#0B57D0;color:#fff}
.intro-primary:active{background:#0842A0}
.intro-secondary{background:#F8FAFC;color:#0B57D0;border:1px solid #D0DDF5}
.intro-actions>[data-onboard-next]{width:100%}
.mobile-auth-screen{width:min(480px,100vw);height:100dvh;margin:0 auto;background:linear-gradient(180deg,#F5F8FF 0,#fff 54%);display:flex;flex-direction:column;padding:18px 22px calc(22px + env(safe-area-inset-bottom));box-sizing:border-box}
.auth-back{align-self:flex-start;color:#0B57D0;font-weight:900;text-decoration:none;min-height:44px;display:flex;align-items:center}
.mobile-auth-card{margin:auto 0;background:#fff;border:1px solid #EAECF0;border-radius:28px;padding:24px 20px;box-shadow:0 18px 44px rgba(16,24,40,.10);display:grid;gap:14px;text-align:center}
.mobile-auth-card h1{font-size:27px;line-height:1.4;margin:0;font-weight:900;color:#101828;letter-spacing:-.3px}
.mobile-auth-card p{margin:0;color:#475467;line-height:1.85;font-weight:700}
.mobile-auth-card form{display:grid;gap:12px;text-align:right}
.mobile-auth-card label{display:grid;gap:7px;color:#101828;font-weight:900}
.mobile-auth-card input{height:54px;border-radius:16px;border:1px solid #D0D5DD;background:#fff;padding:0 14px;font-size:17px;font-weight:800;text-align:left;outline:none}
.mobile-auth-card input:focus{border-color:#0B57D0;box-shadow:0 0 0 4px rgba(11,87,208,.10)}
.mobile-auth-card small{display:block;color:#667085;line-height:1.8;font-weight:700}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#F2F4F7;border-radius:16px;padding:5px}
.auth-tabs a{min-height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#667085;font-weight:900}
.auth-tabs a.active{background:#fff;color:#0B57D0;box-shadow:0 1px 3px rgba(16,24,40,.10)}
.mobile-auth-card .intro-primary{width:100%;height:54px}
@media (max-height:730px){
  .intro-media{flex-basis:49%}
  .intro-panel{padding-top:15px}
  .intro-logo{margin-bottom:3px}
  .intro-copy{min-height:120px}
  .intro-copy h1{font-size:24px;margin-bottom:7px}
  .intro-copy p{font-size:14.5px;line-height:1.75}
  .intro-dots{margin:2px 0 14px}
  .intro-primary,.intro-secondary{min-height:50px;font-size:16px;border-radius:15px}
}
@media (max-height:620px){
  .intro-media{flex-basis:43%}
  .intro-copy{min-height:105px}
  .intro-copy h1{font-size:22px}
  .intro-copy p{font-size:13.5px}
}

/* Phase 15: fixed onboarding states, unified logo, no-scroll auth */
:root{--autolex-blue:#0B57D0;--autolex-navy:#0B2A4A;--autolex-text:#101828;--autolex-muted:#667085;}
.app-intro-body,.mobile-auth-body{height:100svh;max-height:100svh;overflow:hidden;background:#fff;font-family:'IRANSans',Tahoma,Arial,sans-serif!important;overscroll-behavior:none;touch-action:pan-y;color:var(--autolex-text)}
.app-intro{height:100svh;max-height:100svh;overflow:hidden;touch-action:pan-y}
.intro-media{flex:0 0 54%;background:#F5F8FF;overflow:hidden}
.intro-media-slide img{width:100%;height:100%;object-fit:cover;display:block}
.intro-panel{flex:1;min-height:0;padding:18px 28px calc(18px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;box-shadow:0 -10px 30px rgba(16,24,40,.06)}
.intro-logo{margin-bottom:6px;gap:9px}
.intro-logo img{width:40px;height:40px;border-radius:12px;object-fit:contain;display:block}
.intro-logo b{font-size:20px;font-weight:900;color:var(--autolex-text)}
.intro-copy{min-height:132px}
.intro-copy h1{font-size:27px;line-height:1.38;margin-bottom:9px;font-weight:900;color:var(--autolex-text)}
.intro-copy p{font-size:15.5px;line-height:1.85;color:#475467;font-weight:650;max-width:360px}
.intro-dots{margin:2px 0 18px;gap:8px}
.intro-dots button{width:8px;height:8px;background:#D0D5DD}
.intro-dots button.active{width:24px;background:var(--autolex-blue)}
.intro-actions{width:100%;margin-top:auto;display:block}
.intro-actions>button.intro-primary{width:100%}
.intro-auth-actions{width:100%;display:block!important}
.intro-auth-actions[hidden],.intro-actions>button[hidden]{display:none!important}
.intro-primary,.intro-secondary{min-height:52px;border-radius:14px;font-size:16px;font-weight:900;box-shadow:none;letter-spacing:0}
.intro-primary{background:var(--autolex-blue);color:#fff;border:1px solid var(--autolex-blue)}
.intro-secondary{background:#fff;color:var(--autolex-blue);border:1px solid #D0DDF5}
.mobile-auth-screen{height:100svh;max-height:100svh;overflow:hidden;padding:14px 22px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#F7FAFF 0%,#fff 48%)}
.auth-back{min-height:40px;font-size:14px;color:var(--autolex-blue)}
.mobile-auth-card{margin:auto 0;padding:22px 20px;border-radius:26px;gap:12px;box-shadow:0 16px 42px rgba(16,24,40,.09);border-color:#EAECF0;max-height:calc(100svh - 86px);overflow:hidden}
.mobile-auth-card .intro-logo{margin-bottom:0}
.mobile-auth-card .intro-logo img{width:42px;height:42px}
.mobile-auth-card h1{font-size:25px;line-height:1.35;margin:0}
.mobile-auth-card p{font-size:14.5px;line-height:1.75;margin:0;color:#475467}
.mobile-auth-card form{gap:10px}
.mobile-auth-card label{gap:6px;font-size:14.5px;color:var(--autolex-text)}
.mobile-auth-card input{height:50px;border-radius:14px;font-size:16px;font-weight:800;background:#fff}
.mobile-auth-card .intro-primary{height:50px;min-height:50px;border-radius:14px;font-size:16px}
.mobile-auth-card small{font-size:12.5px;line-height:1.65;color:#667085}
.auth-tabs{padding:4px;border-radius:14px;gap:4px}
.auth-tabs a{min-height:38px;border-radius:11px;font-size:14px}
.brand-logo-img{background:#fff;border-radius:12px;object-fit:cover}
@media (max-height:720px){
  .intro-media{flex-basis:48%}
  .intro-panel{padding-top:14px}
  .intro-logo img{width:36px;height:36px}.intro-logo b{font-size:18px}
  .intro-copy{min-height:112px}.intro-copy h1{font-size:23px}.intro-copy p{font-size:14px;line-height:1.7}
  .intro-dots{margin:0 0 12px}.intro-primary,.intro-secondary{min-height:48px}
  .mobile-auth-card{padding:18px 18px;gap:10px}.mobile-auth-card h1{font-size:23px}.mobile-auth-card p{font-size:13.5px}.mobile-auth-card input,.mobile-auth-card .intro-primary{height:47px;min-height:47px}
}
@media (max-height:620px){
  .intro-media{flex-basis:42%}.intro-copy{min-height:98px}.intro-copy h1{font-size:21px}.intro-copy p{font-size:13px}.intro-logo{display:none}.intro-dots{margin-bottom:8px}
  .mobile-auth-card small{display:none}.mobile-auth-card{max-height:calc(100svh - 60px)}
}

/* Phase 16: polished onboarding visual rhythm */
.app-intro-body,.mobile-auth-body{height:100dvh;overflow:hidden;background:#f4f7fb!important;font-family:'IRANSans',Tahoma,Arial,sans-serif!important;color:#101828}
.app-intro{width:min(430px,100vw)!important;height:100dvh!important;margin:0 auto!important;background:#fff!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;box-shadow:0 0 0 1px rgba(16,24,40,.06)!important}
.intro-media{position:relative!important;flex:0 0 48%!important;min-height:250px!important;background:#eef5ff!important;overflow:hidden!important}
.intro-media-slide{position:absolute!important;inset:0!important;opacity:0!important;transform:translateX(-14px) scale(.995)!important;transition:opacity .28s ease,transform .28s ease!important}
.intro-media-slide.active{opacity:1!important;transform:none!important}
.intro-media-slide img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.intro-panel{flex:1!important;background:#fff!important;border-radius:28px 28px 0 0!important;margin-top:-22px!important;position:relative!important;z-index:2!important;padding:16px 28px calc(18px + env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;box-shadow:0 -8px 24px rgba(16,24,40,.055)!important;min-height:0!important}
.intro-logo{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0 0 8px!important;min-height:34px!important}
.intro-logo img{width:30px!important;height:30px!important;object-fit:contain!important;display:block!important;filter:none!important}
.intro-logo b{font-size:18px!important;line-height:1!important;font-weight:900!important;color:#101828!important;letter-spacing:-.2px!important}
.intro-copy{position:relative!important;width:100%!important;min-height:126px!important;flex:0 0 126px!important}
.intro-copy-slide{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;opacity:0!important;transform:translateY(8px)!important;transition:opacity .22s ease,transform .22s ease!important}
.intro-copy-slide.active{opacity:1!important;transform:none!important}
.intro-copy h1{margin:0 0 10px!important;font-size:24px!important;line-height:1.45!important;font-weight:900!important;color:#101828!important;letter-spacing:-.45px!important;max-width:360px!important}
.intro-copy p{margin:0!important;color:#475467!important;font-size:14.5px!important;line-height:1.95!important;font-weight:650!important;max-width:340px!important}
.intro-dots{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:2px 0 18px!important}
.intro-dots button{width:8px!important;height:8px!important;border-radius:999px!important;border:0!important;background:#D0D5DD!important;padding:0!important;transition:.2s!important}
.intro-dots button.active{width:24px!important;background:#0B57D0!important}
.intro-actions{width:100%!important;margin-top:0!important;display:block!important}
.intro-auth-actions{display:grid!important;gap:10px!important;width:100%!important}
.intro-auth-actions[hidden]{display:none!important}
.intro-primary,.intro-secondary{min-height:50px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-size:16px!important;font-weight:900!important;border:0!important;text-decoration:none!important;box-shadow:none!important;letter-spacing:-.1px!important}
.intro-primary{background:#0B57D0!important;color:#fff!important}
.intro-primary:active{background:#0842A0!important;transform:translateY(1px)!important}
.intro-secondary{background:#F8FAFC!important;color:#0B57D0!important;border:1px solid #D0DDF5!important}
.intro-actions>[data-onboard-next]{width:100%!important}

/* Minimal auth screen - no swipe here */
.mobile-auth-screen{width:min(430px,100vw)!important;height:100dvh!important;margin:0 auto!important;background:linear-gradient(180deg,#F6FAFF 0,#fff 55%)!important;display:flex!important;flex-direction:column!important;padding:14px 20px calc(18px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;overflow:hidden!important}
.auth-back{align-self:flex-start!important;color:#0B57D0!important;font-weight:900!important;text-decoration:none!important;min-height:40px!important;display:flex!important;align-items:center!important;font-size:14px!important}
.mobile-auth-card{margin:auto 0!important;background:#fff!important;border:1px solid #EAECF0!important;border-radius:24px!important;padding:20px 18px!important;box-shadow:0 18px 44px rgba(16,24,40,.10)!important;display:grid!important;gap:12px!important;text-align:center!important;max-height:calc(100dvh - 72px)!important;overflow:hidden!important}
.mobile-auth-card .intro-logo{margin-bottom:0!important}
.mobile-auth-card .intro-logo img{width:36px!important;height:36px!important}
.mobile-auth-card h1{font-size:24px!important;line-height:1.45!important;margin:0!important;font-weight:900!important;color:#101828!important;letter-spacing:-.35px!important}
.mobile-auth-card p{margin:0!important;color:#475467!important;line-height:1.85!important;font-size:14px!important;font-weight:700!important}
.mobile-auth-card form{display:grid!important;gap:10px!important;text-align:right!important}
.mobile-auth-card label{display:grid!important;gap:6px!important;color:#101828!important;font-size:14px!important;font-weight:900!important}
.mobile-auth-card input{height:50px!important;border-radius:14px!important;border:1px solid #D0D5DD!important;background:#fff!important;padding:0 14px!important;font-size:16px!important;font-weight:800!important;text-align:left!important;outline:none!important}
.mobile-auth-card input:focus{border-color:#0B57D0!important;box-shadow:0 0 0 4px rgba(11,87,208,.10)!important}
.auth-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;background:#F2F4F7!important;border-radius:14px!important;padding:4px!important}
.auth-tabs a{min-height:38px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;color:#667085!important;font-size:14px!important;font-weight:900!important}
.auth-tabs a.active{background:#fff!important;color:#0B57D0!important;box-shadow:0 1px 3px rgba(16,24,40,.10)!important}
.mobile-auth-card .intro-primary{width:100%!important;height:50px!important;min-height:50px!important}
.mobile-auth-card small{display:block!important;color:#667085!important;line-height:1.7!important;font-size:12px!important;font-weight:700!important}

@media (min-width:700px){.app-intro,.mobile-auth-screen{width:430px!important}}
@media (max-height:730px){
  .intro-media{flex-basis:44%!important;min-height:218px!important}
  .intro-panel{padding-top:12px!important;padding-bottom:calc(14px + env(safe-area-inset-bottom))!important}
  .intro-logo{margin-bottom:3px!important;min-height:30px!important}
  .intro-logo img{width:26px!important;height:26px!important}
  .intro-logo b{font-size:16px!important}
  .intro-copy{min-height:108px!important;flex-basis:108px!important}
  .intro-copy h1{font-size:21px!important;margin-bottom:6px!important}
  .intro-copy p{font-size:13px!important;line-height:1.75!important}
  .intro-dots{margin:2px 0 12px!important}
  .intro-primary,.intro-secondary{min-height:46px!important;font-size:15px!important;border-radius:13px!important}
}
@media (max-height:620px){
  .intro-media{flex-basis:39%!important;min-height:190px!important}
  .intro-copy{min-height:94px!important;flex-basis:94px!important}
  .intro-copy h1{font-size:19px!important}
  .intro-copy p{font-size:12.5px!important;line-height:1.65!important}
  .mobile-auth-card{padding:16px 16px!important;gap:9px!important}
  .mobile-auth-card h1{font-size:21px!important}
  .mobile-auth-card p{font-size:12.5px!important;line-height:1.65!important}
}


/* Phase 17: onboarding/auth final fixes */
.app-intro-body{background:#F3F6FA!important;overflow:hidden!important}
.app-intro{width:min(430px,100vw)!important;height:100dvh!important;margin:0 auto!important;background:#fff!important;border-left:1px solid #E5EAF1!important;border-right:1px solid #E5EAF1!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.intro-media{position:relative!important;flex:0 0 46%!important;min-height:255px!important;max-height:380px!important;background:#EEF5FF!important;overflow:hidden!important}
.intro-media-slide{position:absolute!important;inset:0!important;opacity:0!important;transform:translateX(-10px)!important;transition:opacity .28s ease,transform .28s ease!important}
.intro-media-slide.active{opacity:1!important;transform:none!important}
.intro-media-slide img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.intro-panel{flex:1!important;margin-top:-22px!important;border-radius:26px 26px 0 0!important;background:#fff!important;position:relative!important;z-index:2!important;box-shadow:0 -10px 28px rgba(16,24,40,.055)!important;padding:17px 28px calc(18px + env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;min-height:0!important}
.intro-logo{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0 0 8px!important;min-height:32px!important}
.intro-logo img{width:28px!important;height:28px!important;object-fit:contain!important;display:block!important}
.intro-logo b{font-size:16px!important;font-weight:900!important;color:#101828!important;letter-spacing:-.2px!important;line-height:1!important}
.intro-copy{position:relative!important;width:100%!important;min-height:116px!important;flex:0 0 116px!important;margin-top:0!important}
.intro-copy-slide{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;opacity:0!important;transform:translateY(8px)!important;transition:opacity .24s ease,transform .24s ease!important}
.intro-copy-slide.active{opacity:1!important;transform:none!important}
.intro-copy h1{margin:0 0 8px!important;font-size:22px!important;line-height:1.45!important;font-weight:900!important;color:#101828!important;letter-spacing:-.45px!important}
.intro-copy p{margin:0 auto!important;color:#475467!important;font-size:13.5px!important;line-height:1.9!important;font-weight:700!important;max-width:330px!important}
.intro-dots{display:flex!important;direction:ltr!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin:4px 0 0!important;min-height:24px!important}
.intro-dots button{width:8px!important;height:8px!important;border-radius:999px!important;border:0!important;background:#D0D5DD!important;padding:0!important;transition:.2s!important}
.intro-dots button.active{width:24px!important;background:#0B57D0!important}
.intro-actions{width:100%!important;margin-top:auto!important;display:block!important;padding-top:12px!important}
.intro-auth-actions{display:grid!important;gap:10px!important;width:100%!important}
.intro-auth-actions[hidden],.intro-primary[hidden]{display:none!important}
.intro-primary,.intro-secondary{min-height:52px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-size:16px!important;font-weight:900!important;border:0!important;text-decoration:none!important;box-shadow:none!important;letter-spacing:-.1px!important}
.intro-primary{background:#0B57D0!important;color:#fff!important}
.intro-primary:active{background:#0842A0!important;transform:translateY(1px)!important}
.intro-secondary{background:#F8FAFC!important;color:#0B57D0!important;border:1px solid #D0DDF5!important}
.intro-actions>[data-onboard-next]{width:100%!important}
.mobile-auth-body{overflow:hidden!important;background:#F3F6FA!important}
.mobile-auth-screen{width:min(430px,100vw)!important;height:100dvh!important;margin:0 auto!important;background:linear-gradient(180deg,#F7FAFF 0,#fff 56%)!important;border-left:1px solid #E5EAF1!important;border-right:1px solid #E5EAF1!important;display:flex!important;flex-direction:column!important;padding:14px 20px calc(16px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;overflow:hidden!important}
.auth-back{align-self:flex-start!important;color:#0B57D0!important;font-weight:900!important;text-decoration:none!important;min-height:38px!important;display:flex!important;align-items:center!important;font-size:13.5px!important}
.mobile-auth-card{margin:auto 0!important;background:#fff!important;border:1px solid #EAECF0!important;border-radius:24px!important;padding:18px 18px!important;box-shadow:0 18px 44px rgba(16,24,40,.10)!important;display:grid!important;gap:10px!important;text-align:center!important;max-height:calc(100dvh - 66px)!important;overflow:hidden!important}
.mobile-auth-card .intro-logo{margin:0!important}
.mobile-auth-card .intro-logo img{width:34px!important;height:34px!important}
.mobile-auth-card h1{font-size:22px!important;line-height:1.45!important;margin:0!important;font-weight:900!important;color:#101828!important;letter-spacing:-.35px!important}
.mobile-auth-card p{margin:0!important;color:#475467!important;line-height:1.8!important;font-size:13px!important;font-weight:700!important}
.mobile-auth-card form{display:grid!important;gap:9px!important;text-align:right!important}
.mobile-auth-card label{display:grid!important;gap:5px!important;color:#101828!important;font-size:13.5px!important;font-weight:900!important}
.mobile-auth-card input{height:48px!important;border-radius:14px!important;border:1px solid #D0D5DD!important;background:#fff!important;padding:0 14px!important;font-size:15px!important;font-weight:800!important;text-align:left!important;outline:none!important}
.mobile-auth-card input:focus{border-color:#0B57D0!important;box-shadow:0 0 0 4px rgba(11,87,208,.10)!important}
.auth-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;background:#F2F4F7!important;border-radius:14px!important;padding:4px!important}
.auth-tabs a{min-height:36px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;color:#667085!important;font-size:13.5px!important;font-weight:900!important}
.auth-tabs a.active{background:#fff!important;color:#0B57D0!important;box-shadow:0 1px 3px rgba(16,24,40,.10)!important}
.mobile-auth-card .intro-primary{width:100%!important;height:48px!important;min-height:48px!important}
.mobile-auth-card small{display:block!important;color:#667085!important;line-height:1.65!important;font-size:11.5px!important;font-weight:700!important}
@media (min-width:700px){.app-intro,.mobile-auth-screen{width:430px!important}}
@media (max-height:720px){
  .intro-media{flex-basis:42%!important;min-height:210px!important}
  .intro-panel{padding-top:13px!important;padding-bottom:calc(14px + env(safe-area-inset-bottom))!important}
  .intro-logo{margin-bottom:3px!important;min-height:28px!important}
  .intro-logo img{width:24px!important;height:24px!important}
  .intro-logo b{font-size:15px!important}
  .intro-copy{min-height:96px!important;flex-basis:96px!important}
  .intro-copy h1{font-size:20px!important;margin-bottom:5px!important}
  .intro-copy p{font-size:12.5px!important;line-height:1.72!important}
  .intro-dots{min-height:20px!important;margin-top:2px!important}
  .intro-primary,.intro-secondary{min-height:46px!important;font-size:15px!important;border-radius:13px!important}
  .intro-actions{padding-top:8px!important}
}
@media (max-height:620px){
  .intro-media{flex-basis:37%!important;min-height:178px!important}
  .intro-copy{min-height:86px!important;flex-basis:86px!important}
  .intro-copy h1{font-size:18.5px!important}
  .intro-copy p{font-size:12px!important;line-height:1.6!important}
  .mobile-auth-card{padding:14px 16px!important;gap:8px!important}
  .mobile-auth-card h1{font-size:20px!important}
  .mobile-auth-card p{font-size:12px!important;line-height:1.6!important}
}

/* Phase 18: onboarding spacing + bigger visual area + business-only start form */
.app-intro-body{background:#F3F6FA!important;overflow:hidden!important}
.app-intro{width:min(430px,100vw)!important;height:100dvh!important;background:#fff!important;overflow:hidden!important;border-left:1px solid #E5EAF1!important;border-right:1px solid #E5EAF1!important;display:flex!important;flex-direction:column!important}
.intro-media{position:relative!important;flex:0 0 58%!important;min-height:350px!important;max-height:none!important;background:#EEF5FF!important;overflow:hidden!important}
.intro-media-slide img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.intro-panel{flex:1!important;margin-top:-28px!important;border-radius:28px 28px 0 0!important;background:#fff!important;position:relative!important;z-index:2!important;box-shadow:0 -10px 28px rgba(16,24,40,.055)!important;padding:16px 28px calc(18px + env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;min-height:0!important}
.intro-logo{margin:0 0 10px!important;gap:8px!important;min-height:30px!important}
.intro-logo img{width:30px!important;height:30px!important;object-fit:contain!important}
.intro-logo b{font-size:15px!important;font-weight:900!important;color:#101828!important}
.intro-copy{position:relative!important;width:100%!important;min-height:96px!important;flex:0 0 96px!important}
.intro-copy-slide{justify-content:flex-start!important;padding-top:2px!important}
.intro-copy h1{font-size:22px!important;line-height:1.55!important;margin:0 0 6px!important;font-weight:900!important;color:#101828!important;letter-spacing:-.25px!important}
.intro-copy p{font-size:13px!important;line-height:1.85!important;margin:0 auto!important;color:#475467!important;font-weight:650!important;max-width:330px!important}
.intro-dots{display:flex!important;direction:ltr!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin-top:auto!important;margin-bottom:22px!important;min-height:16px!important}
.intro-dots button{width:8px!important;height:8px!important;border-radius:999px!important;border:0!important;background:#D0D5DD!important;padding:0!important;transition:.2s!important}
.intro-dots button.active{width:24px!important;background:#0B57D0!important}
.intro-actions{width:100%!important;margin:0!important;padding:0!important;display:block!important}
.intro-primary,.intro-secondary{min-height:52px!important;height:52px!important;border-radius:14px!important;font-size:15px!important;font-weight:900!important;box-shadow:none!important}
.intro-primary{background:#0B57D0!important;color:#fff!important}
.intro-secondary{background:#F8FAFC!important;color:#0B57D0!important;border:1px solid #D0DDF5!important}
.intro-auth-actions{display:grid!important;gap:10px!important;width:100%!important}
.intro-auth-actions[hidden],.intro-primary[hidden]{display:none!important}
.onboarding-card.clean-start{max-width:430px!important;margin:18px auto!important;border-radius:24px!important;padding:22px 18px!important;box-shadow:0 18px 44px rgba(16,24,40,.08)!important}
.onboarding-card.clean-start form{gap:14px!important}
.onboarding-card.clean-start label{font-size:14px!important;text-align:right!important}
.onboarding-card.clean-start input{height:52px!important;border-radius:14px!important}
@media (max-height:720px){
  .intro-media{flex-basis:55%!important;min-height:318px!important}
  .intro-panel{padding-top:13px!important;padding-bottom:calc(14px + env(safe-area-inset-bottom))!important}
  .intro-logo{margin-bottom:6px!important}
  .intro-copy{min-height:86px!important;flex-basis:86px!important}
  .intro-copy h1{font-size:20px!important;line-height:1.45!important}
  .intro-copy p{font-size:12px!important;line-height:1.75!important}
  .intro-dots{margin-bottom:16px!important}
  .intro-primary,.intro-secondary{height:48px!important;min-height:48px!important}
}
@media (max-height:620px){
  .intro-media{flex-basis:50%!important;min-height:250px!important}
  .intro-copy{min-height:76px!important;flex-basis:76px!important}
  .intro-copy h1{font-size:18px!important}
  .intro-copy p{font-size:11.5px!important}
  .intro-dots{margin-bottom:10px!important}
}


/* Phase 19: balanced onboarding copy + professional spacing */
.app-intro-body{background:#F3F6FA!important;overflow:hidden!important}
.app-intro{width:min(430px,100vw)!important;height:100svh!important;max-height:100svh!important;background:#fff!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-left:1px solid #E5EAF1!important;border-right:1px solid #E5EAF1!important}
.intro-media{position:relative!important;flex:0 0 58%!important;min-height:348px!important;background:#EEF5FF!important;overflow:hidden!important}
.intro-media-slide{position:absolute!important;inset:0!important;opacity:0!important;transform:translateX(-10px)!important;transition:opacity .28s ease,transform .28s ease!important}
.intro-media-slide.active{opacity:1!important;transform:none!important}
.intro-media-slide img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.intro-panel{flex:1!important;min-height:0!important;margin-top:-28px!important;border-radius:28px 28px 0 0!important;background:#fff!important;position:relative!important;z-index:2!important;box-shadow:0 -10px 26px rgba(16,24,40,.055)!important;padding:16px 28px calc(16px + env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}
.intro-logo{flex:0 0 auto!important;min-height:30px!important;margin:0 0 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
.intro-logo img{width:30px!important;height:30px!important;object-fit:contain!important;display:block!important}
.intro-logo b{font-size:15px!important;line-height:1!important;font-weight:900!important;color:#101828!important}
.intro-copy{position:relative!important;width:100%!important;flex:1 1 auto!important;min-height:0!important;margin:0!important}
.intro-copy-slide{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;opacity:0!important;transform:translateY(8px)!important;transition:opacity .24s ease,transform .24s ease!important}
.intro-copy-slide.active{opacity:1!important;transform:none!important}
.intro-copy h1{margin:0 0 9px!important;font-size:22px!important;line-height:1.48!important;font-weight:900!important;color:#101828!important;letter-spacing:-.25px!important;max-width:360px!important}
.intro-copy p{margin:0 auto!important;color:#475467!important;font-size:13.2px!important;line-height:1.9!important;font-weight:700!important;max-width:350px!important}
.intro-points{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex-wrap:wrap!important;margin-top:12px!important;direction:rtl!important}
.intro-points span{height:28px!important;padding:0 10px!important;border-radius:999px!important;background:#F4F7FB!important;color:#344054!important;border:1px solid #E6ECF5!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:11.5px!important;font-weight:900!important;white-space:nowrap!important}
.intro-bottom{flex:0 0 auto!important;width:100%!important;display:grid!important;gap:14px!important;margin-top:10px!important}
.intro-dots{display:flex!important;direction:ltr!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin:0!important;min-height:16px!important}
.intro-dots button{width:8px!important;height:8px!important;border-radius:999px!important;border:0!important;background:#D0D5DD!important;padding:0!important;transition:.2s!important}
.intro-dots button.active{width:24px!important;background:#0B57D0!important}
.intro-actions{width:100%!important;margin:0!important;padding:0!important;display:block!important}
.intro-actions>button.intro-primary{width:100%!important}
.intro-auth-actions{display:grid!important;width:100%!important;gap:10px!important}
.intro-auth-actions[hidden],.intro-primary[hidden]{display:none!important}
.intro-primary,.intro-secondary{height:52px!important;min-height:52px!important;border-radius:14px!important;font-size:15px!important;font-weight:900!important;box-shadow:none!important;letter-spacing:0!important}
.intro-primary{background:#0B57D0!important;color:#fff!important;border:1px solid #0B57D0!important}
.intro-secondary{background:#F8FAFC!important;color:#0B57D0!important;border:1px solid #D0DDF5!important}
.mobile-auth-screen{height:100svh!important;max-height:100svh!important;overflow:hidden!important;padding:14px 22px calc(18px + env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,#F7FAFF 0%,#fff 48%)!important}
.mobile-auth-card{margin:auto 0!important;border-radius:24px!important;padding:20px 18px!important;gap:12px!important;box-shadow:0 16px 44px rgba(16,24,40,.09)!important;max-height:calc(100svh - 60px)!important;overflow:hidden!important}
.mobile-auth-card h1{font-size:24px!important;line-height:1.42!important}
.mobile-auth-card p{font-size:13px!important;line-height:1.8!important}
.mobile-auth-card input{height:52px!important;border-radius:14px!important;font-size:16px!important}
.mobile-auth-card .intro-primary{height:52px!important;min-height:52px!important}
.onboarding-card.clean-start{max-width:430px!important;margin:18px auto!important;border-radius:24px!important;padding:22px 18px!important;box-shadow:0 18px 44px rgba(16,24,40,.08)!important}
.onboarding-card.clean-start h1{font-size:24px!important;line-height:1.45!important}
.onboarding-card.clean-start p{font-size:13px!important;line-height:1.9!important}
.onboarding-card.clean-start form{gap:14px!important}
.onboarding-card.clean-start label{font-size:14px!important;text-align:right!important}
.onboarding-card.clean-start input{height:52px!important;border-radius:14px!important}
@media (min-width:700px){.app-intro,.mobile-auth-screen{width:430px!important}}
@media (max-height:740px){
  .intro-media{flex-basis:56%!important;min-height:320px!important}
  .intro-panel{padding-top:13px!important;padding-bottom:calc(14px + env(safe-area-inset-bottom))!important}
  .intro-logo{margin-bottom:5px!important;min-height:28px!important}
  .intro-logo img{width:27px!important;height:27px!important}.intro-logo b{font-size:14px!important}
  .intro-copy h1{font-size:20px!important;margin-bottom:6px!important;line-height:1.42!important}
  .intro-copy p{font-size:12.4px!important;line-height:1.72!important;max-width:340px!important}
  .intro-points{margin-top:8px!important;gap:5px!important}.intro-points span{height:24px!important;font-size:10.8px!important;padding:0 8px!important}
  .intro-bottom{gap:10px!important;margin-top:6px!important}
  .intro-primary,.intro-secondary{height:48px!important;min-height:48px!important;border-radius:13px!important}
}
@media (max-height:640px){
  .intro-media{flex-basis:51%!important;min-height:250px!important}
  .intro-logo{display:none!important}
  .intro-copy h1{font-size:18px!important;margin-bottom:5px!important}
  .intro-copy p{font-size:11.5px!important;line-height:1.6!important}
  .intro-points{display:none!important}
  .intro-bottom{gap:8px!important}
  .intro-primary,.intro-secondary{height:44px!important;min-height:44px!important}
}