@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&family=Cairo:wght@400;500;600;700;800&display=swap');:root{--bg:#f6f5ff;--card:#fff;--ink:#0a0f2e;--muted:#5f6488;--line:#e4e2f6;--primary:#4a35f0;--primary2:#7548fd;--soft:#efebff;--dark:#0a0f2e;--green:#17a673;--surface:#f3f1ff;--chip:#efecfb;--chip2:#ece9fb;--av1:#e6e0ff;--av2:#d9d0ff;--av-ink:#3c30f0;--av3:#f0e6ff;--av4:#e2d3ff;--av-ink2:#7b48f6;--grad-text:linear-gradient(135deg,#3c30f0,#7b48f6);color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.nav{height:76px;display:flex;align-items:center;gap:42px;padding:0 max(20px,calc((100% - 1160px)/2));background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font:800 21px Manrope}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--primary);color:#fff}.nav nav{display:flex;gap:28px;color:var(--muted);font-size:14px}.nav nav a:hover,.nav nav .active{color:var(--ink)}.nav-actions{margin-inline-start:auto;display:flex;align-items:center;gap:10px}.btn{border:0;border-radius:11px;padding:12px 18px;font-weight:700;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:8px}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 8px 22px #4a35f022}.btn.ghost{border:1px solid var(--line);background:var(--card)}.btn.light{background:var(--card);color:#0a0f2e}.wallet{font-size:13px;font-weight:700;padding:10px 13px;background:var(--soft);border-radius:10px}.hero{min-height:590px;display:grid;grid-template-columns:1.05fr .8fr;gap:80px;align-items:center;padding-top:65px;padding-bottom:65px}.eyebrow{color:var(--primary);font-size:11px;font-weight:800;letter-spacing:1.6px}.hero h1{font:800 clamp(42px,5vw,70px)/1.03 Manrope;margin:18px 0}.hero h1 span{color:var(--primary)}.hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:610px}.searchbar{display:flex;background:var(--card);border:1px solid var(--line);padding:7px;border-radius:14px;max-width:640px;margin:28px 0;box-shadow:0 15px 40px #0a0f2e0b}.searchbar span{padding:11px;color:#9a9dc0}.searchbar input{border:0;outline:0;flex:1;font:inherit;min-width:0}.trust{display:flex;gap:20px;color:#7a7fa6;font-size:12px}.hero-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:25px;box-shadow:0 25px 70px #4a35f01a;position:relative}.floating-tag{position:absolute;inset-inline-end:-18px;top:-18px;background:#0a0f2e;color:#fff;padding:9px 13px;border-radius:10px;font-size:12px}.problem-box{background:var(--surface);border-radius:16px;padding:18px;margin-bottom:24px}.problem-box small,.match-line{color:#8a8fb5;font-size:10px;font-weight:800;letter-spacing:1px}.problem-box strong{display:block;line-height:1.55;margin-top:9px}.match-line{margin-bottom:12px}.mini-mentor,.session{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.avatar{width:42px;height:42px;border-radius:12px;background:#e6e0ff;color:#3c30f0;display:grid;place-items:center;font-weight:800;font-size:12px;flex:none}.avatar.purple{background:#ede4ff;color:#7b48f6}.mini-mentor div:nth-child(2){flex:1}.mini-mentor small,.session span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.mini-mentor>span{font-size:12px;font-weight:700}.section{padding:90px 0}.soft{background:var(--card);max-width:none}.soft>.container{width:min(1160px,calc(100% - 40px))}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-head h2,.center h2{font:800 35px Manrope;margin:9px 0 0}.section-head>a{color:var(--primary);font-weight:700;font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category{background:var(--card);border:1px solid var(--line);padding:25px;border-radius:16px;transition:.2s}.category:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0a0f2e0a}.category b{font-size:24px;color:var(--primary);display:block;margin-bottom:25px}.category strong{display:block;font-size:17px}.category span{color:var(--muted);font-size:13px;display:block;margin-top:5px}.mentor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mentor-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;transition:.2s}.mentor-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0a0f2e0b}.mentor-top{display:flex;gap:13px;align-items:center}.mentor-top .avatar{width:52px;height:52px}.mentor-top div:nth-child(2){flex:1}.mentor-name{font-weight:800}.mentor-role{color:var(--muted);font-size:12px;margin-top:3px}.verified{font-size:10px;color:var(--green);font-weight:800}.rating{font-size:12px;font-weight:700;margin-top:18px}.mentor-desc{font-size:13px;line-height:1.6;color:var(--muted);min-height:62px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.tag{font-size:10px;background:var(--chip);padding:6px 8px;border-radius:7px}.mentor-bottom{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;align-items:center}.price{font-weight:800}.price small{font-weight:500;color:var(--muted)}.center{text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px}.steps span{color:var(--primary);font-weight:800}.steps h3{font-size:18px}.steps p{color:var(--muted);line-height:1.6;font-size:14px}.cta{background:var(--dark);color:#fff;border-radius:25px;padding:55px 60px;margin-bottom:90px;display:flex;align-items:center;justify-content:space-between}.cta h2{font:800 34px Manrope;margin:10px 0}.cta p{color:#b9b8de}footer{background:var(--card);border-top:1px solid var(--line);padding:55px 0}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-inner p{color:var(--muted);font-size:13px}.footer-inner div:not(:first-child){display:flex;flex-direction:column;gap:12px;font-size:13px}.footer-inner b{margin-bottom:6px}.page{padding-top:55px;padding-bottom:90px}.page-title h1,.dash-head h1{font:800 44px Manrope;margin:10px 0}.page-title p,.dash-head p{color:var(--muted)}.filters{display:flex;gap:10px;margin:35px 0}.search-input{background:var(--card);border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;padding:0 14px;flex:1}.search-input input,.filters select{border:0;outline:0;background:var(--card);padding:13px;font:inherit;color:var(--ink)}.filters select{border:1px solid var(--line);border-radius:11px}.large .mentor-card{padding:22px}.profile{display:grid;grid-template-columns:1fr 350px;gap:35px}.profile-main,.booking{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:30px}.profile-head{display:flex;gap:18px;align-items:center}.profile-head .avatar{width:80px;height:80px;font-size:20px}.profile-head h1{font:800 30px Manrope;margin:0}.profile-bio{line-height:1.8;color:var(--muted);margin:30px 0}.experience{display:grid;grid-template-columns:1fr 1fr;gap:12px}.exp{padding:15px;background:var(--surface);border-radius:12px}.exp b{display:block}.exp span{font-size:12px;color:var(--muted)}.booking{height:max-content;position:sticky;top:100px}.booking h2{margin-top:0}.session-option{border:1px solid var(--line);padding:16px;border-radius:12px;margin:10px 0;cursor:pointer}.session-option:hover{border-color:var(--primary)}.session-option strong{display:flex;justify-content:space-between}.session-option small{color:var(--muted);display:block;margin-top:5px}.full{width:100%}.dash-head{display:flex;justify-content:space-between;align-items:end}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:35px 0}.stats>div,.panel,.balance-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}.stats span,.stats small{display:block;color:var(--muted);font-size:12px}.stats strong{display:block;font:800 30px Manrope;margin:8px 0}.dash-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:17px}.panel-head a{font-size:12px;color:var(--primary)}.session strong{margin-inline-start:auto}.icon-btn{border:0;background:var(--chip2);border-radius:8px;width:30px;height:30px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:30px}.auth-brand{position:absolute;top:28px;inset-inline-start:30px}.auth-card{width:min(430px,100%);background:var(--card);border:1px solid var(--line);border-radius:20px;padding:35px;box-shadow:0 25px 70px #0a0f2e0b}.auth-card h1{font:800 30px Manrope;margin:10px 0}.auth-card>p{color:var(--muted);line-height:1.5}.auth-card form{margin-top:25px}.auth-card label{display:block;font-size:12px;font-weight:700;margin:15px 0}.auth-card input{display:block;width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;margin-top:7px;outline:0;font:inherit}.divider{text-align:center;color:#9a9dc0;margin:20px 0}.social{width:100%;background:var(--card);border:1px solid var(--line);padding:12px;border-radius:10px;font-weight:700}.auth-bottom{text-align:center!important;font-size:13px;margin-top:20px}.auth-bottom a{color:var(--primary);font-weight:700}.balance-card{width:min(600px,100%);margin:35px auto;text-align:center;background:var(--dark);color:#fff}.balance-card span,.balance-card small{display:block;color:#b4b3d9}.balance-card strong{display:block;font:800 60px Manrope;margin:10px}.credit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.credit-pack{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;text-align:center;position:relative}.credit-pack.featured{border:2px solid var(--primary)}.credit-pack em{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;font-size:10px;padding:5px 10px;border-radius:20px;font-style:normal}.credit-pack b{display:block}.credit-pack strong{display:block;font:800 40px Manrope;margin:15px}.credit-pack span{color:var(--muted);display:block;margin-bottom:20px}
/* ===== Mentora brand layer (colors from the logo) ===== */
:root{--navy:#0a0f2e;--indigo:#1a1f75;--blue:#3c30f0;--violet:#7b48f6;--lavender:#a884f0;--grad:linear-gradient(135deg,#3c30f0 0%,#7b48f6 100%);--grad-dark:linear-gradient(135deg,#0a0f2e 0%,#1a1f75 100%)}
.brand-logo{height:48px;width:auto;display:block}
.auth-brand .brand-logo{height:56px}
footer .brand-logo{height:42px}
.btn.primary{background:var(--grad);box-shadow:0 8px 22px #4a35f033}
.btn.primary:hover{filter:brightness(1.07)}
.cta,.balance-card{background:var(--grad-dark)}
.avatar{background:linear-gradient(135deg,#e6e0ff,#d9d0ff);color:#3c30f0}
.avatar.purple{background:linear-gradient(135deg,#f0e6ff,#e2d3ff);color:#7b48f6}
.credit-pack em{background:var(--grad)}
.floating-tag{background:var(--grad-dark)}
.hero h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--primary)}
:focus-visible{outline:2px solid var(--violet);outline-offset:2px}

/* ===== Theme controls ===== */
.logo-dark{display:none}
html[data-theme="dark"] .logo-light{display:none}
html[data-theme="dark"] .logo-dark{display:block}
.ctrls{display:flex;align-items:center;gap:8px}
.ctrl-btn{height:40px;min-width:40px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font:700 13px "DM Sans",sans-serif;transition:border-color .15s,color .15s}
.ctrl-btn:hover{border-color:var(--primary);color:var(--primary)}
.ctrls-float{position:fixed;top:24px;inset-inline-end:24px;z-index:20}

/* ===== Form controls follow the theme ===== */
input,select,textarea,button{color:inherit}
input::placeholder{color:var(--muted);opacity:.65}
.auth-card input{background:var(--card);color:var(--ink)}
.social{color:var(--ink)}
.icon-btn{color:var(--ink);display:inline-grid;place-items:center;text-decoration:none;cursor:pointer}
.avatar{background:linear-gradient(135deg,var(--av1),var(--av2));color:var(--av-ink)}
.avatar.purple{background:linear-gradient(135deg,var(--av3),var(--av4));color:var(--av-ink2)}
.hero h1 span{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.btn.light{background:#fff;color:#0a0f2e}

/* ===== Dark theme (palette from the logo) ===== */
html[data-theme="dark"]{--bg:#070a20;--card:#0f1538;--ink:#eceaff;--muted:#a2a6d0;--line:#252c62;--primary:#7b6cff;--primary2:#9a8bff;--soft:#1a2052;--surface:#151b47;--chip:#1b2254;--chip2:#222a63;--green:#33c996;--av1:#2a2f7a;--av2:#3a3597;--av-ink:#d3ccff;--av3:#3a2a7d;--av4:#4c3696;--av-ink2:#dcc9ff;--grad-text:linear-gradient(135deg,#8a9bff,#c09bff);color-scheme:dark}
html[data-theme="dark"] .btn.primary{box-shadow:0 8px 24px #3c30f044}
html[data-theme="dark"] .hero-card{box-shadow:0 25px 70px #3c30f01f}
html[data-theme="dark"] .cta{background:linear-gradient(135deg,#171d6b 0%,#3c30f0 100%)}
html[data-theme="dark"] .balance-card{background:linear-gradient(135deg,#141a5a,#2a2fa8);border-color:#3a3f8f}
html[data-theme="dark"] .floating-tag{background:var(--grad)}
html[data-theme="dark"] .toast{background:#1a2052;border:1px solid var(--line)}
html[data-theme="dark"] .searchbar,html[data-theme="dark"] .mentor-card,html[data-theme="dark"] .category{box-shadow:none}
html[data-theme="dark"] .category:hover,html[data-theme="dark"] .mentor-card:hover{box-shadow:0 18px 40px #00000055}

/* ===== Arabic / RTL ===== */
html[lang="ar"] *{font-family:"Cairo","DM Sans",sans-serif!important;letter-spacing:0!important}
html[lang="ar"] .hero h1{line-height:1.3}
html[lang="ar"] .hero p,html[lang="ar"] .steps p,html[lang="ar"] .mentor-desc,html[lang="ar"] .profile-bio{line-height:1.9}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="password"]{direction:ltr;text-align:right}
input,select,textarea{background:transparent}
.auth-card input,.search-input input,.filters select{background:var(--card)}
.session>a.icon-btn{margin-inline-start:auto}
.wallet{white-space:nowrap}
body{overflow-x:clip}
@media(max-width:560px){.hide-sm{display:none!important}}
@media(max-width:560px){.floating-tag{inset-inline-end:-6px}}
.search-input input{flex:1;min-width:0}

/* ===== WhatsApp support box + copyright ===== */
.wa-float{position:fixed;bottom:22px;inset-inline-end:22px;z-index:50;width:56px;height:56px;border-radius:16px;background:#25d366;display:grid;place-items:center;box-shadow:0 10px 26px #25d36655,0 4px 10px #0a0f2e33;transition:transform .18s,box-shadow .18s}
.wa-float:hover{transform:translateY(-3px);box-shadow:0 14px 30px #25d36677,0 6px 14px #0a0f2e33}
.wa-float:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px #25d366}
.wa-tip{position:absolute;inset-inline-end:68px;top:50%;transform:translateY(-50%);background:var(--dark);color:#fff;font-size:12px;font-weight:700;padding:7px 11px;border-radius:9px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}
.wa-float:hover .wa-tip,.wa-float:focus-visible .wa-tip{opacity:1}
html[data-theme="dark"] .wa-tip{background:var(--chip2)}
.footer-bottom{margin-top:35px;padding-top:22px;border-top:1px solid var(--line)}
.footer-bottom p{margin:0;color:var(--muted);font-size:13px}
.site-copy{text-align:center;color:var(--muted);font-size:12px;padding:0 20px 28px}
.auth-page .site-copy{position:absolute;bottom:10px;left:0;right:0;padding-bottom:12px}
@media(max-width:560px){.wa-float{width:50px;height:50px;border-radius:14px;bottom:16px;inset-inline-end:16px}.wa-float svg{width:27px;height:27px}.toast{bottom:80px}}

/* Login interaction */
.auth-card button,.auth-card .btn,.auth-card .social{cursor:pointer !important;pointer-events:auto !important;}
.auth-card .btn:disabled,.auth-card .social:disabled{cursor:not-allowed !important;opacity:.65;}


/* Interactive controls */
button, .btn, input[type="submit"], input[type="button"] { cursor: pointer; }
button:disabled, .btn:disabled { cursor: not-allowed; }

/* ===== Auth pages layout polish ===== */
.auth-page{
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  position:relative;
  padding:88px 24px 34px;
  overflow-x:hidden;
}
.auth-brand{
  position:absolute;
  top:28px;
  inset-inline-start:30px;
  z-index:5;
}
.auth-card{
  width:min(430px,100%);
  margin:0 auto;
  position:relative;
  z-index:1;
}
.auth-card form{margin-top:24px}
.auth-card label{margin:14px 0}
.auth-card input{min-height:46px}
.auth-card .btn.primary{min-height:48px;margin-top:6px}
.auth-bottom{margin-bottom:0}
.auth-page .site-copy{
  position:static;
  width:100%;
  padding:0;
  margin:14px 0 0;
  text-align:center;
  line-height:1.5;
  z-index:1;
}
html[dir="rtl"] .auth-card{text-align:right}
html[dir="ltr"] .auth-card{text-align:left}

@media(max-width:560px){
  .auth-page{padding:82px 16px 26px;justify-content:flex-start}
  .auth-brand{top:18px;inset-inline-start:18px}
  .auth-brand .brand-logo{height:44px}
  .auth-card{padding:25px 22px}
  .auth-page .site-copy{margin-top:12px;font-size:11px}
}