/* =========================================================
   T4S — نظام التصميم للزبائن (فاتح / غامق)
   الألوان كلها متغيرات: [data-theme="dark"] بيبدّلها
   أسماء المتغيرات القديمة (--gold, --surface...) لسا شغالة
========================================================= */
:root{
  --accent:#5b4cf0;--accent-2:#7c6cff;--accent-3:#4636d4;
  --accent-soft:rgba(91,76,240,.08);--accent-line:rgba(91,76,240,.22);--on-accent:#ffffff;
  --grad-1:#7c6cff;--grad-2:#4636d4;
  --bg:#f3f4f9;--bg-glow:rgba(91,76,240,.07);
  --surface:#ffffff;--surface2:#f4f5fa;--surface3:#eceef6;--surface4:#e3e6f0;
  --border:rgba(22,26,46,.08);--border2:rgba(22,26,46,.15);
  --text:#151a2d;--text2:#40475d;--muted:#6c7389;
  --green:#119c57;--green-dim:rgba(17,156,87,.09);--green-border:rgba(17,156,87,.25);
  --red:#dc3d33;--red-dim:rgba(220,61,51,.08);--red-border:rgba(220,61,51,.24);
  --yellow:#c67c00;--yellow-dim:rgba(198,124,0,.09);--yellow-border:rgba(198,124,0,.25);
  --blue:#2f72e8;
  --price:#5b4cf0;
  --topbar-bg:rgba(255,255,255,.82);
  --shadow-sm:0 1px 2px rgba(22,26,46,.05),0 2px 8px rgba(22,26,46,.04);
  --shadow:0 10px 30px rgba(22,26,46,.10);
  --shadow-lg:0 24px 60px rgba(22,26,46,.18);
  --radius:18px;--radius-sm:12px;--t:.2s ease;
  /* أسماء قديمة */
  --gold:var(--accent);--gold2:var(--accent-2);--gold-dark:var(--accent-3);--gold-dim:var(--accent-soft);--gold-border:var(--accent-line);
  color-scheme:light;
}
[data-theme="dark"]{
  --accent:#8b7cff;--accent-2:#a597ff;--accent-3:#6d5df5;
  --accent-soft:rgba(139,124,255,.12);--accent-line:rgba(139,124,255,.30);--on-accent:#ffffff;
  --grad-1:#6a5af0;--grad-2:#3a2bb5;
  --bg:#0a0b11;--bg-glow:rgba(139,124,255,.10);
  --surface:#12141d;--surface2:#181b26;--surface3:#1f2230;--surface4:#272b3b;
  --border:rgba(255,255,255,.07);--border2:rgba(255,255,255,.13);
  --text:#eef0f8;--text2:#b8bed0;--muted:#7d8499;
  --green:#34d27b;--green-dim:rgba(52,210,123,.10);--green-border:rgba(52,210,123,.26);
  --red:#ff6b61;--red-dim:rgba(255,107,97,.10);--red-border:rgba(255,107,97,.26);
  --yellow:#f4b544;--yellow-dim:rgba(244,181,68,.10);--yellow-border:rgba(244,181,68,.26);
  --blue:#5b9bff;
  --price:#a597ff;
  --topbar-bg:rgba(10,11,17,.80);
  --shadow-sm:0 1px 2px rgba(0,0,0,.3);
  --shadow:0 10px 30px rgba(0,0,0,.40);
  --shadow-lg:0 24px 60px rgba(0,0,0,.55);
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;}
body{font-family:'IBM Plex Sans Arabic','Cairo',system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-tap-highlight-color:transparent;line-height:1.55;
  background-image:radial-gradient(900px 420px at 85% -120px,var(--bg-glow),transparent 70%),radial-gradient(700px 380px at 0% 0%,var(--bg-glow),transparent 70%);background-repeat:no-repeat;
  transition:background-color .25s ease,color .25s ease;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
button{font-family:inherit;}
::selection{background:var(--accent);color:var(--on-accent);}

/* ── شريط علوي ── */
.topbar{position:sticky;top:0;z-index:200;background:var(--topbar-bg);backdrop-filter:saturate(1.4) blur(18px);-webkit-backdrop-filter:saturate(1.4) blur(18px);border-bottom:1px solid var(--border);}
.topbar-inner{max-width:1200px;margin:0 auto;height:66px;padding:0 20px;display:flex;align-items:center;gap:18px;}
.brand{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;color:var(--text);white-space:nowrap;}
.brand-icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(140deg,var(--grad-1),var(--grad-2));color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-size:.95rem;box-shadow:0 6px 16px var(--accent-line);}
.nav-links{display:flex;gap:4px;margin-inline-start:8px;background:var(--surface2);border:1px solid var(--border);padding:4px;border-radius:999px;}
.nav-links a{padding:7px 15px;border-radius:999px;font-size:.86rem;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:7px;transition:var(--t);}
.nav-links a i{font-size:.8rem;}
.nav-links a:hover{color:var(--text);}
.nav-links a.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm);}
.topbar-actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto;}
.balance-chip{display:flex;align-items:center;gap:8px;padding:7px 8px 7px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:.88rem;font-weight:700;color:var(--text);white-space:nowrap;box-shadow:var(--shadow-sm);}
.balance-chip .plus{width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-size:.72rem;}
.balance-chip i.fa-wallet{color:var(--green);}
.icon-btn{width:40px;height:40px;border-radius:12px;background:var(--surface);border:1px solid var(--border);color:var(--text2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--t);font-size:.92rem;box-shadow:var(--shadow-sm);}
.icon-btn:hover{color:var(--accent);border-color:var(--accent-line);}
.theme-btn .fa-sun{display:none!important;}
[data-theme="dark"] .theme-btn .fa-sun{display:inline-flex!important;}
[data-theme="dark"] .theme-btn .fa-moon{display:none!important;}
.login-btn{padding:9px 18px;border-radius:12px;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:.88rem;border:none;cursor:pointer;transition:var(--t);display:flex;align-items:center;gap:7px;white-space:nowrap;box-shadow:0 6px 16px var(--accent-line);}
.login-btn:hover{background:var(--accent-3);}
.vip-pill{display:flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;font-size:.76rem;font-weight:700;white-space:nowrap;}
.vip-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700;}

