/* =========================================================
   Mr Hassan Al-Qadi — styles.css (FINAL v7)
   Royal Burgundy — Premium Arabic Learning Platform
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700;800&display=swap');

/* =========================================================
   1) TOKENS — Light Mode (نبيتي فاخر #520416 + ذهبي #C9A961)
   ========================================================= */
:root{
    /* Primary — نبيتي فاخر */
    --primary:#520416;
    --primary-dark:#3A020F;
    --primary-soft:#F7E7EB;
    --primary-tint:#FCF3F5;

    /* Accent — ذهبي ملكي */
    --accent:#C9A961;
    --accent-dark:#A8874F;
    --accent-soft:#F5EEDD;

    /* Backgrounds */
    --bg:#FAF7F7;
    --card:#FFFFFF;

    /* Text */
    --text:#2A1F22;
    --muted:#8A7B7E;
    --border:#EEE2E5;

    /* States */
    --success:#4A9B6E;
    --success-soft:#E5F2EA;
    --danger:#C15F5F;
    --danger-soft:#F7E5E5;
    --error:#C15F5F;
    --error-soft:#F7E5E5;
    --warning:#C99245;
    --warning-soft:#F7EEDD;

    /* Radius */
    --radius-card:22px;
    --radius-lg:18px;
    --radius-md:14px;
    --radius-sm:10px;
    --radius-pill:999px;

    /* Shadows */
    --shadow-sm:0 2px 10px rgba(42,31,34,.05);
    --shadow-md:0 6px 24px rgba(42,31,34,.08);
    --shadow-lg:0 18px 55px rgba(42,31,34,.12);
    --shadow-primary:0 12px 30px rgba(82,4,22,.20);
    --shadow-primary-soft:0 10px 24px rgba(82,4,22,.24);
    --shadow-accent:0 12px 30px rgba(201,169,97,.28);

    --font:"El Messiri",system-ui,-apple-system,"Segoe UI",sans-serif;
    --header-h:72px;
}

/* =========================================================
   2) TOKENS — Dark Mode (بنّي دافي منسق)
   ========================================================= */
[data-theme="dark"]{
    --primary:#C99A9A;
    --primary-dark:#DBABAB;
    --primary-soft:#2A1818;
    --primary-tint:#1E1010;

    --accent:#C9B47C;
    --accent-dark:#D9C48E;
    --accent-soft:#2A2418;

    --bg:#17100F;
    --card:#221817;

    --text:#F0E8E6;
    --muted:#A89A98;
    --border:#33241F;

    --success:#7CB898;
    --success-soft:#1A2E24;
    --danger:#D49090;
    --danger-soft:#2E1E1E;
    --error:#D49090;
    --error-soft:#2E1E1E;
    --warning:#D4B07A;
    --warning-soft:#2E2518;

    --shadow-sm:0 2px 8px rgba(0,0,0,.35);
    --shadow-md:0 6px 20px rgba(0,0,0,.45);
    --shadow-lg:0 24px 60px rgba(0,0,0,.55);
    --shadow-primary:0 12px 30px rgba(201,180,124,.14);
    --shadow-primary-soft:0 10px 24px rgba(201,180,124,.18);
    --shadow-accent:0 12px 30px rgba(201,180,124,.16);
}

/* =========================================================
   3) RESET
   ========================================================= */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}

html{
    width:100%;
    overflow-x:hidden;
    scroll-behavior:smooth;
    scroll-padding-top:90px;
}

body{
    width:100%;
    min-height:100vh;
    overflow-x:hidden;
    background:var(--bg);
    color:var(--text);
    font-family:var(--font);
    font-size:15px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    transition:background-color .25s ease,color .25s ease;
}

button,input,select,textarea{font-family:inherit;}
button{cursor:pointer;border:0;background:none;color:inherit;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
ul{list-style:none;}

/* =========================================================
   4) HEADER
   ========================================================= */
#header{
    position:fixed;
    top:0;left:0;right:0;
    z-index:9998;
    height:var(--header-h);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:0 clamp(16px,4vw,44px);
    background:rgba(250,247,247,.86);
    -webkit-backdrop-filter:blur(14px) saturate(140%);
    backdrop-filter:blur(14px) saturate(140%);
    border-bottom:1px solid transparent;
    direction:ltr;
    transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease;
}
[data-theme="dark"] #header{ background:rgba(23,16,15,.86); }
#header.scrolled{
    background:rgba(250,247,247,.96);
    border-bottom-color:var(--border);
    box-shadow:var(--shadow-sm);
}
[data-theme="dark"] #header.scrolled{
    background:rgba(23,16,15,.96);
    box-shadow:0 2px 10px rgba(0,0,0,.4);
}

#header.mobile-menu-open,
[data-theme="dark"] #header.mobile-menu-open{
    background:var(--card) !important;
    border-bottom-color:var(--border) !important;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    box-shadow:var(--shadow-sm);
}

#header .logo{order:2;flex:0 0 auto;display:flex;align-items:center;min-width:0;}
#header .logo a{display:inline-flex;align-items:center;}
#header .logo img{height:44px;width:auto;max-width:160px;object-fit:contain;}

#header .header-actions{
    order:1;
    display:flex;align-items:center;gap:10px;
    flex:0 0 auto;direction:ltr;
}

#header #Navbar{order:1;display:flex;align-items:center;direction:ltr;}
#header #Navbar ul{display:flex;align-items:center;gap:10px;direction:rtl;}

#header .Login-btn,
#header .register-btn{
    display:inline-flex;align-items:center;justify-content:center;
    height:42px;padding:0 20px;
    border-radius:var(--radius-md);
    font-size:14px;font-weight:800;line-height:1;white-space:nowrap;
    direction:rtl;
    transition:background-color .2s ease,color .2s ease,
                border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
