/* =========================================================
   SI-CS J4 — DASHBOARD / HOME POLISH
   Visual consistency only — no functional changes.
========================================================= */

.hero-panel{min-height:430px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 28px 80px rgba(16,24,40,.12);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}
.hero-panel:hover{transform:translateY(-5px);box-shadow:0 34px 90px rgba(16,24,40,.16)}
.clean-icon{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}
.hero-panel:hover .clean-icon{transform:translateY(-4px) scale(1.04);box-shadow:0 24px 50px rgba(22,119,255,.3)}
.hero-panel h3{letter-spacing:-.02em}
.hero-section .btn-outline-dark{border-color:var(--dark);color:var(--dark)}
.hero-section .btn-outline-dark:hover{background:var(--dark);color:var(--bg)}
.hero-section .lead{line-height:1.8}
.hero-section .eyebrow{box-shadow:0 8px 24px rgba(22,119,255,.07)}

.feature-card h4,.guide-card h5{color:var(--dark);font-weight:800;letter-spacing:-.015em}
.feature-card .card-body,.guide-card .card-body{min-height:250px}
.feature-card p,.guide-card p{line-height:1.65}
.guide-card .guide-meta{border-top:1px solid var(--border);padding-top:14px}

.mini-grid div{transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.mini-grid div:hover{transform:translateY(-3px);background:rgba(22,119,255,.1);box-shadow:0 10px 24px rgba(22,119,255,.08)}

.video-card{height:100%;border:1px solid var(--border);background:var(--card);box-shadow:0 18px 45px rgba(16,24,40,.08);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease}
.video-card:hover{transform:translateY(-7px);box-shadow:0 25px 60px rgba(16,24,40,.14);border-color:rgba(22,119,255,.3)}
.video-info{min-height:96px}
.video-info strong{display:block;color:var(--dark);line-height:1.4}
.bg-soft .btn-light{background:var(--card);color:var(--dark);border-color:var(--border)!important}
.bg-soft .btn-light:hover{background:var(--primary);color:#fff;border-color:var(--primary)!important}

body.dark-mode .hero-section{background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.2),transparent 35%),radial-gradient(circle at 80% 50%,rgba(124,58,237,.16),transparent 30%)}
body.dark-mode .hero-panel,body.dark-mode .video-card{box-shadow:0 28px 80px rgba(0,0,0,.24)}
body.dark-mode .hero-section .btn-outline-dark{border-color:#94a3b8;color:#e2e8f0}
body.dark-mode .hero-section .btn-outline-dark:hover{background:#e2e8f0;color:#0f172a}
body.dark-mode .mini-grid div{background:rgba(96,165,250,.09)}
body.dark-mode .mini-grid div:hover{background:rgba(96,165,250,.15)}
body.dark-mode .feature-card h4,body.dark-mode .guide-card h5,body.dark-mode .video-info strong{color:#e2e8f0}
body.dark-mode .guide-card .guide-meta{border-color:var(--border)}

@media(max-width:991px){.hero-section{padding-top:65px}.hero-panel{min-height:390px;margin-top:15px}.feature-card .card-body,.guide-card .card-body{min-height:230px}}
@media(max-width:576px){.hero-section{padding:55px 0 30px}.hero-section h1{font-size:clamp(2.35rem,12vw,3.5rem);margin:18px 0}.hero-section .lead{font-size:1rem;line-height:1.7}.hero-section .btn{width:100%}.hero-panel{min-height:0;padding:32px 22px;border-radius:24px}.clean-icon{width:82px;height:82px;border-radius:24px;font-size:2.4rem}.mini-grid{gap:7px}.mini-grid div{padding:12px 3px}.mini-grid strong{font-size:1.3rem}.feature-card .card-body,.guide-card .card-body{min-height:0;padding:22px}.video-info{min-height:0;padding:18px}.hero-panel:hover,.video-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-panel,.clean-icon,.mini-grid div,.video-card{transition:none!important}.hero-panel:hover,.clean-icon,.mini-grid div,.video-card:hover{transform:none!important}}