.subj-header{text-align:center;margin-bottom:32px;animation:1s forwards subj-fadeIn}.subj-header h2{color:#7e3ff2;text-transform:uppercase;letter-spacing:.5px;justify-content:center;align-items:center;gap:10px;margin-bottom:10px;font-size:28px;font-weight:700;display:flex}.subj-header p{color:#444;max-width:640px;margin:0 auto;font-size:17px;line-height:1.6}@keyframes subj-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.subj-wrap{background:#f2f2f2;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:16px;padding:20px;display:flex}.subj-btn{text-align:center;cursor:pointer;background:#fff;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:140px;height:140px;padding:20px 10px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #0000001a}.subj-btn:hover{transform:translateY(-5px);box-shadow:0 6px 16px #00000026}.subj-btn span{color:#333;white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;font-size:15px;font-weight:600;overflow:hidden}.subj-flag{object-fit:contain;filter:drop-shadow(0 0 1px #0000001a);width:48px;height:48px;margin:0 auto;display:block}.math-c{color:#7e3ff2}.phys-c{color:#e86a68}.chem-c{color:#ffd23f}.wos-c{color:#0d9488}.other-c{color:#000}@media (max-width:480px){.subj-header h2{flex-direction:column;gap:4px;font-size:22px}.subj-header p{padding:0 12px;font-size:14px}.subj-btn{width:115px;height:115px;padding:14px 6px}.subj-btn span{letter-spacing:-.2px;font-size:12px}.subj-inne{width:246px;height:auto;padding:14px 16px}.subj-inne svg{display:none}}.seo-section{background:var(--g2);padding:60px 0}.seo-in{max-width:900px;margin:0 auto;padding:0 20px}.seo-title{color:var(--d1);text-align:center;margin-bottom:28px;font-size:clamp(22px,4vw,30px);font-weight:900}.seo-cols{grid-template-columns:1fr 1fr;gap:32px;display:grid}.seo-col p{color:var(--d3);margin:0 0 14px;font-size:15px;line-height:1.8}@media (max-width:768px){.seo-section{padding:40px 0}.seo-cols{grid-template-columns:1fr;gap:0}.seo-title{margin-bottom:20px;font-size:20px}.seo-col p{font-size:14px}}.hero-subjects{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left;background:#ffffffeb;border:1px solid #723bcf1f;border-radius:18px;flex-direction:column;gap:6px;width:250px;padding:14px 12px 10px;display:flex;position:absolute;bottom:70px;left:-10px;box-shadow:0 18px 44px #241e1a24}.hero-subjects-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--p1);padding:0 6px 4px;font-size:10.5px;font-weight:800}.hero-subject{border:1px solid var(--g1);color:var(--d1);background:#fff;border-radius:11px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;font-weight:700;transition:all .15s;display:flex}.hero-subject i{border-radius:50%;flex:none;width:8px;height:8px}.hero-subject span{flex:1}.hero-subject svg{color:var(--d4);transition:all .15s}.hero-subject:hover{border-color:var(--p1);transform:translate(3px);box-shadow:0 8px 20px #723bcf24}.hero-subject:hover svg{color:var(--p1);transform:translate(2px)}@media (max-width:1024px){.hero-subjects{width:230px;bottom:60px;left:0}}@media (max-width:768px){.hero-img{flex:none;height:auto;min-height:0}.hero-subjects{z-index:4;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;flex-flow:wrap;justify-content:center;gap:8px;width:100%;max-width:420px;margin:76px auto 28px;padding:12px;position:relative}.hero-subjects-tag{text-align:center;flex:100%;padding:0 0 2px}.hero-subject{gap:8px;padding:8px 12px;font-size:13px}.hero-subject svg{display:none}}