#header .Login-btn{
    background:var(--card);color:var(--text);
    border:1px solid var(--border);box-shadow:var(--shadow-sm);
}
#header .Login-btn:hover{
    border-color:var(--primary);color:var(--primary);
    transform:translateY(-1px);
    box-shadow:0 6px 18px rgba(82,4,22,.12);
}
[data-theme="dark"] #header .Login-btn:hover{
    border-color:var(--accent);color:var(--accent);
    box-shadow:0 6px 18px rgba(201,180,124,.12);
}
#header .register-btn{
    background:linear-gradient(135deg,var(--primary) 0%,#6B0519 100%);
    color:#fff;
    border:1px solid var(--primary);
    box-shadow:var(--shadow-primary);
}
#header .register-btn:hover{
    background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);
    border-color:var(--primary-dark);
    transform:translateY(-1px);
    box-shadow:var(--shadow-primary-soft);
}
[data-theme="dark"] #header .register-btn{
    background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);
    color:#17100F;
    border-color:var(--accent);
    box-shadow:var(--shadow-accent);
}
[data-theme="dark"] #header .register-btn:hover{
    background:linear-gradient(135deg,var(--accent-dark) 0%,var(--accent) 100%);
    border-color:var(--accent-dark);
    box-shadow:var(--shadow-primary-soft);
}

#header .theme-toggle{
    order:2;width:42px;height:42px;flex:0 0 auto;
    display:inline-flex;align-items:center;justify-content:center;
    border-radius:var(--radius-md);
    background:var(--card);border:1px solid var(--border);
    color:var(--text);box-shadow:var(--shadow-sm);
    transition:border-color .2s ease,color .2s ease,
                transform .2s ease,box-shadow .2s ease;
}
#header .theme-toggle:hover{
    border-color:var(--primary);color:var(--primary);
    transform:translateY(-1px);
    box-shadow:0 8px 20px rgba(82,4,22,.12);
}
[data-theme="dark"] #header .theme-toggle:hover{
    border-color:var(--accent);color:var(--accent);
    box-shadow:0 8px 20px rgba(201,180,124,.12);
}
#header .theme-toggle:active{transform:scale(.94);}
#header .theme-toggle svg{
    width:19px;height:19px;fill:none;stroke:currentColor;
    stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
    display:none;transition:transform .35s cubic-bezier(0.4,0,0.2,1);
}
#header .theme-toggle:hover svg{transform:rotate(15deg);}
[data-theme="light"] #header .theme-toggle .icon-moon,
html:not([data-theme]) #header .theme-toggle .icon-moon{display:block;}
[data-theme="dark"] #header .theme-toggle .icon-sun{display:block;}

#header .home-menu-button{
    order:3;display:none;
    width:42px;height:42px;flex:0 0 auto;
    flex-direction:column;align-items:center;justify-content:center;gap:4px;
    border-radius:var(--radius-md);
    background:var(--card);border:1px solid var(--border);
    color:var(--text);box-shadow:var(--shadow-sm);
    transition:border-color .2s ease,color .2s ease;
}
#header .home-menu-button:hover{border-color:var(--primary);color:var(--primary);}
[data-theme="dark"] #header .home-menu-button:hover{border-color:var(--accent);color:var(--accent);}
#header .home-menu-button span{
    display:block;width:18px;height:2px;border-radius:2px;
    background:currentColor;
    transition:transform .25s ease,opacity .25s ease;
}
#header .home-menu-button.active span:nth-child(1){transform:translateY(6px) rotate(45deg);}
#header .home-menu-button.active span:nth-child(2){opacity:0;}
#header .home-menu-button.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

#header .home-mobile-menu{
    position:fixed;
    top:calc(var(--header-h) + 8px);
    right:14px;left:14px;
    z-index:9997;
    padding:12px;
    background:var(--card);
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    box-shadow:0 16px 40px rgba(42,31,34,.12);
    opacity:0;visibility:hidden;
    transform:translateY(-10px) scale(.98);
    pointer-events:none;
    direction:rtl;
    transition:opacity .22s ease,visibility .22s ease,transform .22s ease;
}
[data-theme="dark"] #header .home-mobile-menu{
    box-shadow:0 16px 40px rgba(0,0,0,.55);
}
#header .home-mobile-menu.open{
    opacity:1;visibility:visible;transform:translateY(0) scale(1);
    pointer-events:auto;
}
#header .home-mobile-menu ul{display:flex;flex-direction:column;gap:8px;}
#header .home-mobile-menu ul li{width:100%;}
#header .home-mobile-menu ul li a{
    display:flex;align-items:center;justify-content:center;
    min-height:46px;width:100%;padding:0 16px;
    border-radius:var(--radius-md);
    font-size:15px;font-weight:800;text-align:center;
    transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
#header .home-mobile-menu .Login-btn{
    background:var(--bg);color:var(--text);border:1px solid var(--border);
}
#header .home-mobile-menu .Login-btn:hover{
    border-color:var(--primary);color:var(--primary);
}
#header .home-mobile-menu .register-btn{
    background:linear-gradient(135deg,var(--primary) 0%,#6B0519 100%);
    color:#fff;border:1px solid var(--primary);
    box-shadow:var(--shadow-primary);
}
#header .home-mobile-menu .register-btn:hover{
    background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);
    border-color:var(--primary-dark);
}
[data-theme="dark"] #header .home-mobile-menu .register-btn{
    background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);
    color:#17100F;border-color:var(--accent);
}
[data-theme="dark"] #header .home-mobile-menu .register-btn:hover{
    background:linear-gradient(135deg,var(--accent-dark) 0%,var(--accent) 100%);
}

#header .home-menu-overlay{
    position:fixed;inset:0;z-index:9996;
    background:rgba(31,1,8,.45);
    -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
    opacity:0;visibility:hidden;
    transition:opacity .25s ease,visibility .25s ease;
}
#header .home-menu-overlay.show{opacity:1;visibility:visible;}
body.home-menu-open{overflow:hidden;}

@media (max-width:900px){
    :root{--header-h:64px;}
    #header{
        padding:0 16px;
        gap:12px;
        background:var(--card);
        -webkit-backdrop-filter:blur(18px) saturate(140%);
        backdrop-filter:blur(18px) saturate(140%);
    }
    #header .logo img{height:40px;max-width:130px;}
    #header #Navbar{display:none;}
    #header .home-menu-button{display:inline-flex;order:1;}
    #header .theme-toggle{order:2;}
    #header .theme-toggle,
    #header .home-menu-button{
        width:42px;
        height:42px;
        border-radius:12px;
    }
}
@media (max-width:420px){
    #header{padding:0 12px;}
    #header .logo img{height:36px;max-width:115px;}
}

/* =========================================================
   5) FOOTER — منسّق في السنتر بهوية Royal Burgundy
   ========================================================= */
