.card{color:#fff;cursor:pointer;border-top:5px solid var(--glow-color);background:#2e3d59;border-radius:14px;padding:18px;transition:all .4s;box-shadow:0 4px 10px #00000059}.card.glow{box-shadow:0 0 18px var(--glow-color);transform:scale(1.03)}.card-title{color:var(--title-color);margin-bottom:10px;font-size:1.3rem;font-weight:700}.subcat-wrapper{margin-top:12px}.subcat-title{color:#cfd8dc;margin:10px 0 6px;font-size:1.1rem}.lesson-list{flex-direction:column;gap:6px;display:flex}.lesson-link{border-radius:10px;padding:10px 12px;font-weight:500;text-decoration:none;transition:all .3s;display:block}.lesson-link:hover{opacity:.85;transform:translate(4px)}.lesson-link.free{color:#fff;background:#1565c0}.lesson-link.premium{color:#fff;background:#c2185b}.lesson-link.locked{opacity:.6;cursor:not-allowed;pointer-events:auto;color:#eee;background:#555}.icon{font-size:1rem}.card-open{grid-column:1/-1;width:100%!important;max-width:100%!important}.subcats-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;width:100%;margin-top:20px;display:grid}.subcat-column{background:#ffffff12;border-radius:10px;padding:15px}.subcat-title{align-items:center;gap:8px;margin-bottom:12px;font-size:18px;display:flex}
html,body{color:#333;background:linear-gradient(135deg,#f8f9fa,#e3f2fd);width:100%;margin:0;padding:0;font-family:Segoe UI,sans-serif;overflow-x:hidden}.home-header{text-align:center;color:#fff;background:#145da0;border-bottom:6px solid #0d47a1;width:100vw;margin:0;padding:50px 20px;position:relative;left:0;right:0}.logo-text{text-shadow:2px 2px 6px #0000004d;margin:0;font-size:3rem;font-weight:700;animation:2s infinite alternate glow}@keyframes glow{0%{text-shadow:0 0 5px #fff,0 0 10px #ff4081}to{text-shadow:0 0 15px #ffeb3b,0 0 30px #ff4081}}.subtitle{color:#ffeb3b;margin-top:15px;font-size:1.3rem}.categories{color:#fff;background:linear-gradient(135deg,#1a237e,#00695c);border-radius:12px;width:80%;margin:40px auto;padding:20px}.category-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.category-card{text-align:center;color:#1a237e;cursor:pointer;background:linear-gradient(135deg,#64b5f6,#80cbc4);border-radius:10px;min-height:100px;padding:20px 15px;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 8px #00000026}.category-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #00000040}.category-card h3{color:#0d47a1;margin:0;font-size:1.2rem}.category-section{background:#f9f9fb;border-radius:12px;margin-bottom:40px;padding:20px;box-shadow:0 4px 12px #0000000d}.category-title{text-align:center;color:#1a237e;background:linear-gradient(90deg,#e3f2fd,#e8f5e9);border-radius:8px;margin-bottom:20px;padding:10px;font-size:1.8rem;font-weight:700;box-shadow:inset 0 -3px 5px #0000001a}.subcat-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.subcat-card{background:linear-gradient(135deg,#bbdefb,#e1bee7);border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 8px #0000001a}.subcat-card:hover{transform:translateY(-5px);box-shadow:0 6px 14px #00000026}.subcat-card h3{color:#311b92;border-bottom:2px solid #fff9;margin-bottom:12px;padding-bottom:6px;font-size:1.3rem}.subcat-card ul{margin:0;padding:0;list-style:none}.subcat-card li{margin:6px 0}.subcat-card a{color:#0d47a1;font-weight:500;text-decoration:none;transition:color .2s}.subcat-card a:hover{color:#c2185b;text-decoration:underline}@media (max-width:992px){.category-grid{grid-template-columns:1fr}.category-card{padding:25px 15px;font-size:1.1rem}.category-card h2{font-size:1.2rem}}@media (max-width:576px){.categories{width:95%;padding:15px}.category-card{padding:20px 10px;font-size:1rem}.category-card h2{font-size:1.1rem}}.top-header{color:#fff;background:linear-gradient(90deg,#0d47a1,#1565c0);justify-content:space-between;align-items:center;padding:15px 20px;display:flex;box-shadow:0 4px 12px #0000004d}.logo{margin:0;font-size:1.4rem;font-weight:700}.user-menu{gap:15px;display:flex}.user-menu a{color:#fff;font-weight:600;text-decoration:none}.hamburger{color:#fff;background:0 0;border:none;font-size:26px;display:none}@media (max-width:900px){.user-menu{display:none}.hamburger{display:block}}