/* ── القائمة الجانبية ── */
.drawer-overlay{position:fixed;inset:0;z-index:300;background:rgba(8,10,20,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:var(--t);}
.drawer-overlay.show{opacity:1;visibility:visible;}
.drawer{position:fixed;top:0;bottom:0;right:0;width:320px;max-width:88vw;background:var(--surface);border-inline-start:1px solid var(--border);z-index:301;transform:translateX(110%);transition:transform .3s cubic-bezier(.4,0,.2,1);padding:18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;box-shadow:var(--shadow-lg);}
.drawer.show{transform:translateX(0);}
.drawer-top{display:flex;align-items:center;justify-content:space-between;}
.drawer-brand{display:flex;align-items:center;gap:9px;font-weight:700;}
.close-btn{width:36px;height:36px;border-radius:10px;background:var(--surface2);border:1px solid var(--border);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;}
.user-card{border-radius:18px;padding:18px;background:linear-gradient(140deg,var(--grad-1),var(--grad-2));color:#fff;position:relative;overflow:hidden;}
.user-card::after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.10);top:-70px;left:-50px;}
.user-row{display:flex;align-items:center;gap:12px;position:relative;z-index:1;}
.user-avatar{width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:700;}
.user-name{font-weight:700;font-size:1rem;}
.user-email{font-size:.76rem;opacity:.8;word-break:break-all;}
.user-balance{margin-top:16px;display:flex;align-items:flex-end;justify-content:space-between;position:relative;z-index:1;}
.user-balance .lbl{font-size:.74rem;opacity:.8;}
.user-balance .amt{font-size:1.6rem;font-weight:700;line-height:1.2;}
.user-balance a{padding:8px 14px;border-radius:10px;background:#fff;color:var(--accent-3);font-weight:700;font-size:.8rem;}
.drawer-nav{display:flex;flex-direction:column;gap:4px;}
.drawer-nav a,.drawer-nav button.dn{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;font-size:.92rem;font-weight:600;color:var(--text2);transition:var(--t);background:none;border:none;cursor:pointer;width:100%;text-align:right;}
.drawer-nav a i,.drawer-nav button.dn i{width:34px;height:34px;border-radius:10px;background:var(--surface2);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.88rem;transition:var(--t);}
.drawer-nav a:hover,.drawer-nav a.active,.drawer-nav button.dn:hover{background:var(--accent-soft);color:var(--accent);}
.drawer-nav a:hover i,.drawer-nav a.active i,.drawer-nav button.dn:hover i{background:var(--accent);color:var(--on-accent);}
.drawer-nav .logout{color:var(--red);}
.drawer-nav .logout i{color:var(--red);background:var(--red-dim);}
.drawer-nav .logout:hover{background:var(--red-dim);color:var(--red);}
.drawer-nav .logout:hover i{background:var(--red);color:#fff;}
.section-label{font-size:.72rem;font-weight:700;color:var(--muted);letter-spacing:.4px;padding:6px 4px 2px;}

/* ── شريط الموبايل ── */
.m-top{display:none;}
.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:200;display:none;padding:0 12px calc(10px + env(safe-area-inset-bottom));pointer-events:none;}
.mobile-nav .row{pointer-events:auto;max-width:520px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;background:var(--topbar-bg);backdrop-filter:saturate(1.4) blur(18px);-webkit-backdrop-filter:saturate(1.4) blur(18px);border:1px solid var(--border);border-radius:22px;padding:6px;box-shadow:var(--shadow);}
.m-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;border-radius:14px;color:var(--muted);font-size:.66rem;font-weight:600;cursor:pointer;transition:var(--t);background:none;border:none;font-family:inherit;width:100%;}
.m-item i{font-size:1.08rem;}
.m-item.active{color:var(--accent);}
.m-item.active i{transform:translateY(-1px);}
.m-item.fab{color:var(--text2);}
.m-item.fab i{width:48px;height:48px;margin-top:-26px;border-radius:16px;background:linear-gradient(140deg,var(--grad-1),var(--grad-2));color:var(--on-accent);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px var(--accent-line);border:4px solid var(--bg);font-size:1.05rem;}

