/*
Theme Name: Smart Learning Center Pro
Theme URI: https://example.com/
Author: MRiNDiGi
Description: Premium education and learning-center WordPress theme with student-focused UI.
Version: 1.2.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.0
Text Domain: smart-learning-center
*/
:root{
  --slc-bg:#f7f8fc;--slc-text:#111827;--slc-muted:#667085;--slc-brand:#6d4aff;
  --slc-brand2:#ff6b6b;--slc-accent:#16c79a;--slc-dark:#0d1324;--slc-card:#fff;
  --slc-line:#e8eaf2;--slc-shadow:0 18px 60px rgba(32,30,80,.10);--slc-radius:24px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--slc-bg);color:var(--slc-text);line-height:1.6}
a{color:inherit;text-decoration:none}.slc-wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.slc-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(230,232,240,.9)}
.slc-nav{min-height:76px;display:flex;align-items:center;gap:30px}.slc-brand{display:flex;align-items:center;gap:12px;font-weight:850;font-size:20px;white-space:nowrap}
.slc-logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--slc-brand),#9b6dff);color:#fff;box-shadow:0 10px 28px rgba(109,74,255,.3)}
.slc-menu{display:flex;gap:24px;align-items:center;margin-left:auto;font-weight:650;color:#3e4656}.slc-menu a:hover{color:var(--slc-brand)}
.slc-actions{display:flex;gap:10px;align-items:center}.slc-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border-radius:14px;font-weight:750;border:1px solid var(--slc-line);background:#fff;cursor:pointer}
.slc-btn-primary{background:linear-gradient(135deg,var(--slc-brand),#8a62ff);color:#fff;border-color:transparent;box-shadow:0 12px 30px rgba(109,74,255,.22)}
.slc-mobile-toggle{display:none;margin-left:auto;border:0;background:#fff;font-size:24px}
.slc-hero{padding:72px 0 50px;position:relative;overflow:hidden}.slc-hero:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(109,74,255,.14),transparent 65%);right:-240px;top:-260px}
.slc-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:center}.slc-kicker{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:#efeaff;color:#5c3de0;font-weight:800;font-size:13px}
.slc-hero h1{font-size:clamp(44px,6vw,76px);line-height:1.03;letter-spacing:-3px;margin:20px 0}.slc-hero h1 span{background:linear-gradient(90deg,var(--slc-brand),#f2558a);-webkit-background-clip:text;color:transparent}
.slc-hero p{font-size:19px;color:var(--slc-muted);max-width:680px}.slc-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 30px}
.slc-trust{display:flex;gap:24px;flex-wrap:wrap;color:#4d5668;font-weight:650;font-size:14px}.slc-trust b{color:#111827}
.slc-visual{position:relative;min-height:500px}.slc-visual-main{position:absolute;inset:32px 20px 20px 20px;border-radius:36px;background:linear-gradient(145deg,#171c36,#2b245f 55%,#5231c7);box-shadow:0 35px 90px rgba(41,31,100,.27);overflow:hidden;padding:28px;color:#fff}
.slc-visual-main:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.08);right:-70px;top:-70px}
.slc-mini-title{font-size:13px;opacity:.72;font-weight:750;text-transform:uppercase;letter-spacing:1px}.slc-lesson-title{font-size:30px;line-height:1.15;font-weight:850;margin:14px 0}
.slc-progress{height:10px;border-radius:99px;background:rgba(255,255,255,.15);overflow:hidden}.slc-progress i{display:block;width:68%;height:100%;background:linear-gradient(90deg,#51e2b7,#8ff3d7)}
.slc-video{margin-top:25px;height:190px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05));display:grid;place-items:center;border:1px solid rgba(255,255,255,.13)}
.slc-play{width:70px;height:70px;border-radius:50%;background:#fff;color:var(--slc-brand);display:grid;place-items:center;font-size:25px}
.slc-float{position:absolute;background:#fff;border-radius:20px;padding:16px 18px;box-shadow:var(--slc-shadow);font-weight:750}.slc-float.one{left:-14px;top:10px}.slc-float.two{right:-15px;bottom:30px}.slc-float .num{font-size:22px;color:var(--slc-brand)}
.slc-section{padding:74px 0}.slc-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.slc-section h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1.8px;line-height:1.1;margin:0}.slc-section-head p{color:var(--slc-muted);max-width:560px}
.slc-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.slc-category{background:#fff;border:1px solid var(--slc-line);padding:22px;border-radius:22px;transition:.25s}.slc-category:hover{transform:translateY(-6px);box-shadow:var(--slc-shadow)}
.slc-cat-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:#f1edff;color:var(--slc-brand);font-size:24px}.slc-category h3{margin:15px 0 4px}.slc-category p{margin:0;color:var(--slc-muted);font-size:14px}
.slc-courses{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.slc-course{background:#fff;border:1px solid var(--slc-line);border-radius:26px;overflow:hidden;box-shadow:0 8px 34px rgba(36,35,62,.04);transition:.25s}.slc-course:hover{transform:translateY(-5px);box-shadow:var(--slc-shadow)}
.slc-course-cover{height:190px;background:linear-gradient(135deg,#e8e1ff,#ffdce8);position:relative;padding:20px}.slc-course-cover.alt{background:linear-gradient(135deg,#dff9f0,#d7ebff)}.slc-course-cover.third{background:linear-gradient(135deg,#fff2cf,#ffe0d8)}
.slc-course-art{height:100%;border-radius:20px;background:rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;font-size:72px}.slc-course-body{padding:20px}.slc-label{font-size:12px;font-weight:850;color:var(--slc-brand);text-transform:uppercase;letter-spacing:.8px}.slc-course h3{font-size:21px;line-height:1.25;margin:9px 0}
.slc-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--slc-muted);font-size:13px}.slc-price{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid var(--slc-line)}.slc-price strong{font-size:20px}
.slc-band{background:var(--slc-dark);color:#fff;border-radius:34px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.slc-band p{color:#b8c0d0}.slc-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.slc-stat{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);padding:22px;border-radius:20px}.slc-stat strong{display:block;font-size:30px}
.slc-dashboard-demo{display:grid;grid-template-columns:250px 1fr;background:#fff;border:1px solid var(--slc-line);border-radius:30px;overflow:hidden;box-shadow:var(--slc-shadow);min-height:520px}
.slc-dash-side{background:#101426;color:#fff;padding:24px}.slc-dash-side a{display:block;padding:11px 13px;margin:6px 0;border-radius:12px;color:#aeb7ca}.slc-dash-side a.active,.slc-dash-side a:hover{background:#6d4aff;color:#fff}
.slc-dash-main{padding:28px}.slc-dash-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.slc-dash-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.slc-dash-card{border:1px solid var(--slc-line);border-radius:18px;padding:17px}.slc-dash-card small{color:var(--slc-muted)}.slc-dash-card strong{display:block;font-size:25px;margin-top:5px}
.slc-table{width:100%;border-collapse:collapse}.slc-table th,.slc-table td{padding:14px;text-align:left;border-bottom:1px solid var(--slc-line);font-size:14px}.slc-table th{color:var(--slc-muted);font-size:12px;text-transform:uppercase}
.slc-cta{padding:70px 0}.slc-cta-card{background:linear-gradient(135deg,#6847f4,#9f54e9 58%,#f15b8d);color:#fff;border-radius:34px;padding:52px;text-align:center}.slc-cta-card h2{font-size:46px;margin:0 0 12px}.slc-cta-card p{opacity:.85;max-width:650px;margin:0 auto 24px}
.slc-footer{background:#0d1324;color:#c8cede;padding:55px 0 24px}.slc-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px}.slc-footer h4{color:#fff}.slc-footer a{display:block;margin:8px 0;color:#aab2c5}.slc-copy{border-top:1px solid rgba(255,255,255,.09);margin-top:35px;padding-top:20px;font-size:13px;color:#8791a8}
@media(max-width:980px){.slc-menu,.slc-actions{display:none}.slc-mobile-toggle{display:block}.slc-hero-grid,.slc-band{grid-template-columns:1fr}.slc-grid-4{grid-template-columns:repeat(2,1fr)}.slc-courses{grid-template-columns:repeat(2,1fr)}.slc-dash-cards{grid-template-columns:repeat(2,1fr)}.slc-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.slc-wrap{width:min(100% - 24px,1180px)}.slc-hero{padding-top:42px}.slc-hero h1{font-size:45px;letter-spacing:-2px}.slc-visual{min-height:420px}.slc-grid-4,.slc-courses,.slc-footer-grid{grid-template-columns:1fr}.slc-dashboard-demo{grid-template-columns:1fr}.slc-dash-side{display:none}.slc-dash-cards{grid-template-columns:repeat(2,1fr)}.slc-table{font-size:12px}.slc-section{padding:55px 0}.slc-section-head{display:block}.slc-cta-card{padding:36px 20px}.slc-cta-card h2{font-size:34px}}


/* v1.1 Auth + account UI */
.slc-auth-shell{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1fr 1fr;background:#f7f8fc}
.slc-auth-art{padding:60px;display:flex;align-items:center;justify-content:center;background:
radial-gradient(circle at 15% 20%,rgba(109,74,255,.25),transparent 35%),
radial-gradient(circle at 80% 70%,rgba(241,91,141,.22),transparent 38%),
linear-gradient(145deg,#11162d,#251d57 60%,#5b39d7);color:#fff}
.slc-auth-art-inner{max-width:520px}.slc-auth-art h1{font-size:56px;line-height:1.02;letter-spacing:-2.5px;margin:18px 0}
.slc-auth-art p{color:#cbd2e5;font-size:18px}.slc-auth-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.slc-auth-point{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.06)}
.slc-auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:48px 28px}
.slc-auth-card{width:min(100%,500px);background:#fff;border:1px solid var(--slc-line);border-radius:30px;padding:34px;box-shadow:var(--slc-shadow)}
.slc-auth-card h2{font-size:34px;letter-spacing:-1px;margin:0 0 8px}.slc-auth-card>p{margin:0 0 24px;color:var(--slc-muted)}
.slc-field{margin-bottom:16px}.slc-field label{display:block;font-weight:750;margin-bottom:7px}.slc-field input,.slc-field select{
width:100%;padding:14px 15px;border:1px solid #dfe3ec;border-radius:14px;font:inherit;outline:none;background:#fff}
.slc-field input:focus,.slc-field select:focus{border-color:var(--slc-brand);box-shadow:0 0 0 4px rgba(109,74,255,.08)}
.slc-auth-card .slc-btn{width:100%;padding:14px}.slc-auth-links{text-align:center;margin-top:18px;color:var(--slc-muted)}
.slc-auth-links a{color:var(--slc-brand);font-weight:800}.slc-notice{padding:12px 14px;border-radius:12px;margin-bottom:16px;font-size:14px}
.slc-notice.error{background:#fff0f0;color:#b42318}.slc-notice.success{background:#ecfdf3;color:#067647}
.slc-account-chip{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--slc-line);border-radius:999px;background:#fff;font-weight:750}
@media(max-width:800px){.slc-auth-shell{grid-template-columns:1fr}.slc-auth-art{padding:42px 24px;min-height:340px}.slc-auth-art h1{font-size:42px}.slc-auth-points{grid-template-columns:1fr 1fr}.slc-auth-form-wrap{padding:28px 16px}}
@media(max-width:520px){.slc-auth-points{grid-template-columns:1fr}.slc-auth-card{padding:24px}.slc-auth-art h1{font-size:36px}}