:root{--bg-dark:#0a1a44;--bg-light:#f5f7fb;--primary:#4fc3f7;--accent:#22c55e;--text-light:#fff;--text-dark:#0f172a}*{box-sizing:border-box}html{font-size:16px}body{font-family:Poppins,sans-serif;background:var(--bg-light);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}video{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform:none!important;display:block;background:#000}.hero{position:relative;width:100%;background:linear-gradient(135deg,#4f46e5,#6366f1,#7c3aed);overflow:hidden}.hero.hero-home{min-height:78vh;padding:90px 20px 80px}.hero.hero-page{padding:60px 20px 48px}.hero-bg{inset:0;z-index:0}.blob,.hero-bg{position:absolute}.blob{border-radius:50%;filter:blur(40px);opacity:.85;animation:floatBlob 18s ease-in-out infinite}.blob-1{width:520px;height:520px;background:radial-gradient(circle,#22d3ee,#2563eb);top:-180px;left:-140px}.blob-2{width:620px;height:620px;background:radial-gradient(circle,#a855f7,#ec4899);top:4%;right:-200px}.blob-3{width:460px;height:460px;background:radial-gradient(circle,#38bdf8,#6366f1);bottom:-160px;left:22%}@keyframes floatBlob{0%{transform:translate(0)}50%{transform:translate(40px,-60px)}to{transform:translate(0)}}.hero-container{position:relative;z-index:1;max-width:900px;margin:auto;text-align:center}.hero h1{font-size:3rem;font-weight:700;color:#fff;margin-bottom:14px}.hero h1 span{color:#e0f7ff;text-shadow:0 0 8px #38bdf8e6,0 0 20px #3b82f6d9,0 0 42px #6366f1cc}.hero p{font-size:1.15rem;color:#fffffff2;max-width:720px;margin:auto;line-height:1.65}.courses-section{padding:60px 20px}.courses-inner{max-width:1200px;margin:auto}.courses-inner h2{font-size:1.9rem;margin-bottom:30px;color:var(--text-dark)}.dashboard-courses{background:linear-gradient(180deg,#eef2ff,#f8fafc 60%);padding:60px 40px 90px}.course-grid,.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:36px;gap:36px;max-width:1200px;margin:auto}.course-card{background:#fff;border-radius:26px;padding:36px 28px 40px;text-align:center;box-shadow:0 18px 40px #0000001f;transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column;align-items:center}.course-card:hover{transform:translateY(-6px);box-shadow:0 28px 60px #0000002e}.course-card img,.course-image{width:110px;margin-bottom:22px}.course-card h3{font-size:1.35rem;font-weight:700;color:var(--text-dark)}.course-card p{margin:10px 0 26px;color:#475569}.badge,.start-btn{border:none;padding:14px 32px;border-radius:999px;font-weight:700;cursor:pointer;font-size:.95rem}.badge.free,.badge.start,.start-btn{background:var(--accent);color:#fff}.badge.price{background:#fff;color:#4f46e5;border:2px solid #e5e7eb}.badge:hover,.start-btn:hover{filter:brightness(.95)}.badge:focus-visible,.start-btn:focus-visible{outline:3px solid #86efac;outline-offset:3px}.empty-state{text-align:center;color:#475569;font-size:1.1rem}@media (max-width: 768px){html{font-size:14px}body{width:100%;overflow-x:hidden}.hero{padding:40px 20px!important}.hero h1{font-size:1.8rem;line-height:1.2;margin:20px 0}.hero p{font-size:.95rem;line-height:1.4}.dashboard-courses{padding:40px 20px 70px!important}.course-card{margin:10px auto!important;width:100%!important;max-width:100%!important}.navbar{padding:.75rem 1rem!important}.btn,button{padding:10px 16px!important;font-size:.9rem!important}input,select,textarea{font-size:16px!important;padding:10px!important}.container{padding:0 15px!important}img{max-width:100%;height:auto;display:block}}@media (max-width: 480px){html{font-size:13px}.hero h1{font-size:1.5rem}.hero p{font-size:.9rem}.dashboard-courses{padding:30px 15px 60px!important}.btn,button{padding:8px 12px!important;font-size:.85rem!important}}