@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}header{width:100%;padding:.5rem 1rem;margin:0 auto;background-color:var(--bg-color);position:sticky;top:0;z-index:100;transition:background-color .3s ease}nav{display:flex;align-items:center;margin:0 auto;padding-bottom:.6rem;min-height:56px;position:relative;max-width:var(--max-width);border-bottom:2px dashed var(--border-color);justify-content:space-between}.brand-link{display:flex;align-items:center;gap:.75rem;pointer-events:none;user-select:none}.brand-link img{display:block}.brand-title{font-size:2rem;font-weight:700;color:var(--purple-primary);letter-spacing:-.5px}.header-controls{display:flex;align-items:center;gap:.5rem}.header-controls details{position:relative}.header-controls summary{list-style:none;cursor:pointer}.header-controls summary::-webkit-details-marker{display:none}.language-menu{position:absolute;right:0;top:120%;width:120px;background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:14px 10px 16px 12px/12px 16px 10px 14px;padding:.5rem;z-index:50;box-shadow:3px 4px 0 var(--shadow-color);list-style:none;animation:fadeInDown .2s ease-out}.language-menu a{display:block;padding:.5rem;text-decoration:none;color:var(--text-color);border-radius:8px;text-align:center;border:2px solid transparent;transition:all .15s ease}.language-menu a:hover{border:2px solid var(--border-color);background-color:var(--bg-card-hover)}.language-menu a.active{color:var(--purple-primary);font-weight:700;border:2px solid transparent}main{max-width:var(--max-width);margin:0 auto;width:100%;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:2.5rem;flex:1}.card{background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:12px 18px 14px 20px/18px 14px 20px 12px;transition:all .2s cubic-bezier(.25,.8,.25,1)}.card-interactive{box-shadow:3px 4px 0 var(--shadow-color)}.card-interactive:hover{transform:translateY(2px) translate(1px);box-shadow:2px 2px 0 var(--shadow-color);background-color:var(--bg-card-hover)}.card-interactive:active{transform:translateY(4px) translate(3px);box-shadow:0 0 0 transparent}.section-title{font-size:2rem;margin:0 auto 1.25rem;color:var(--text-color);text-align:center;width:fit-content;max-width:100%;position:relative}.section-title:after{content:"";display:block;width:60%;height:4px;margin:.4rem auto 0;border-radius:4px;background:var(--purple-primary);opacity:.35}.subjects-grid,.grid-subjects{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;width:100%}.subject-card{padding:1.5rem 1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.9rem;text-decoration:none;color:var(--text-color);position:relative;overflow:hidden}.subject-card:before{content:"";position:absolute;inset:0;background:var(--bg-card-hover);opacity:0;transition:opacity .2s ease}.subject-card:hover:before{opacity:1}.subject-card>*{position:relative;z-index:1}.subject-icon{width:76px;height:76px;border-radius:18px 24px 20px 26px/24px 18px 26px 20px;font-size:2.6rem;display:flex;align-items:center;justify-content:center;box-shadow:2px 3px 0 var(--shadow-color);transition:all .25s ease}.subject-card:hover .subject-icon{transform:scale(1.08) rotate(-4deg);box-shadow:3px 5px 0 var(--shadow-color)}.subject-card h3{font-size:1.35rem;margin:0}.about-section{padding:2.25rem 1.5rem;text-align:center}.about-lead{font-size:1.3rem;color:var(--text-muted);max-width:700px;margin:0 auto 1.75rem;line-height:1.5}.about-lead strong{color:var(--purple-primary);font-weight:700}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;text-align:left}.feature-item{display:flex;align-items:flex-start;gap:.85rem;padding:1rem;border:2px solid transparent;border-radius:10px 14px 12px 16px/14px 10px 16px 12px;transition:all .2s ease}.feature-item:hover{border-color:var(--border-color);background-color:var(--bg-card-hover);transform:translateY(-2px)}.feature-icon{font-size:1.5rem;color:var(--purple-primary);background:var(--bg-card);border:2px solid var(--border-color);padding:.65rem;border-radius:10px 14px 12px 16px/14px 10px 16px 12px;box-shadow:1px 2px 0 var(--shadow-color);flex-shrink:0}.feature-item h3{font-size:1.15rem;margin-bottom:.25rem}.feature-item p{font-size:.95rem;color:var(--text-muted);line-height:1.4}.social-section{text-align:center;padding-bottom:1rem}.social-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.25rem}.social-grid .btn.filled{color:#fff;border-color:transparent;min-width:150px}.social-grid .btn.filled:hover{transform:translateY(-3px);box-shadow:3px 6px 0 var(--shadow-color)}.btn svg{width:1.35rem;height:1.35rem;fill:currentColor}footer{display:flex;justify-content:center;width:100%;max-width:var(--max-width);gap:1rem;padding:1.2rem 1rem 1.5rem;color:var(--text-muted);border-top:2px dashed var(--border-color);margin:0 auto}footer a{color:inherit;text-decoration:none;font-weight:700;transition:color .2s}footer a:hover{color:var(--purple-primary)}@media(max-width:600px){.subjects-grid,.grid-subjects{grid-template-columns:1fr;gap:.75rem}.subject-card{flex-direction:row;align-items:center;text-align:left;padding:.75rem 1rem;gap:1rem}.subject-icon{width:50px;height:50px;font-size:1.8rem;flex-shrink:0}.subject-card h3{font-size:1.2rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.feature-item{padding:.75rem}.brand-title{font-size:1.5rem}.section-title{font-size:1.7rem}.social-grid{flex-direction:column}.social-grid .btn.filled{width:100%;min-width:0}.btn{justify-content:center;width:100%}.cookie-banner{bottom:1rem}}@media(max-width:480px){.features-grid{grid-template-columns:1fr;gap:.5rem}}