.card{color:#fff;cursor:pointer;border-top:5px solid var(--glow-color);background:#2e3d59;border-radius:14px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000059}.card.glow{box-shadow:0 0 18px var(--glow-color);transform:scale(1.02)}.card-title{color:var(--title-color);margin:0;font-size:1.15rem;font-weight:700;transition:color .3s}.card-content-wrapper{padding:0 20px;display:none}.card.card-open .card-content-wrapper{padding:0 20px 20px;display:block}.subcat-title{color:#cfd8dc;align-items:center;gap:8px;margin-bottom:12px;font-size:1rem;display:flex}.lesson-link{border-radius:10px;align-items:center;min-height:44px;margin-bottom:4px;padding:6px 12px;font-size:.92rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.lesson-link:hover{transform:translate(5px)}.lesson-link.free{color:#bbdefb;background:#1565c033;border:1px solid #1565c066}.lesson-link.free:hover{color:#fff;background:#1565c0}.lesson-link.locked{color:#90a4ae;cursor:not-allowed;background:#ffffff0d;border:1px solid #ffffff1a}.card-open{grid-column:1/-1}.subcats-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;width:100%;margin-top:15px;display:grid}.lesson-list{flex-direction:column;gap:4px;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}}