/* ── الصفحة ── */
.wrap{max-width:1200px;margin:0 auto;padding:28px 20px 120px;}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px;}
.page-head h1{font-size:1.55rem;font-weight:700;line-height:1.3;}
.page-head p{color:var(--muted);font-size:.9rem;margin-top:2px;}
.panel,.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);}
.panel + .panel{margin-top:18px;}
.panel-title,.card-title{font-size:1rem;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:10px;}
.panel-title .ico,.card-title i{width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.muted{color:var(--muted);}
.empty-state{text-align:center;padding:56px 20px;color:var(--muted);}
.empty-state i{font-size:2.6rem;display:block;margin-bottom:12px;opacity:.35;}

/* بطاقة رصيد كبيرة */
.hero-balance{border-radius:22px;padding:22px 24px;color:#fff;background:linear-gradient(135deg,var(--grad-1),var(--grad-2));position:relative;overflow:hidden;display:flex;align-items:center;gap:18px;flex-wrap:wrap;box-shadow:0 14px 34px var(--accent-line);margin-bottom:20px;}
.hero-balance::before{content:'';position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.09);left:-80px;top:-120px;}
.hero-balance::after{content:'';position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.07);left:120px;bottom:-90px;}
.hero-balance > *{position:relative;z-index:1;}
.hero-balance .hb-icon{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:1.3rem;}
.hero-balance .hb-label{font-size:.82rem;opacity:.85;}
.hero-balance .hb-amount{font-size:2rem;font-weight:700;line-height:1.15;letter-spacing:.3px;}
.hero-balance .hb-side{margin-inline-start:auto;display:flex;gap:8px;flex-wrap:wrap;}
.hb-btn{padding:9px 14px;border-radius:12px;background:rgba(255,255,255,.18);color:#fff;font-weight:700;font-size:.84rem;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.22);cursor:pointer;font-family:inherit;transition:var(--t);}
.hb-btn:hover{background:rgba(255,255,255,.28);}
.hb-btn.solid{background:#fff;color:var(--accent-3);border-color:#fff;}

/* ── رسائل ── */
.msg{border-radius:14px;padding:13px 16px;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:10px;margin-bottom:16px;line-height:1.55;}
.msg-success{background:var(--green-dim);border:1px solid var(--green-border);color:var(--green);}
.msg-error{background:var(--red-dim);border:1px solid var(--red-border);color:var(--red);}
.msg-warn{background:var(--yellow-dim);border:1px solid var(--yellow-border);color:var(--yellow);}
.msg-info{background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);}
.toast-wrap{position:fixed;top:78px;left:50%;transform:translateX(-50%);z-index:9999;max-width:440px;width:92%;}
.toast-wrap .msg{box-shadow:var(--shadow-lg);background-color:var(--surface);}

/* ── نماذج ── */
.form-group{margin-bottom:16px;}
.form-group label,.field-label{display:block;font-size:.82rem;font-weight:600;color:var(--text2);margin-bottom:7px;}
.form-input{width:100%;padding:12px 14px;background:var(--surface2);border:1.5px solid transparent;border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:.95rem;outline:none;transition:var(--t);-webkit-appearance:none;appearance:none;}
.form-input:hover{border-color:var(--border2);}
.form-input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent-soft);}
.form-input::placeholder{color:var(--muted);}
textarea.form-input{resize:vertical;min-height:90px;}
.btn-gold,.btn-primary{padding:12px 22px;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius-sm);font-weight:700;font-size:.93rem;font-family:inherit;cursor:pointer;transition:var(--t);display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 16px var(--accent-line);}
.btn-gold:hover,.btn-primary:hover{background:var(--accent-3);transform:translateY(-1px);}
.btn-gold:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;}
.btn-ghost{padding:11px 18px;background:var(--surface2);color:var(--text2);border:1px solid var(--border);border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;font-family:inherit;cursor:pointer;transition:var(--t);display:inline-flex;align-items:center;justify-content:center;gap:8px;}
.btn-ghost:hover{border-color:var(--accent-line);color:var(--accent);}
.btn-block{width:100%;}

