:root{--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--bg-main: #F8FAFC;--bg-surface: #FFFFFF;--bg-surface-elevated: #F1F5F9;--bg-glass: rgba(255, 255, 255, .92);--primary: #4F46E5;--primary-hover: #4338CA;--primary-gradient: linear-gradient(135deg, #4F46E5 0%, #6366F1 50%, #7C3AED 100%);--secondary: #0284C7;--secondary-gradient: linear-gradient(135deg, #0284C7 0%, #2563EB 100%);--accent-emerald: #059669;--accent-amber: #D97706;--accent-rose: #E11D48;--text-main: #0F172A;--text-muted: #334155;--text-dim: #64748B;--border-color: #E2E8F0;--border-hover: #CBD5E1;--border-glow: rgba(79, 70, 229, .25);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .03);--shadow-card: 0 4px 20px -2px rgba(15, 23, 42, .05), 0 2px 6px -1px rgba(15, 23, 42, .02);--shadow-glow: 0 10px 30px -5px rgba(79, 70, 229, .15);--shadow-glass: 0 8px 30px 0 rgba(15, 23, 42, .06);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-main);line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;color:var(--text-main)}a{color:inherit;text-decoration:none}button{font-family:var(--font-heading);cursor:pointer;border:none;outline:none}.glass-card{background:var(--bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:var(--transition-normal)}.glass-card:hover{border-color:#cbd5e1;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary{background:var(--primary-gradient);color:#fff!important;padding:.75rem 1.75rem;border-radius:var(--radius-full);font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:var(--transition-fast);box-shadow:0 4px 14px #4f46e54d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e573}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-main);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:var(--radius-full);font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:var(--transition-fast)}.btn-secondary:hover{background:#e2e8f0;border-color:#94a3b8}.btn-outline-primary{background:#fff;color:var(--primary);border:1.5px solid #C7D2FE;padding:.5rem 1.25rem;border-radius:var(--radius-full);font-weight:600;font-size:.9rem;transition:var(--transition-fast)}.btn-outline-primary:hover,.btn-outline-primary.active{background:var(--primary);color:#fff!important;border-color:var(--primary);box-shadow:0 4px 12px #4f46e540}.btn-success{background:linear-gradient(135deg,#059669,#10b981);color:#fff!important;padding:.75rem 1.5rem;border-radius:var(--radius-full);font-weight:600;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 14px #05966940;transition:var(--transition-fast)}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 18px #05966966}.badge{padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:#eef2ff;color:#4338ca;border:1px solid #C7D2FE}.badge-success{background:#ecfdf5;color:#047857;border:1px solid #A7F3D0}.badge-warning{background:#fffbeb;color:#b45309;border:1px solid #FDE68A}.form-input,.form-select,.form-textarea{width:100%;background:#fff;border:1px solid #CBD5E1;border-radius:var(--radius-sm);padding:.8rem 1rem;color:var(--text-main);font-family:var(--font-body);font-size:.95rem;transition:var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e526}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-muted);margin-bottom:.4rem}.table-custom{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;margin-top:1rem}.table-custom th{background:#f1f5f9;color:#334155;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;padding:.85rem 1rem;border-bottom:1px solid var(--border-color);text-align:left}.table-custom td{padding:.85rem 1rem;border-bottom:1px solid var(--border-color);color:#334155;font-size:.9rem;background:#fff}.table-custom tr:last-child td{border-bottom:none}.table-custom tr:hover td{background:#f8fafc}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .35s ease-out forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm)}.mobile-nav-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:98;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.section-pad{padding:5rem 1.5rem}.nav-desktop-links{display:flex;align-items:center;gap:2rem}.nav-mobile-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--text-main);border-radius:var(--radius-sm)}.nav-mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:200;flex-direction:column;padding:1.5rem;overflow-y:auto}.nav-mobile-menu.open{display:flex}.nav-mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.nav-mobile-menu-links{display:flex;flex-direction:column;gap:.25rem}.nav-mobile-link{display:block;padding:1rem 1.25rem;font-size:1.1rem;font-weight:600;color:var(--text-main);border-radius:var(--radius-sm);border:1px solid transparent;transition:var(--transition-fast)}.nav-mobile-link:hover{background:var(--bg-surface-elevated);border-color:var(--border-color)}.nav-mobile-menu-footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.75rem}@media (max-width: 900px){.nav-desktop-links{display:none!important}.nav-mobile-btn{display:flex!important}.section-pad{padding:3rem 1rem}.grid-responsive{grid-template-columns:1fr}.hero-floating-badge{display:none!important}.dashboard-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;padding-bottom:.5rem}.dashboard-tabs::-webkit-scrollbar{height:3px}}@media (max-width: 640px){h1{font-size:clamp(1.8rem,6vw,2.5rem)!important}h2{font-size:clamp(1.4rem,5vw,2rem)!important}h3{font-size:clamp(1.1rem,4vw,1.5rem)!important}.btn-block-mobile{width:100%;justify-content:center}.glass-card{border-radius:var(--radius-sm)}.hero-section{padding:3rem 1rem 4rem!important}.hero-cta-group{flex-direction:column!important;align-items:stretch!important}.hero-cta-group a,.hero-cta-group button{width:100%;justify-content:center;text-align:center}.feature-grid,.courses-grid{grid-template-columns:1fr!important;gap:1rem!important}.form-grid-2{grid-template-columns:1fr!important}.dashboard-stats-grid{grid-template-columns:1fr 1fr!important;gap:.75rem!important}.profile-info-grid{grid-template-columns:1fr!important;gap:.5rem!important}.table-mobile-card thead{display:none}.table-mobile-card tr{display:flex;flex-direction:column;margin-bottom:1rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.table-mobile-card td{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;font-size:.85rem;border-bottom:1px solid var(--border-color)}.table-mobile-card td:last-child{border-bottom:none}.table-mobile-card td:before{content:attr(data-label);font-weight:700;color:var(--text-dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;margin-right:.5rem}.badge{font-size:.7rem;padding:.25rem .6rem}section{padding-left:1rem!important;padding-right:1rem!important}.contact-card{padding:1.25rem!important}.auth-card{margin:1rem!important;padding:1.5rem!important}.footer-grid{grid-template-columns:1fr!important;gap:2rem!important}.payment-card{padding:1.25rem!important}.admin-header-row{flex-direction:column!important;gap:.75rem!important;align-items:flex-start!important}.student-info-panel{padding:1rem!important}.nav-brand-tagline{display:none}.page-container{padding-top:.5rem}.course-detail-hero{padding:2rem 1rem!important;flex-direction:column!important}.file-upload-label{font-size:.8rem!important}.form-input,.form-select,.form-textarea,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=date],select,textarea{font-size:16px!important}}@media (max-width: 380px){h1{font-size:1.6rem!important}h2{font-size:1.3rem!important}.btn-primary,.btn-secondary,.btn-success{padding:.65rem 1.2rem;font-size:.9rem}.dashboard-stats-grid{grid-template-columns:1fr!important}.badge{font-size:.65rem}}@media (max-width: 900px) and (orientation: landscape){.hero-section{padding:2rem 1.5rem!important}.nav-mobile-menu{padding:1rem;overflow-y:scroll}}@media print{nav,footer,.btn-primary,.btn-secondary{display:none!important}.glass-card{box-shadow:none;border:1px solid #ccc}}