:root{--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#ec4899;--bg:#0f172a;--surface:#1e293bb3;--border:#ffffff1a;--text:#f8fafc;--text-dim:#94a3b8;--glass-bg:#ffffff08;--glass-blur:blur(12px);--shadow:0 8px 32px 0 #0000005e;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#100f15 0,#0000 50%),radial-gradient(at 50% 0,#2f3e6a33 0,#0000 50%),radial-gradient(at 100% 0,#72274126 0,#0000 50%);min-height:100vh;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;border-radius:8px;font-weight:600;transition:all .2s}input{background:var(--glass-bg);border:1px solid var(--border);color:#fff;border-radius:8px;width:100%;padding:10px 14px}input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #6366f133}.glass{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.8s ease-out forwards fadeIn}@keyframes reveal{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.reveal{opacity:0;animation:1.2s cubic-bezier(.2,0,.2,1) forwards reveal}.text-dim{color:var(--text-dim)}.text-dim:hover{color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;padding:10px 20px}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.badge{background:var(--glass-bg);border:1px solid var(--border);border-radius:100px;padding:4px 10px;font-size:12px}.lesson-list{flex-direction:column;gap:8px;display:flex}.lesson-item{cursor:pointer;border-radius:8px;padding:12px;transition:background .2s}.lesson-item:hover{background:#ffffff0d}.lesson-item.active{border-left:3px solid var(--primary);background:#6366f133}.course-card{transition:all .6s!important}.course-card:hover{z-index:10;border-color:#6366f199;transform:translateY(-10px)scale(1.02);box-shadow:0 20px 40px #0006,0 0 20px #6366f14d}.course-card img{transition:transform .5s}.course-card:hover img{transform:scale(1.1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}