.footer{
    position:relative;
    width:100%;
    margin-top:60px;
    padding:55px clamp(16px,5vw,60px) 0;
    background:linear-gradient(180deg,var(--card) 0%,var(--primary-tint) 100%);
    border-top:1px solid var(--border);
    color:var(--text);
    direction:rtl;
    overflow:hidden;
}

[data-theme="dark"] .footer{
    background:linear-gradient(180deg,var(--card) 0%,#1E1010 100%);
}

/* زخرفة ذهبية خفيفة في الخلفية */
.footer::before{
    content:"";
    position:absolute;
    top:-120px;
    left:50%;
    transform:translateX(-50%);
    width:min(600px,80vw);
    height:240px;
    background:radial-gradient(ellipse at center,rgba(201,169,97,.10),transparent 70%);
    pointer-events:none;
    z-index:0;
}

[data-theme="dark"] .footer::before{
    background:radial-gradient(ellipse at center,rgba(201,180,124,.08),transparent 70%);
}

/* الحاوية الرئيسية — centered */
.footer .footer-container{
    position:relative;
    z-index:1;
    width:100%;
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1.3fr;
    gap:clamp(24px,3.5vw,50px);
    padding-bottom:44px;
    text-align:center;
}

/* Brand Column */
.footer .footer-brand{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:16px;
    min-width:0;
    text-align:center;
}
.footer .footer-logo{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:opacity .25s ease,transform .25s ease;
}
.footer .footer-logo:hover{opacity:.9;transform:translateY(-2px);}
.footer .footer-logo img{
    height:54px;width:auto;max-width:170px;object-fit:contain;
    filter:drop-shadow(0 4px 12px rgba(82,4,22,.15));
}
[data-theme="dark"] .footer .footer-logo img{
    filter:drop-shadow(0 4px 12px rgba(201,180,124,.18));
}
.footer .footer-brand > p{
    max-width:340px;
    color:var(--muted);
    font-size:13.5px;
    font-weight:500;
    line-height:2;
    text-align:center;
}
.footer .footer-social{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:4px;
}
.footer .footer-social a{
    width:40px;height:40px;
    display:inline-flex;align-items:center;justify-content:center;
    border-radius:var(--radius-md);
    background:var(--card);
    border:1px solid var(--border);
    color:var(--muted);
    font-size:15px;
    font-weight:800;
    box-shadow:var(--shadow-sm);
    transition:background-color .25s ease,color .25s ease,
                border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.footer .footer-social a:hover{
    background:linear-gradient(135deg,var(--primary) 0%,#6B0519 100%);
    border-color:var(--primary);
    color:#fff;
    transform:translateY(-3px);
    box-shadow:var(--shadow-primary);
}
[data-theme="dark"] .footer .footer-social a:hover{
    background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);
    border-color:var(--accent);
    color:#17100F;
    box-shadow:var(--shadow-accent);
}

/* Links Columns */
.footer .footer-links,
.footer .footer-contact{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    min-width:0;
    text-align:center;
}
.footer .footer-links h3,
.footer .footer-contact h3{
    margin:0 0 8px;
    font-size:16.5px;
    font-weight:800;
    color:var(--text);
    line-height:1.5;
    position:relative;
    padding-bottom:12px;
    display:inline-block;
}
.footer .footer-links h3::after,
.footer .footer-contact h3::after{
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width:38px;
    height:3px;
    border-radius:3px;
    background:linear-gradient(90deg,var(--accent) 0%,var(--primary) 100%);
}
[data-theme="dark"] .footer .footer-links h3::after,
[data-theme="dark"] .footer .footer-contact h3::after{
    background:linear-gradient(90deg,var(--accent) 0%,var(--accent-dark) 100%);
}
.footer .footer-links a{
    display:inline-block;
    padding:4px 0;
    color:var(--muted);
    font-size:14px;
    font-weight:600;
    line-height:1.7;
    transition:color .2s ease,transform .2s ease;
}
.footer .footer-links a:hover{
    color:var(--primary);
    transform:translateX(-4px);
}
[data-theme="dark"] .footer .footer-links a:hover{color:var(--accent);}

/* Contact Items */
.footer .contact-item{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 14px;
    border:1px solid var(--border);
    border-radius:var(--radius-md);
    background:var(--card);
    box-shadow:var(--shadow-sm);
    transition:border-color .25s ease,background-color .25s ease,
                transform .25s ease,box-shadow .25s ease;
}
.footer .contact-item:hover{
    border-color:var(--primary);
    background:var(--primary-soft);
    transform:translateY(-2px);
    box-shadow:var(--shadow-primary);
}
[data-theme="dark"] .footer .contact-item:hover{
    border-color:var(--accent);
    background:rgba(201,180,124,.08);
}
.footer .contact-item > span{
    width:34px;height:34px;min-width:34px;
    display:inline-flex;align-items:center;justify-content:center;
    border-radius:var(--radius-sm);
    background:linear-gradient(135deg,var(--primary) 0%,#6B0519 100%);
    color:#E8D5AF;
    font-size:15px;
    font-weight:800;
    line-height:1;
    box-shadow:0 4px 10px rgba(82,4,22,.18);
    transition:transform .25s ease;
}
[data-theme="dark"] .footer .contact-item > span{
    background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);
    color:#17100F;
    box-shadow:0 4px 10px rgba(201,180,124,.20);
}
.footer .contact-item:hover > span{transform:scale(1.06);}
.footer .contact-item p{
    margin:0;
    color:var(--text);
    font-size:13.5px;
    font-weight:600;
    line-height:1.5;
    word-break:break-word;
    direction:ltr;
    text-align:center;
}

/* Bottom Bar */
.footer .footer-bottom{
    position:relative;
    z-index:1;
    width:100%;
    max-width:1180px;
    margin:0 auto;
    padding:22px 0;
    border-top:1px solid var(--border);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
    text-align:center;
}
.footer .footer-bottom p{
    color:var(--muted);
    font-size:13.5px;
    font-weight:500;
    line-height:1.7;
    text-align:center;
}
.footer .footer-bottom p span{
    color:var(--primary);
    font-weight:800;
    display:inline-block;
    padding:0 4px;
}
[data-theme="dark"] .footer .footer-bottom p span{color:var(--accent);}
.footer .footer-bottom-links{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}
.footer .footer-bottom-links a{
    color:var(--muted);
    font-size:13.5px;
    font-weight:600;
    transition:color .2s ease;
}
.footer .footer-bottom-links a:hover{color:var(--primary);}
[data-theme="dark"] .footer .footer-bottom-links a:hover{color:var(--accent);}

/* Powered By */
.footer .footer-powered-by{
    position:relative;
    z-index:1;
    width:100%;
    max-width:1180px;
    margin:0 auto;
    padding:16px 0 22px;
    border-top:1px solid var(--border);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    direction:ltr;
    text-align:center;
    font-size:14px;
    line-height:1.7;
    color:var(--muted);
}
.footer .footer-powered-by span{color:var(--muted);font-weight:500;}
.footer .footer-powered-by a{
    color:var(--primary);
    font-size:15px;
    font-weight:800;
    transition:color .25s ease,opacity .25s ease;
}
[data-theme="dark"] .footer .footer-powered-by a{color:var(--accent);}
.footer .footer-powered-by a:hover{color:var(--primary-dark);opacity:.95;}
[data-theme="dark"] .footer .footer-powered-by a:hover{color:var(--accent-dark);}

/* Responsive Footer */
@media (max-width:1100px){
    .footer .footer-container{
        grid-template-columns:1fr 1fr;
        gap:36px;
    }
    .footer .footer-brand{grid-column:1/-1;}
}
@media (max-width:800px){
    .footer{margin-top:40px;padding:42px clamp(14px,4vw,26px) 0;}
    .footer .footer-container{
        grid-template-columns:1fr;
        gap:32px;
        padding-bottom:36px;
    }
    .footer .footer-brand > p{max-width:100%;}
    .footer .footer-bottom{
        flex-direction:column;
        gap:14px;
        padding:20px 0;
    }
    .footer .footer-powered-by{padding:14px 0 20px;font-size:13px;}
    .footer .footer-powered-by a{font-size:14px;}
}
@media (max-width:520px){
    .footer{margin-top:32px;padding:36px 16px 0;}
    .footer .footer-container{gap:28px;padding-bottom:30px;}
    .footer .footer-logo img{height:46px;max-width:140px;}
    .footer .footer-brand > p{font-size:13px;line-height:1.9;}
    .footer .footer-social{gap:8px;}
    .footer .footer-social a{width:38px;height:38px;border-radius:var(--radius-sm);}
    .footer .footer-bottom-links{gap:14px;}
    .footer .footer-bottom p,
    .footer .footer-bottom-links a{font-size:13px;}
}

/* =========================================================
   6) HOMEPAGE — HERO
   ========================================================= */
.Hero{
    position:relative;width:100%;min-height:100vh;
    padding:110px clamp(20px,6vw,90px) 40px;
    display:flex;align-items:center;justify-content:space-between;
    gap:40px;overflow:hidden;
    background:
        radial-gradient(circle at 15% 20%, rgba(82,4,22,.10), transparent 30%),
        radial-gradient(circle at 85% 85%, rgba(201,169,97,.10), transparent 32%),
        var(--bg);
    direction:rtl;
}
[data-theme="dark"] .Hero{
    background:
        radial-gradient(circle at 15% 20%, rgba(201,180,124,.06), transparent 30%),
        radial-gradient(circle at 85% 85%, rgba(201,180,124,.05), transparent 32%),
        var(--bg);
}
.Hero .allText{
    width:52%;max-width:650px;
    display:flex;flex-direction:column;align-items:flex-start;gap:20px;
    position:relative;z-index:3;text-align:right;
}
.Hero .allText h3{
    display:inline-flex;align-items:center;
    padding:7px 16px;border-radius:var(--radius-pill);
    background:var(--primary-soft);color:var(--primary);
    font-size:15px;font-weight:800;
    border:1px solid rgba(201,169,97,.22);
}
[data-theme="dark"] .Hero .allText h3{
    background:rgba(201,180,124,.10);
    color:var(--accent);
    border-color:rgba(201,180,124,.18);
}
.Hero .allText h1{
    color:var(--text);
    font-size:clamp(38px,4.4vw,62px);
    font-weight:800;line-height:1.25;letter-spacing:-.6px;
}
.Hero .allText h1 span{
    background:linear-gradient(135deg,var(--primary) 0%,var(--accent-dark) 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    color:transparent;
}
[data-theme="dark"] .Hero .allText h1 span{
    background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}
.Hero .allText p{
    max-width:580px;color:var(--muted);
    font-size:clamp(16px,1.4vw,19px);line-height:2;font-weight:500;
}
.Hero .allText a{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    min-width:210px;padding:15px 28px;
    border-radius:var(--radius-md);
    background:linear-gradient(135deg,var(--primary) 0%,#6B0519 100%);
    color:#fff;
    font-size:16px;font-weight:800;
    box-shadow:var(--shadow-primary);
    transition:background .3s ease,transform .3s ease,box-shadow .3s ease;
}
.Hero .allText a:hover{
    background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);
    transform:translateY(-2px);
    box-shadow:var(--shadow-primary-soft);
}
[data-theme="dark"] .Hero .allText a{
    background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);
    color:#17100F;
    box-shadow:var(--shadow-accent);
}
[data-theme="dark"] .Hero .allText a:hover{
    background:linear-gradient(135deg,var(--accent-dark) 0%,var(--accent) 100%);
    box-shadow:var(--shadow-primary-soft);
}
.Hero .ImgMr{
    position:relative;width:45%;
    display:flex;align-items:center;justify-content:center;z-index:2;
}
.Hero .ImgMr img{
    width:min(500px,100%);height:auto;object-fit:contain;
    filter:drop-shadow(0 25px 40px rgba(82,4,22,.15));
    transition:transform .4s ease;
}
[data-theme="dark"] .Hero .ImgMr img{
    filter:drop-shadow(0 25px 40px rgba(0,0,0,.45));
}
.Hero .ImgMr img:hover{transform:translateY(-6px);}

@media (max-width:900px){
    .Hero{
        flex-direction:column;min-height:auto;
        padding:100px 24px 30px;gap:26px;
    }
    .Hero .allText{
        width:100%;max-width:640px;
        align-items:center;text-align:center;
    }
    .Hero .allText h1{font-size:clamp(30px,8vw,44px);}
    .Hero .allText p{font-size:16px;}
    .Hero .ImgMr{width:100%;}
    .Hero .ImgMr img{width:min(340px,80vw);}
}

/* =========================================================
   7) HOMEPAGE — WHY DOCTOR
   ========================================================= */
.why-doctor{
    position:relative;width:100%;
    padding:clamp(35px,4vw,55px) clamp(20px,6vw,80px);
    background:var(--bg);overflow:hidden;
}
.why-doctor::before{
    content:"";position:absolute;
    top:-80px;right:-180px;
    width:420px;height:420px;border-radius:50%;
    background:var(--primary-soft);opacity:.55;pointer-events:none;
}
[data-theme="dark"] .why-doctor::before{
    background:var(--accent-soft);opacity:.30;
}
.why-doctor-title{
    max-width:760px;margin:0 auto clamp(22px,2.5vw,34px);
    text-align:center;position:relative;z-index:2;
}
.why-doctor-title > span{
    display:inline-flex;align-items:center;
    padding:7px 18px;margin-bottom:14px;
    border-radius:var(--radius-pill);
    background:var(--primary-soft);color:var(--primary);
    font-size:14px;font-weight:800;
    border:1px solid rgba(201,169,97,.22);
}
[data-theme="dark"] .why-doctor-title > span{
    background:rgba(201,180,124,.10);
    color:var(--accent);
    border-color:rgba(201,180,124,.18);
}
.why-doctor-title h2{
    color:var(--text);
    font-size:clamp(30px,4.2vw,52px);
    font-weight:800;line-height:1.3;margin-bottom:10px;
}
.why-doctor-title p{
    color:var(--muted);
    font-size:clamp(14px,1.4vw,17px);line-height:1.9;
}
.why-doctor-stage{
    position:relative;width:min(1180px,100%);margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
    align-items:center;
    gap:clamp(28px,4vw,56px);
    direction:ltr;
}
.why-doctor-copy{
    order:1;width:100%;
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;direction:rtl;
}
.why-card{
    position:relative;padding:24px;
    border:1px solid var(--border);
    border-radius:var(--radius-card);
    background:var(--card);
    box-shadow:var(--shadow-sm);
    text-align:right;
    transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease;
}
.why-card:hover{
    border-color:var(--primary);transform:translateY(-4px);
    box-shadow:var(--shadow-primary);
}
[data-theme="dark"] .why-card:hover{
    border-color:var(--accent);
    box-shadow:0 12px 30px rgba(201,180,124,.14);
}
.why-card.dark{
    background:linear-gradient(135deg,var(--primary) 0%,#6B0519 100%);
    color:#fff;
    border-color:var(--primary);
}
[data-theme="dark"] .why-card.dark{
    background:linear-gradient(135deg,#2A1818 0%,#3A1F1F 100%);
    border-color:var(--accent);
}
.why-card.dark h3,
.why-card.dark p,
.why-card.dark small{color:#fff;}
.why-card.dark p{opacity:.85;}
.why-card.gold{
    background:var(--accent-soft);
    border-color:rgba(201,169,97,.30);
}
[data-theme="dark"] .why-card.gold{
    background:rgba(201,180,124,.10);
    border-color:rgba(201,180,124,.20);
}
.why-card-head{
    display:flex;align-items:center;justify-content:space-between;
    margin-bottom:16px;
}
.why-card-icon{
    width:52px;height:52px;
    display:grid;place-items:center;border-radius:15px;
    background:var(--primary-soft);color:var(--primary);
    transition:transform .3s ease;
    border:1px solid rgba(201,169,97,.18);
}
[data-theme="dark"] .why-card-icon{
    background:rgba(201,180,124,.10);
    color:var(--accent);
    border-color:rgba(201,180,124,.18);
}
.why-card.dark .why-card-icon{
    background:rgba(201,169,97,.20);color:#E8D5AF;
    border-color:rgba(201,169,97,.35);
}
.why-card-icon svg{
    width:26px;height:26px;fill:none;stroke:currentColor;
    stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;
}
.why-card:hover .why-card-icon{transform:translateY(-3px) rotate(-4deg);}
.why-card small{
    color:var(--primary);
    font:800 12px/1 Arial,sans-serif;direction:ltr;
}
[data-theme="dark"] .why-card small{color:var(--accent);}
.why-card h3{
    color:var(--text);
    font-size:20px;font-weight:800;line-height:1.4;margin-bottom:8px;
}
.why-card p{color:var(--muted);font-size:14px;line-height:1.9;margin:0;}
.why-doctor-center{
    order:2;position:relative;width:min(420px,100%);
    aspect-ratio:1;display:grid;place-items:center;justify-self:center;
}
.why-doctor-ring{
    position:absolute;inset:5%;border-radius:50%;
    background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);
    box-shadow:0 30px 60px rgba(82,4,22,.28);
}
[data-theme="dark"] .why-doctor-ring{
    background:linear-gradient(135deg,#3A1F1F 0%,var(--accent) 100%);
    box-shadow:0 30px 60px rgba(0,0,0,.50);
}
.why-doctor-ring::before{
    content:"";position:absolute;inset:12px;
    border-radius:50%;border:3px solid rgba(201,169,97,.45);
}
.why-doctor-photo{
    position:relative;z-index:2;
    width:80%;aspect-ratio:1;overflow:hidden;
    border:9px solid var(--card);border-radius:50%;
    background:var(--primary-soft);
    box-shadow:0 20px 45px rgba(42,31,34,.18);
}
.why-doctor-photo img{
    width:100%;height:100%;display:block;
    object-fit:cover;object-position:center top;
    transition:transform .6s cubic-bezier(.22,.61,.36,1);
}
.why-doctor-center:hover .why-doctor-photo img{transform:scale(1.045);}
.doctor-sign{
    position:absolute;left:50%;bottom:6px;transform:translateX(-50%);
    z-index:5;display:inline-flex;align-items:center;gap:8px;
    padding:10px 18px;border-radius:var(--radius-pill);
    background:var(--card);color:var(--text);
    border:1px solid var(--border);box-shadow:var(--shadow-md);
    font-size:13px;font-weight:700;white-space:nowrap;
}
.doctor-sign-dot{
    width:8px;height:8px;border-radius:50%;
    background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);
    flex:0 0 8px;
}
[data-theme="dark"] .doctor-sign-dot{
    background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);
}
.doctor-sign strong{font-weight:800;color:var(--text);}
.doctor-sign > span:last-child{color:var(--muted);}

@media (max-width:900px){
    .why-doctor-stage{grid-template-columns:1fr;gap:22px;direction:rtl;}
    .why-doctor-copy{grid-template-columns:1fr;order:2;}
    .why-doctor-center{order:1;width:min(320px,80vw);}
}
@media (max-width:520px){
    .why-doctor-copy{grid-template-columns:1fr;gap:14px;}
    .why-card{padding:20px;}
    .why-card h3{font-size:18px;}
    .why-card p{font-size:13.5px;}
}

/* =========================================================
   8) HOMEPAGE — LECTURES
   ========================================================= */
.lectures{
    width:100%;
    padding:clamp(35px,4vw,55px) clamp(20px,6vw,80px);
    background:var(--bg);
}
.lectures-title{
    text-align:center;margin-bottom:clamp(18px,2.2vw,28px);
}
.lectures-title span{
    display:inline-flex;padding:6px 16px;margin-bottom:12px;
    border-radius:var(--radius-pill);
    background:var(--primary-soft);color:var(--primary);
    font-size:14px;font-weight:800;
    border:1px solid rgba(201,169,97,.22);
}
[data-theme="dark"] .lectures-title span{
    background:rgba(201,180,124,.10);
    color:var(--accent);
    border-color:rgba(201,180,124,.18);
}
.lectures-title h2{
    color:var(--text);
    font-size:clamp(28px,4vw,48px);
    font-weight:800;line-height:1.35;margin-bottom:8px;
}
.lectures-title p{color:var(--muted);font-size:clamp(13px,1.3vw,16px);}
.lectures-container{
    width:min(1080px,100%);margin:0 auto;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:22px;
}
.lecture-card{
    position:relative;padding:32px 26px;
    display:flex;flex-direction:column;align-items:center;
    text-align:center;
    background:var(--card);
    border:1px solid var(--border);
    border-radius:var(--radius-card);
    box-shadow:var(--shadow-sm);
    transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease;
}
.lecture-card:hover{
    border-color:var(--primary);transform:translateY(-4px);
    box-shadow:var(--shadow-primary);
}
[data-theme="dark"] .lecture-card:hover{
    border-color:var(--accent);
    box-shadow:0 12px 30px rgba(201,180,124,.14);
}
.lecture-card-icon{
    width:60px;height:60px;
    display:grid;place-items:center;margin-bottom:16px;
    border-radius:17px;
    background:var(--primary-soft);color:var(--primary);
    border:1px solid rgba(201,169,97,.18);
    transition:transform .3s ease;
}
[data-theme="dark"] .lecture-card-icon{
    background:rgba(201,180,124,.10);
    color:var(--accent);
    border-color:rgba(201,180,124,.18);
}
.lecture-card:hover .lecture-card-icon{transform:translateY(-3px) scale(1.05);}
.lecture-card-icon svg{
    width:28px;height:28px;fill:none;stroke:currentColor;
    stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;
}
.lecture-card h3{
    color:var(--text);font-size:22px;font-weight:800;margin-bottom:4px;
}
.lecture-card h4{
    color:var(--primary);font-size:15px;font-weight:700;margin-bottom:10px;
}
[data-theme="dark"] .lecture-card h4{color:var(--accent);}
.lecture-card p{
    color:var(--muted);font-size:13.5px;line-height:1.8;margin-bottom:16px;
}
.lecture-link{
    display:inline-flex;align-items:center;gap:8px;
    color:var(--primary);font-size:14px;font-weight:800;
    margin-top:auto;
}
[data-theme="dark"] .lecture-link{color:var(--accent);}
.lecture-link b{
    display:inline-flex;align-items:center;justify-content:center;
    width:28px;height:28px;border-radius:50%;
    background:var(--primary-soft);color:var(--primary);
    transition:transform .3s ease,background .3s ease,color .3s ease;
}
[data-theme="dark"] .lecture-link b{
    background:rgba(201,180,124,.12);
    color:var(--accent);
}
.lecture-card:hover .lecture-link b{
    background:linear-gradient(135deg,var(--primary) 0%,#6B0519 100%);
    color:#fff;
    transform:translateX(-4px);
}
[data-theme="dark"] .lecture-card:hover .lecture-link b{
    background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);
    color:#17100F;
}

/* =========================================================
   9) SHARED CARD (Courses + Plans)
   ========================================================= */
.course-card{
    position:relative;
    display:flex;
    flex-direction:column;
    background:var(--card);
    border:1px solid var(--border);
    border-radius:var(--radius-card);
    overflow:hidden;
    box-shadow:var(--shadow-sm);
    transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease;
}
.course-card:hover{
    border-color:var(--primary);
    transform:translateY(-4px);
    box-shadow:var(--shadow-primary);
}
[data-theme="dark"] .course-card:hover{
    border-color:var(--accent);
    box-shadow:0 12px 30px rgba(201,180,124,.14);
}

.course-image{
    position:relative;
    width:100%;
    height:0;
    padding-top:56.25%;
    flex:0 0 auto;
    overflow:hidden;
    background:var(--primary-soft);
}
[data-theme="dark"] .course-image{background:rgba(201,180,124,.08);}
.course-image img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease;
    pointer-events:none;
    -webkit-user-drag:none;
}
.course-card:hover .course-image img{transform:scale(1.04);}

.course-badge{
    position:absolute;top:12px;right:12px;
    padding:6px 12px;
    border-radius:var(--radius-pill);
    background:linear-gradient(135deg,var(--primary) 0%,#6B0519 100%);
    color:#fff;
    font-size:11px;font-weight:800;
    box-shadow:var(--shadow-primary);
    z-index:2;
}
[data-theme="dark"] .course-badge{
    background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);
    color:#17100F;
    box-shadow:var(--shadow-accent);
}

.course-body{
    padding:20px;
    display:flex;
    flex-direction:column;
    flex:1 1 auto;
}
.course-body h3{
    min-height:52px;
    color:var(--text);
    font-size:18px;font-weight:800;line-height:1.45;
    margin-bottom:8px;
}
.course-price{
    display:flex;align-items:baseline;gap:5px;
    margin-bottom:14px;
}
.course-price strong{
    color:var(--primary);
    font-size:24px;font-weight:800;
}
[data-theme="dark"] .course-price strong{color:var(--accent);}
.course-price span{color:var(--muted);font-size:13px;font-weight:600;}

.course-info{
    display:flex;flex-direction:column;gap:9px;
    margin-bottom:16px;
    min-height:100px;
}
.course-info > div{display:flex;align-items:center;gap:9px;}
.course-info-icon{
    flex:0 0 27px;
    width:27px;height:27px;
    display:grid;place-items:center;
    border-radius:50%;
    background:var(--primary-soft);
    color:var(--primary);
    border:1px solid rgba(201,169,97,.18);
}
[data-theme="dark"] .course-info-icon{
    background:rgba(201,180,124,.10);
    color:var(--accent);
    border-color:rgba(201,180,124,.16);
}
.course-info-icon svg{
    width:15px;height:15px;fill:none;stroke:currentColor;
    stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;
}
.course-info p{
    margin:0;color:var(--muted);
    font-size:13.5px;line-height:1.5;
}

.course-buttons{
    display:flex;flex-direction:column;gap:7px;
    margin-top:auto;
}
.course-buttons a{
    display:flex;align-items:center;justify-content:center;
    min-height:40px;
    border-radius:var(--radius-md);
    font-size:14px;font-weight:800;
    transition:background .3s ease,color .3s ease,border-color .3s ease,transform .3s ease;
}
.course-details{
    background:transparent;
    color:var(--text);
    border:1.5px solid var(--border);
}
.course-details:hover{
    background:var(--primary-soft);
    border-color:var(--primary);
    color:var(--primary);
}
[data-theme="dark"] .course-details:hover{
    background:rgba(201,180,124,.10);
    border-color:var(--accent);
    color:var(--accent);
}
.course-subscribe{
    background:linear-gradient(135deg,var(--primary) 0%,#6B0519 100%);
    color:#fff;
    border:1.5px solid var(--primary);
    box-shadow:0 4px 12px rgba(82,4,22,.18);
}
.course-subscribe:hover{
    background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);
    border-color:var(--primary-dark);
    transform:translateY(-1px);
    box-shadow:var(--shadow-primary);
}
[data-theme="dark"] .course-subscribe{
    background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);
    color:#17100F;
    border-color:var(--accent);
    box-shadow:0 4px 12px rgba(201,180,124,.20);
}
[data-theme="dark"] .course-subscribe:hover{
    background:linear-gradient(135deg,var(--accent-dark) 0%,var(--accent) 100%);
    border-color:var(--accent-dark);
    box-shadow:var(--shadow-accent);
}

/* =========================================================
   10) COURSES — SLIDER
   ========================================================= */
.courses{
    width:100%;
    padding:clamp(35px,4vw,55px) clamp(20px,5vw,70px);
    background:var(--card);
    overflow:hidden;
}
.courses-title{
    text-align:center;margin-bottom:clamp(18px,2.2vw,28px);
}
.courses-title span{
    display:inline-flex;padding:6px 16px;margin-bottom:12px;
    border-radius:var(--radius-pill);
    background:var(--primary-soft);color:var(--primary);
    font-size:14px;font-weight:800;
    border:1px solid rgba(201,169,97,.22);
}
[data-theme="dark"] .courses-title span{
    background:rgba(201,180,124,.10);
    color:var(--accent);
    border-color:rgba(201,180,124,.18);
}
.courses-title h2{
    color:var(--text);
    font-size:clamp(28px,4vw,48px);
    font-weight:800;line-height:1.35;margin-bottom:8px;
}
.courses-title p{color:var(--muted);font-size:clamp(13px,1.3vw,16px);}

.course-slider{
    position:relative;
    width:min(1160px,100%);
    margin:0 auto;
    padding:0 52px;
    direction:ltr;
    box-sizing:border-box;
}
.course-slider-viewport{
    width:100%;max-width:100%;
    overflow:hidden;
    padding:8px 0 18px;
    direction:ltr;
    touch-action:pan-y;
    user-select:none;-webkit-user-select:none;
    box-sizing:border-box;
}
.course-slider-track{
    display:flex;
    flex-wrap:nowrap;
    width:max-content;
    max-width:none;
    gap:24px;
    align-items:stretch;
    direction:ltr;
    will-change:transform;
    transition:transform .42s cubic-bezier(.22,.61,.36,1);
    cursor:grab;
}
.course-slider-viewport.is-dragging .course-slider-track{cursor:grabbing;}

.course-slide{
    flex:0 0 auto;
    flex-shrink:0;
    min-width:0;
    max-width:100%;
    direction:rtl;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
}

.course-slider-arrow{
    position:absolute;top:50%;
    width:46px;height:46px;
    display:grid;place-items:center;
    border-radius:50%;
    background:var(--card);color:var(--text);
    border:1px solid var(--border);
    box-shadow:var(--shadow-md);
    transform:translateY(-50%);
    z-index:8;
    transition:background .25s ease,color .25s ease,opacity .25s ease,border-color .25s ease;
}
.course-slider-next{right:0;}
.course-slider-prev{left:0;}
.course-slider-arrow:hover:not(:disabled){
    background:linear-gradient(135deg,var(--primary) 0%,#6B0519 100%);
    color:#fff;
    border-color:var(--primary);
}
[data-theme="dark"] .course-slider-arrow:hover:not(:disabled){
    background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);
    color:#17100F;
    border-color:var(--accent);
}
.course-slider-arrow:disabled{opacity:.32;cursor:default;box-shadow:none;}
.course-slider-arrow svg{
    width:20px;height:20px;fill:none;stroke:currentColor;
    stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.course-slider-dots{
    min-height:16px;
    display:flex;align-items:center;justify-content:center;
    gap:7px;margin-top:8px;direction:ltr;
}
.course-slider-dot{
    width:7px;height:7px;border-radius:50%;
    background:var(--border);
    transition:width .25s ease,background .25s ease;
}
.course-slider-dot.active{
    width:24px;border-radius:999px;
    background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);
}
[data-theme="dark"] .course-slider-dot.active{
    background:linear-gradient(90deg,var(--accent) 0%,var(--accent-dark) 100%);
}

@media (max-width:650px){
    .courses{padding-left:0 !important;padding-right:0 !important;}
    .course-slider{padding:0 15px !important;}
    .course-slider-track{gap:12px;}
    .course-slide{
        width:85% !important;
        flex-basis:85% !important;
        max-width:85% !important;
    }
    .course-slider-arrow{display:none !important;}
}

/* =========================================================
   11) PLANS — SLIDER
   ========================================================= */
.plans{
    width:100%;
    padding:clamp(35px,4vw,55px) clamp(20px,5vw,70px);
    background:var(--bg);
    overflow:hidden;
}
.plans-title{margin-bottom:clamp(18px,2.2vw,28px);}
.plans-slider{
    position:relative;
    width:min(1160px,100%);
    margin:0 auto;
    padding:0 52px;
    direction:ltr;
    box-sizing:border-box;
}
.plans-viewport{
    width:100%;max-width:100%;
    overflow:hidden;
    padding:8px 0 18px;
    direction:ltr;
    touch-action:pan-y;
    user-select:none;
    box-sizing:border-box;
}
.plans-track{
    display:flex;
    flex-wrap:nowrap;
    width:max-content;
    max-width:none;
    gap:24px;
    align-items:stretch;
    direction:ltr;
    will-change:transform;
    transition:transform .42s cubic-bezier(.22,.61,.36,1);
    cursor:grab;
}
.plans-viewport.is-dragging .plans-track{cursor:grabbing;}

.plans-track .plan-card{
    flex:0 0 auto;
    flex-shrink:0;
    min-width:0;
    max-width:100%;
    direction:rtl;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
}

.plans-arrow{
    position:absolute;top:50%;
    width:46px;height:46px;
    display:grid;place-items:center;
    border-radius:50%;
    background:var(--card);color:var(--text);
    border:1px solid var(--border);
    box-shadow:var(--shadow-md);
    transform:translateY(-50%);
    z-index:8;
    transition:background .25s ease,color .25s ease,opacity .25s ease,border-color .25s ease;
}
.plans-arrow-next{right:0;}
.plans-arrow-prev{left:0;}
.plans-arrow:hover:not(:disabled){
    background:linear-gradient(135deg,var(--primary) 0%,#6B0519 100%);
    color:#fff;
    border-color:var(--primary);
}
[data-theme="dark"] .plans-arrow:hover:not(:disabled){
    background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);
    color:#17100F;
    border-color:var(--accent);
}
.plans-arrow:disabled{opacity:.32;cursor:default;box-shadow:none;}
.plans-arrow svg{
    width:20px;height:20px;fill:none;stroke:currentColor;
    stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.plans-dots{
    min-height:16px;
    display:flex;align-items:center;justify-content:center;
    gap:7px;margin-top:8px;direction:ltr;
}
.plans-dot{
    width:7px;height:7px;border-radius:50%;
    background:var(--border);
    transition:width .25s ease,background .25s ease;
}
.plans-dot.active{
    width:24px;border-radius:999px;
    background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);
}
[data-theme="dark"] .plans-dot.active{
    background:linear-gradient(90deg,var(--accent) 0%,var(--accent-dark) 100%);
}

@media (max-width:650px){
    .plans{padding-left:0 !important;padding-right:0 !important;}
    .plans-slider{padding:0 15px !important;}
    .plans-track{gap:12px;}
    .plans-track .plan-card{
        width:85% !important;
        flex-basis:85% !important;
        max-width:85% !important;
    }
    .plans-arrow{display:none !important;}
}

/* =========================================================
   12) CTA
   ========================================================= */
.cta-section{
    width:100%;
    padding:clamp(25px,3vw,40px) clamp(20px,5vw,70px);
    background:var(--bg);
}
.cta-content{
    position:relative;
    width:min(1000px,100%);margin:0 auto;
    padding:clamp(45px,5vw,65px) clamp(24px,4vw,50px);
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;
    background:linear-gradient(135deg,#3A020F 0%,#520416 50%,#6B0519 100%);
    color:#fff;
    border-radius:var(--radius-card);
    box-shadow:0 24px 60px rgba(82,4,22,.28);
    overflow:hidden;
    border:1px solid rgba(201,169,97,.20);
}
[data-theme="dark"] .cta-content{
    background:linear-gradient(135deg,#1E1010 0%,#2A1818 50%,#3A1F1F 100%);
    box-shadow:0 24px 60px rgba(0,0,0,.55);
    border-color:rgba(201,180,124,.18);
}
.cta-content::before{
    content:"";position:absolute;inset:0;opacity:.14;
    background-image:radial-gradient(circle,rgba(201,169,97,.9) 1.5px,transparent 1.8px);
    background-size:30px 30px;pointer-events:none;
}
[data-theme="dark"] .cta-content::before{
    background-image:radial-gradient(circle,rgba(201,180,124,.7) 1.5px,transparent 1.8px);
    opacity:.10;
}
.cta-small{
    position:relative;z-index:2;
    display:inline-flex;padding:6px 16px;
    border-radius:var(--radius-pill);
    background:rgba(201,169,97,.18);
    border:1px solid rgba(201,169,97,.30);
    color:#E8D5AF;
    font-size:14px;font-weight:700;margin-bottom:14px;
}
.cta-content h2{
    position:relative;z-index:2;
    font-size:clamp(28px,4.5vw,52px);
    font-weight:800;line-height:1.35;margin-bottom:12px;
}
.cta-content h2 span{display:block;color:#E8D5AF;}
.cta-content p{
    position:relative;z-index:2;
    max-width:560px;
    color:rgba(255,255,255,.85);
    font-size:15px;line-height:1.9;margin-bottom:24px;
}
.cta-btn{
    position:relative;z-index:2;
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    min-width:210px;padding:14px 26px;
    border-radius:var(--radius-md);
    background:#fff;color:var(--primary);
    font-size:15px;font-weight:800;
    box-shadow:0 12px 30px rgba(0,0,0,.20);
    transition:transform .3s ease,box-shadow .3s ease;
}
.cta-btn span{font-size:19px;transition:transform .3s ease;}
.cta-btn:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(0,0,0,.28);}
.cta-btn:hover span{transform:translateX(-4px);}

/* =========================================================
   13) REDUCED MOTION
   ========================================================= */
@media (prefers-reduced-motion: reduce){
    *,*::before,*::after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
        scroll-behavior:auto !important;
    }
}