/* ── شارات وحالات ── */
.badge,.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:.76rem;font-weight:700;white-space:nowrap;}
.badge-green,.pill-ok{background:var(--green-dim);color:var(--green);border:1px solid var(--green-border);}
.badge-yellow,.pill-wait{background:var(--yellow-dim);color:var(--yellow);border:1px solid var(--yellow-border);}
.badge-red,.pill-bad{background:var(--red-dim);color:var(--red);border:1px solid var(--red-border);}
.pill-accent{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line);}

/* صفوف القوائم */
.list{display:flex;flex-direction:column;}
.list-row{display:flex;align-items:center;gap:14px;padding:14px 4px;border-bottom:1px solid var(--border);}
.list-row:last-child{border-bottom:none;}
.list-ico{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;}
.list-main{flex:1;min-width:0;}
.list-title{font-weight:700;font-size:.93rem;}
.list-sub{font-size:.78rem;color:var(--muted);margin-top:2px;}
.list-amt{font-weight:700;font-size:1rem;white-space:nowrap;}

/* هيكل التحميل */
.skeleton{background:linear-gradient(90deg,var(--surface2) 25%,var(--surface3) 50%,var(--surface2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px;}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* الفوتر */
.site-footer{border-top:1px solid var(--border);padding:26px 20px 30px;text-align:center;color:var(--muted);font-size:.84rem;}
.site-footer .fb{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--text2);margin-bottom:6px;}
.site-footer .fb .brand-icon{width:26px;height:26px;border-radius:8px;font-size:.66rem;box-shadow:none;}

/* ── استجابة ── */
@media(max-width:980px){.nav-links{display:none;}}
@media(max-width:760px){
  .topbar{display:none!important;}
  .m-top{display:flex;position:sticky;top:0;z-index:200;align-items:center;gap:10px;padding:10px 14px;background:var(--topbar-bg);backdrop-filter:saturate(1.4) blur(18px);-webkit-backdrop-filter:saturate(1.4) blur(18px);border-bottom:1px solid var(--border);}
  .m-top .brand{font-size:.98rem;}
  .m-top .brand-icon{width:34px;height:34px;border-radius:11px;}
  .m-top .balance-chip{margin-inline-start:auto;padding:5px 6px 5px 12px;font-size:.84rem;}
  .m-top .icon-btn{width:36px;height:36px;border-radius:11px;}
  .mobile-nav{display:block;}
  .wrap{padding:18px 14px 120px;}
  .page-head h1{font-size:1.3rem;}
  .grid-2{grid-template-columns:1fr;}
  .panel,.card{padding:18px;}
  .hero-balance .hb-amount{font-size:1.7rem;}
  .hero-balance .hb-side{margin-inline-start:0;width:100%;}
  .form-input,input,select,textarea{font-size:16px!important;}
}

/* ── صفحات الدخول والتسجيل ── */
body.auth-page{display:flex;align-items:center;justify-content:center;padding:24px 16px;min-height:100vh;}
.auth-page .card{width:100%;max-width:430px;padding:34px 30px;border-radius:24px;box-shadow:var(--shadow);position:relative;}
.auth-page .theme-btn{position:absolute;top:16px;left:16px;width:36px;height:36px;border-radius:11px;}
.auth-page .logo{text-align:center;margin-bottom:26px;}
.auth-page .logo-icon{width:62px;height:62px;border-radius:20px;background:linear-gradient(140deg,var(--grad-1),var(--grad-2));color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 14px;box-shadow:0 10px 26px var(--accent-line);}
.auth-page .logo h1{font-size:1.35rem;font-weight:700;margin-bottom:4px;}
.auth-page .logo p{font-size:.88rem;color:var(--muted);}
.auth-page .form-group label{font-size:.82rem;font-weight:600;color:var(--text2);text-transform:none;letter-spacing:0;}
.auth-page .input-wrap{position:relative;}
.auth-page .input-wrap > i,.auth-page .input-wrap i.icon{position:absolute;top:50%;transform:translateY(-50%);right:14px;color:var(--muted);font-size:.9rem;pointer-events:none;}
.auth-page .form-group input{width:100%;padding:13px 42px 13px 14px;background:var(--surface2);border:1.5px solid transparent;border-radius:13px;color:var(--text);font-family:inherit;font-size:.95rem;outline:none;transition:var(--t);}
.auth-page .form-group input:hover{border-color:var(--border2);}
.auth-page .form-group input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent-soft);}
.auth-page .form-group input::placeholder{color:var(--muted);}
.auth-page .toggle-pw{position:absolute;top:50%;transform:translateY(-50%);left:14px;color:var(--muted);font-size:.9rem;cursor:pointer;background:none;border:none;padding:0;}
.auth-page .toggle-pw:hover{color:var(--accent);}
.auth-page .toggle-pw ~ input,.auth-page input:has(~ .toggle-pw){padding-left:42px;}
.auth-page .btn{width:100%;padding:14px;background:var(--accent);color:var(--on-accent);border:none;border-radius:13px;font-weight:700;font-size:1rem;font-family:inherit;cursor:pointer;transition:var(--t);margin-top:6px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 20px var(--accent-line);}
.auth-page .btn:hover{background:var(--accent-3);transform:translateY(-1px);}
.auth-page .btn:disabled{opacity:.55;cursor:not-allowed;transform:none;}
.auth-page .error-box{background:var(--red-dim);border:1px solid var(--red-border);color:var(--red);border-radius:13px;padding:12px 14px;font-size:.9rem;font-weight:600;margin-bottom:18px;display:flex;align-items:center;gap:8px;}
.auth-page .success-box{background:var(--green-dim);border:1px solid var(--green-border);color:var(--green);border-radius:13px;padding:14px;font-size:.92rem;font-weight:600;margin-bottom:18px;display:flex;align-items:flex-start;gap:10px;line-height:1.6;}
.auth-page .link{text-align:center;margin-top:20px;font-size:.9rem;color:var(--muted);}
.auth-page .link a{color:var(--accent);font-weight:700;}
.auth-page .link a:hover{text-decoration:underline;}
.auth-page .divider{height:1px;background:var(--border);margin:20px 0;}
.auth-page .divider-text{position:relative;text-align:center;margin:20px 0;}
.auth-page .divider-text::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border);}
.auth-page .divider-text span{position:relative;background:var(--surface);padding:0 12px;font-size:.8rem;color:var(--muted);}
.auth-page .social-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px;}
.auth-page .btn-social{width:100%;padding:12px 8px;border:1.5px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);font-family:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:var(--t);display:flex;align-items:center;justify-content:center;gap:8px;}
.auth-page .btn-social:hover{border-color:var(--accent-line);background:var(--accent-soft);}
.auth-page .forgot-link{text-align:left;margin:-4px 0 6px;}
.auth-page .forgot-link a{font-size:.84rem;color:var(--muted);font-weight:600;}
.auth-page .forgot-link a:hover{color:var(--accent);}
.auth-page .strength-bar{height:5px;border-radius:3px;background:var(--surface3);margin-top:8px;overflow:hidden;}
.auth-page .strength-bar-inner{height:100%;border-radius:3px;transition:.3s;width:0;}
.auth-page .strength-label{font-size:.76rem;color:var(--muted);margin-top:4px;}
@media(max-width:480px){.auth-page .card{padding:28px 18px;}.auth-page .social-btns{grid-template-columns:1fr;}}