/* Inner pages share the landing palette while keeping existing form/API hooks. */
.inner-page { --hall:#fbfaff; --panel:#fff; --panel-2:#f5f3fa; --panel-3:#e9e2f3; --well:#faf9fc; --ink:#292c3b; --ink-2:#626477; --ink-3:#777a8d; --ink-4:#8c8fa0; --hair:#eae6f0; --hair-2:#e0dce9; --hair-3:#bfb4d1; --curtain:#735ba6; --curtain-hover:#644c96; --curtain-soft:#f0e9fa; --lamp:#25856b; --lamp-soft:#e7f6ee; --glow:#aa7619; --glow-soft:#fcf2d9; --danger:#b53e60; --danger-soft:#fbe8ee; --ring:0 0 0 3px #ccb6f266; color-scheme:light; background:#fbfaff; font-size:14px; min-height:100vh; }
.inner-page .topbar { direction:rtl; }.inner-page .sidebar { direction:rtl; }.inner-page .desktop-nav { gap:14px; }.inner-page .desktop-nav a { font-size:12px; white-space:nowrap; }.inner-page .desktop-nav .btn { min-height:34px; font-size:11px; padding:5px 13px; }.inner-page .desktop-nav a[aria-current=page] { color:#b04d87; }
.inner-page .page-content { max-width:1260px; width:calc(100% - var(--sidebar)); margin:0 var(--sidebar) 0 0; padding:0 48px 50px; position:relative; min-height:calc(100vh - 76px); }
.inner-page .page-content:before { content:''; position:absolute; top:0; right:0; left:0; height:460px; background:radial-gradient(ellipse at 85% 12%,#c6e3f7 0,transparent 62%),radial-gradient(ellipse at 8% 35%,#eed1ed 0,transparent 65%),linear-gradient(#f3f4ff,#fbfaff); z-index:-1; pointer-events:none; }
.inner-page .page-content { isolation:isolate; }.page-intro { position:relative; padding:55px 0 28px; max-width:850px; }.page-intro .section-kicker { color:#a36298; font-size:12px; margin-bottom:10px; }.page-intro h1 { margin:0 0 15px; font-size:43px; font-weight:850; line-height:1.65; letter-spacing:-1.3px; }.page-intro h1>span { background:linear-gradient(100deg,#9d69c3,#e65b98); -webkit-background-clip:text; background-clip:text; color:transparent; }.page-intro p { font-size:14px; line-height:2.1; max-width:590px; color:#73748a; }.intro-spark { position:absolute; top:60px; left:0; color:#d2b7e7; font-size:66px; transform:rotate(13deg); opacity:.65; }
.inner-page .section { padding:22px 0; }.inner-page .card { border:1px solid #e9e3ef; border-radius:22px; padding:26px; gap:16px; box-shadow:0 10px 35px -20px #6f5b9735; min-width:0; background:#ffffffed; }.inner-page .card>b { font-size:16px; font-weight:750; }.inner-page .muted { font-size:13px; line-height:2; color:#73758a; }.inner-page .btn { border-radius:12px; min-height:42px; padding:9px 17px; font-size:13px; text-decoration:none; }.inner-page .btn.primary { background:#282b38; color:#fff; border-color:#282b38; box-shadow:0 3px 12px #7463891a; }.inner-page .btn.primary:hover { background:#44334f; border-color:#44334f; }.inner-page .btn.danger { color:#b53e60; }.inner-page .btn:disabled { opacity:.55; }.inner-page .btn.lg { min-height:48px; padding:11px 24px; }.inner-page .btn.sm { min-height:32px; font-size:11px; padding:5px 10px; }
.inner-page .input,.inner-page input:not([type]),.inner-page input[type=text],.inner-page input[type=email],.inner-page input[type=password],.inner-page input[type=number],.inner-page select { min-height:46px; border-radius:11px; background:#fbfaff; border:1px solid #e3ddec; color:#303242; font:inherit; font-size:14px; width:100%; padding:10px 13px; }.inner-page input::placeholder { color:#9690a3; }.inner-page input:focus,.inner-page select:focus { border-color:#b49bdb; outline:none; box-shadow:0 0 0 3px #e9ddf980; }.inner-page .field { gap:8px; }.inner-page .field label { font-size:13px; color:#626076; }.inner-page .row { gap:12px; }.inner-page .tabs { display:flex; gap:5px; padding:5px; border:1px solid #e8e2ef; background:#f5f2fa; border-radius:15px; margin-bottom:18px; }.inner-page .tabs button { border-radius:10px; padding:9px 15px; font-size:12px; color:#777187; }.inner-page .tabs button.on { background:#fff; color:#a04b84; box-shadow:0 3px 10px #78648812; }.inner-page .tab.on { gap:18px; }.inner-page .err { color:#b43f61; }.inner-page .ok { color:#238267; }.inner-page p:empty { margin:0; }.inner-page .pill { min-height:27px; height:auto; padding:3px 10px; font-size:11px; }.inner-page .pill.on { background:#e7f5ed; color:#278265; }.inner-page .pill.warn { background:#fff4d8; color:#936d1b; }.inner-page .pill.err { background:#fce8ef; color:#b73f63; }
.inner-page .stats { gap:14px; }.inner-page .stat { padding:20px; border-radius:17px; border:1px solid #e8e1f1; background:linear-gradient(145deg,#f4eafa,#fff); gap:6px; }.inner-page .stat:nth-child(2n) { background:linear-gradient(145deg,#e5f2fc,#fff); }.inner-page .stat:nth-child(3n) { background:linear-gradient(145deg,#fbe8f1,#fff); }.inner-page .stat .l { font-size:12px; color:#777289; }.inner-page .stat b { font-size:30px; color:#564669; }.inner-page .chart { height:100px; align-items:flex-end; padding-top:15px; }.inner-page .chart i { background:linear-gradient(#cda9e5,#b4c8ed); border-radius:5px 5px 0 0; }.inner-page .chart i.today { background:#bb7cac; }.inner-page .chart i:hover:after { color:#524666; background:#f0e7f8; z-index:3; }.inner-page .bar { height:10px; background:#f1edf6; }.inner-page .bar>div { background:linear-gradient(90deg,#ae96dd,#7bbfc8); }.inner-page .bar.warn>div { background:#deb86b; }.inner-page .bar.over>div { background:#d17d99; }
.inner-page table { min-width:540px; font-size:12px; }.inner-page th { background:#f8f6fb; color:#82778f; font-size:11px; white-space:nowrap; }.inner-page td,.inner-page th { padding:13px 14px; border-bottom:1px solid #eee9f3; }.inner-page tr:hover td { background:#faf7fe; }.table-scroll { overflow:auto; max-width:100%; border:1px solid #eee8f3; border-radius:12px; }.inner-page td .input { min-width:100px; }.inner-page .code { color:#7d599e; background:linear-gradient(110deg,#f5ebfc,#eef5ff); border:1px dashed #c3b1dd; border-radius:16px; padding:22px; letter-spacing:.2em; font-size:32px; }.inner-page footer { font-size:12px; color:#888297; padding:28px 0; border-top:1px solid #e9e3ef; margin-top:32px; }.inner-page footer a { color:#986591; }
.page-download .download-section { max-width:960px; margin:auto; }.page-download .page-intro,.page-pricing .page-intro { text-align:center; margin:auto; }.page-download .page-intro p,.page-pricing .page-intro p { margin:auto; }.page-download .intro-spark,.page-pricing .intro-spark { left:5%; top:80px; }.inner-page .dl-tabs { padding:6px; background:#fff9; border:1px solid #fff; border-radius:99px; width:fit-content; margin:0 auto 22px; box-shadow:0 5px 18px #8c74a310; }.inner-page .dl-tabs button { border-radius:99px; color:#80758d; background:transparent; padding:10px 26px; border:0; }.inner-page .dl-tabs button.on { background:#292b39; color:#fff; }.inner-page .dl-pane.on { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.inner-page .dl-pane>.card:first-child { grid-column:1/-1; padding:30px; background:radial-gradient(ellipse at 5% 20%,#dfd3f7,transparent 65%),linear-gradient(120deg,#e9f4ff,#fbebf4); min-height:205px; justify-content:start; align-content:center; position:relative; }.inner-page .dl-head .big { font-size:25px; font-weight:800; }.inner-page .badge { background:#ffffffad; color:#92749c; border:1px solid #fff; padding:4px 10px; font-size:11px; }.inner-page .dl-pane>.card:first-child>.muted { max-width:720px; color:#72677d; }.inner-page ol.steps { padding-inline-start:22px; font-size:13px; line-height:2.2; }.inner-page ol.steps li { padding:3px 0; }.inner-page code { font-size:12px; color:#8b548e; background:#f4edf9; border-radius:5px; padding:1px 5px; }
.page-pricing .plans { grid-template-columns:repeat(auto-fit,minmax(235px,1fr)); align-items:stretch; gap:20px; margin:22px 0; }.plans-heading { display:flex; align-items:center; justify-content:space-between; }.plans-heading h2 { font-size:21px; }.plans-heading>span { font-size:11px; color:#b37ca6; }.inner-page .plan { padding:28px; border-radius:23px; gap:17px; background:linear-gradient(165deg,#fff,#faf7ff); border:1px solid #e6deef; box-shadow:0 12px 30px -24px #85669e55; }.inner-page .plan:nth-child(3n) { background:linear-gradient(165deg,#eaf5fd,#fff 65%); }.inner-page .plan.hot { background:linear-gradient(155deg,#e7d6fa,#f9e9f3 42%,#fff 80%); border:1px solid #cfa9dc; box-shadow:0 12px 32px -20px #a67cc45c; }.inner-page .plan.hot:before { content:'برای کشف‌های بیشتر ✦'; display:block; color:#955399; font-size:11px; }.inner-page .plan>b { font-size:19px; color:#4f3f63; }.inner-page .plan .price { font-size:37px; line-height:1.5; color:#323345; }.inner-page .plan .price small { font-size:12px; }.inner-page .plan ul { font-size:13px; padding-right:18px; line-height:2.3; color:#787184; list-style:disc; }.inner-page .plan .row { align-self:end; margin-top:10px; }.inner-page .plan .btn { width:100%; }.inner-page .plan>.muted { min-height:48px; }
.page-login .page-content,.page-connect .page-content { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,430px); column-gap:50px; align-content:center; padding-top:55px; padding-bottom:70px; }.page-login .page-intro,.page-connect .page-intro { grid-column:1; padding-top:0; padding-bottom:10px; }.page-login .page-intro h1,.page-connect .page-intro h1 { font-size:39px; }.page-login .intro-spark,.page-connect .intro-spark { top:-55px; left:10px; }.auth-benefits { grid-column:1; display:grid; gap:14px; align-content:start; color:#8d6f9f; font-size:12px; margin-top:15px; }.inner-page .auth { width:100%; max-width:440px; margin:0 auto; padding:30px; }.page-login .auth { grid-column:2; grid-row:1/3; }.page-connect .auth { grid-column:2; grid-row:1/3; }.auth-heading { text-align:center; margin-bottom:10px; }.auth-mark { display:grid; place-items:center; width:47px; height:47px; border-radius:15px; margin:0 auto 15px; background:linear-gradient(130deg,#dceafd,#e9cef0); color:#a578b9; font-size:29px; }.auth-heading h2 { font-size:23px; font-weight:800; }.auth-heading p { color:#9c90a5; font-size:11px; margin-top:7px; }.inner-page .auth .tabs { flex-wrap:nowrap; justify-content:center; margin-bottom:4px; }.inner-page .auth .tabs button { padding:8px 10px; font-size:11px; flex:1; }.inner-page .auth .muted { font-size:12px; }.inner-page .auth .input { min-height:49px; }.inner-page .otp-code { font-size:26px; }.page-connect .auth>b { font-size:20px; }
.page-account .section { max-width:1050px; }.page-account .section>.card:first-of-type { background:radial-gradient(ellipse at 0 0,#eed7ed,transparent 60%),linear-gradient(120deg,#eaf4fd,#fff); }.page-account #uName { font-size:21px; }.page-account #uEmail { direction:ltr; text-align:right; overflow-wrap:anywhere; }.page-account #tokens { overflow-wrap:anywhere; }.page-account #tokens a { color:#b45179; text-decoration:underline; }.page-account #fPass,.page-account #fProfile { padding-top:10px; }.page-admin .page-intro h1 { font-size:34px; }.page-admin .tabs { overflow-x:auto; flex-wrap:nowrap; }.page-admin .tabs button { flex-shrink:0; }.page-admin .page-content { max-width:none; }.page-admin .grid3 { grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); }.page-admin .check { display:flex; align-items:center; gap:9px; }.page-admin .switch .knob { background:#ddd4e9; }.page-admin .switch input:checked+.knob { background:#9674ba; }.page-admin .switch .knob:before { background:#fff; }
.page-privacy .page-intro { max-width:820px; margin:auto; }.inner-page .legal { background:#fff; max-width:820px; border:1px solid #e8e1ee; padding:35px; border-radius:23px; box-shadow:0 12px 35px -25px #86619944; }.inner-page .legal h1 { font-size:24px; line-height:1.8; letter-spacing:0; margin-bottom:12px; }.inner-page .legal h2 { font-size:17px; margin-top:26px; color:#795985; }.inner-page .legal p,.inner-page .legal li { font-size:13px; line-height:2.2; color:#706c7d; }.inner-page .legal ul { padding-inline-start:22px; list-style:disc; }.inner-page .legal a { color:#a05c96; text-decoration:underline; }.inner-page .legal .lang { width:fit-content; padding:5px; background:#f7f3fb; border-radius:99px; }.inner-page .legal .lang button { border:0; background:transparent; color:#8b7a98; border-radius:99px; padding:7px 18px; font-size:12px; }.inner-page .legal .lang button.on { background:#292c39; color:#fff; }.page-privacy[dir=ltr] .page-intro { direction:rtl; }.page-404 .page-intro { text-align:center; margin:auto; }.page-404 .page-intro p { margin:auto; }.page-404 .auth { text-align:center; max-width:420px; background:linear-gradient(150deg,#e5dcf9,#fce8f0); }.error-number { font:bold 90px/1.2 Georgia,serif; color:#aa7fbd; letter-spacing:10px; }
@media(min-width:1600px) { .inner-page .page-content { margin-left:auto; margin-right:calc(var(--sidebar) + (100% - var(--sidebar) - 1260px)/2); width:1260px; }.page-admin .page-content { width:calc(100% - var(--sidebar)); margin-right:var(--sidebar); } }
@media(max-width:1250px) { .inner-page .page-content { padding-inline:28px; }.page-login .page-content,.page-connect .page-content { column-gap:25px; grid-template-columns:minmax(0,1fr) minmax(310px,390px); }.page-login .page-intro h1,.page-connect .page-intro h1 { font-size:31px; }.inner-page .desktop-nav { gap:10px; }.inner-page .desktop-nav a { font-size:11px; } }
@media(max-width:1100px) { .inner-page .page-content { width:100%; margin:0; }.page-login .page-content,.page-connect .page-content { min-height:calc(100vh - 76px); }.inner-page .sidebar { z-index:45; }.inner-page .mobile-scrim { z-index:44; }.inner-page .topbar { z-index:50; } }
@media(max-width:760px) { .inner-page .page-content { padding:0 18px 35px; min-height:calc(100vh - 66px); }.page-intro { padding:32px 0 18px; }.page-intro h1 { font-size:32px; letter-spacing:-.8px; line-height:1.7; }.page-intro p { font-size:13px; padding-left:10px; }.page-intro .section-kicker { font-size:11px; }.intro-spark { font-size:40px; top:30px; }.page-download .intro-spark,.page-pricing .intro-spark { top:25px; left:0; }.inner-page .card { padding:20px; border-radius:18px; }.inner-page .dl-pane.on { grid-template-columns:1fr; }.inner-page .dl-pane>.card:first-child { padding:23px; min-height:230px; }.inner-page .dl-head .big { font-size:22px; }.inner-page .dl-tabs { margin-bottom:15px; }.inner-page .dl-tabs button { font-size:12px; padding:10px 21px; }.inner-page .dl-pane>.card:first-child .row { align-items:flex-start; flex-direction:column; }.inner-page .plans { grid-template-columns:1fr; gap:17px; }.inner-page .plan { padding:25px; }.page-login .page-content,.page-connect .page-content { display:block; padding-top:33px; padding-bottom:40px; }.page-login .page-intro,.page-connect .page-intro { text-align:center; padding-bottom:25px; }.page-login .page-intro h1,.page-connect .page-intro h1 { font-size:31px; }.page-login .page-intro p,.page-connect .page-intro p { margin:auto; max-width:340px; }.page-login .intro-spark,.page-connect .intro-spark { top:0; left:0; font-size:30px; }.auth-benefits { display:none; }.inner-page .auth { padding:24px; }.inner-page .auth .tabs button { font-size:11px; }.inner-page .stats { grid-template-columns:repeat(auto-fit,minmax(125px,1fr)); gap:10px; }.inner-page .stat { padding:15px; }.inner-page .stat b { font-size:25px; }.page-account .row { align-items:flex-start; }.page-account #fPass .input,.page-account #fProfile .input { max-width:none!important; }.page-admin .page-intro h1 { font-size:29px; }.page-admin .tabs { border-radius:12px; }.page-admin .tabs button { padding:8px 13px; }.inner-page .legal { padding:23px; border-radius:18px; }.inner-page .legal h1 { font-size:20px; }.inner-page .legal p,.inner-page .legal li { font-size:13px; overflow-wrap:anywhere; }.inner-page .legal .muted { font-size:11px; }.inner-page footer { margin-top:24px; }.page-404 .auth { margin-top:20px; } }