@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--primary: #0ea5e9;--primary-light: #38bdf8;--primary-dark: #0284c7;--secondary: #14b8a6;--accent: #8b5cf6;--bg: #ffffff;--bg-secondary: #f8fafc;--bg-card: #ffffff;--bg-glass: rgba(14, 165, 233, .06);--bg-input: #f8fafc;--border: rgba(14, 165, 233, .18);--border-subtle: #cbd5e1;--border-hover: rgba(14, 165, 233, .4);--text: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-faint: #94a3b8;--nav-bg: rgba(255, 255, 255, .95);--modal-bg: #ffffff;--section-alt: #f1f5f9;--gradient: linear-gradient(135deg, #0ea5e9, #14b8a6);--gradient-soft: linear-gradient(135deg, rgba(14,165,233,.1), rgba(20,184,166,.1));--shadow: 0 10px 40px rgba(14, 165, 233, .15);--shadow-card: 0 2px 12px rgba(14, 165, 233, .08), 0 1px 4px rgba(0, 0, 0, .06);--radius: 16px;--radius-sm: 10px;--transition: all .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-glass: rgba(14, 165, 233, .08);--bg-input: #0f172a;--border: rgba(14, 165, 233, .2);--border-subtle: rgba(255, 255, 255, .08);--border-hover: rgba(14, 165, 233, .5);--text: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-faint: #64748b;--nav-bg: rgba(15, 23, 42, .95);--modal-bg: #1e293b;--section-alt: #111827;--shadow: 0 10px 40px rgba(0, 0, 0, .5);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:Inter,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--gradient);color:#fff;border:none;padding:12px 28px;border-radius:50px;font-size:15px;font-weight:600;letter-spacing:.3px;transition:var(--transition);box-shadow:0 4px 20px #0ea5e966}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0ea5e999}.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--text-muted);border:1px solid var(--border);padding:12px 28px;border-radius:50px;font-size:15px;font-weight:500;transition:var(--transition)}.btn-ghost:hover{border-color:var(--primary-light);color:var(--text);background:#0ea5e914}.glass-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:0 2px 12px #0ea5e912,0 1px 4px #0000000f}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(1.6);opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp .6s ease forwards}.animate-fade-up-delay{animation:fadeUp .6s ease .2s both}.animate-fade-up-delay-2{animation:fadeUp .6s ease .4s both}.animate-float{animation:float 4s ease-in-out infinite}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:70px;transition:all .3s ease}.navbar.scrolled{background:var(--nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);box-shadow:0 2px 20px #0ea5e914}.navbar-logo-text{font-size:17px;font-weight:700;color:var(--text);transition:color .3s ease}.navbar-links{display:flex;align-items:center;gap:8px}.nav-link{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-muted);background:transparent;transition:all .2s ease;text-decoration:none}.nav-link:hover{color:var(--text);background:#0ea5e914}.nav-link.active{color:var(--primary);background:#0ea5e91a}.nav-divider{width:1px;height:24px;background:var(--border);margin:0 8px}.theme-toggle{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:17px;cursor:pointer;transition:var(--transition);margin-right:8px}.theme-toggle:hover{border-color:var(--primary);color:var(--primary);background:#0ea5e914}.hamburger{display:none;flex-direction:column;gap:5px;width:36px;height:36px;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:0;transition:var(--transition);margin-left:8px}.hamburger:hover{border-color:var(--primary);background:#0ea5e914}.hamburger span{display:block;width:18px;height:2px;background:var(--text);border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none;position:fixed;top:70px;left:0;right:0;background:var(--nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:16px 24px 24px;flex-direction:column;gap:8px;animation:slideDown .25s ease;z-index:99}.mobile-menu.open{display:flex}.mobile-nav-link{display:block;padding:12px 16px;border-radius:10px;font-size:15px;font-weight:500;color:var(--text-muted);transition:all .2s ease;text-decoration:none}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--primary);background:#0ea5e914}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;width:100%;max-width:1200px;margin:0 auto}.hero-section{position:relative;min-height:calc(100vh - 70px);display:flex;align-items:center;padding:60px 80px;overflow:hidden}.section-light{background:var(--bg)}.section-alt{background:var(--section-alt)}.card-base{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:var(--transition)}.input-base{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text);font-size:15px;font-family:Inter,sans-serif;outline:none;transition:all .2s ease;box-sizing:border-box}.input-base:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 3px #0ea5e926}.footer-root{background:#0f172a;padding:60px 80px 30px;color:#94a3b8}[data-theme=dark] .footer-root{background:#020617}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.page-wrapper{min-height:100vh;background:var(--bg);transition:background .3s ease}.section-padding{padding:100px 40px}.cta-section{padding:120px 40px}.cta-card{padding:80px 60px}.hero-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px}.feature-glass-card{padding:40px}[data-theme=dark] .glass-card{background:#1e293bf2;border-color:#0ea5e926}@media (max-width: 768px){.navbar{padding:0 20px}.navbar-links{display:none}.hamburger{display:flex}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-section{padding:40px 24px;min-height:auto}.footer-root{padding:48px 24px 24px}.footer-grid{grid-template-columns:1fr 1fr!important;gap:32px!important}.footer-brand{grid-column:1 / -1}.section-padding,.cta-section{padding:80px 30px}.cta-card{padding:60px 40px}.feature-glass-card{padding:32px}}@media (max-width: 600px){.navbar-logo-tagline-container{display:none!important}}@media (max-width: 480px){.footer-grid{grid-template-columns:1fr!important}.footer-brand{grid-column:auto}.hero-section{padding:32px 16px}.section-padding,.cta-section{padding:60px 20px}.cta-card{padding:40px 20px}.hero-stats-grid{grid-template-columns:1fr}.feature-glass-card{padding:24px}}@media (max-width: 640px){.courses-grid{grid-template-columns:1fr!important}}@media (max-width: 768px){.login-panel-left{display:none!important}.login-panel-right{padding:24px 20px!important}.login-form-card{padding:32px 24px!important;max-width:100%!important}.register-name-grid,.register-two-col{grid-template-columns:1fr!important}}@media (max-width: 900px){.dashboard-main-grid{grid-template-columns:1fr!important}.dashboard-welcome-header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.profile-detail-grid{grid-template-columns:1fr!important}}@media (max-width: 600px){.dashboard-main{padding:90px 16px 40px!important}.dashboard-welcome-header h1{font-size:26px!important}}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:240px;position:fixed;top:0;left:0;bottom:0;z-index:50;display:flex;flex-direction:column}.admin-nav{display:flex;flex-direction:column;gap:4px}.admin-main{margin-left:240px;flex:1;padding:32px 36px;overflow-y:auto}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.admin-charts-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}@media (max-width: 1024px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%!important;position:relative!important;min-height:auto!important;border-right:none!important;border-bottom:1px solid rgba(255,255,255,.06);padding:16px 20px!important}.admin-nav{flex-direction:row!important;overflow-x:auto;padding-bottom:10px}.admin-nav-item{white-space:nowrap}.admin-main{margin-left:0!important;padding:20px 16px!important}.admin-stats-grid{grid-template-columns:1fr}.admin-header{flex-direction:column;align-items:flex-start;gap:16px}}@media (max-width: 768px){.about-stats-grid{grid-template-columns:1fr!important}.about-values-grid,.about-team-grid{grid-template-columns:1fr 1fr!important}.about-cta{padding:48px 24px!important}}@media (max-width: 480px){.about-values-grid,.about-team-grid{grid-template-columns:1fr!important}}