:root{--primary-color:#004098;--secondary-color:#e60012;--text-main:#333;--text-light:#666;--bg-light:#f9f9f9;--border-color:#e5e5e5;--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background-color:#fff;font-family:Microsoft YaHei,Heiti SC,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none;transition:color .3s}ul{list-style:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 15px}.section{padding:80px 0}.section-gray{background-color:var(--bg-light)}.section-header{text-align:center;margin-bottom:50px}.section-title{color:#333;letter-spacing:2px;margin-bottom:5px;font-size:32px;font-weight:700}.section-subtitle{color:#999;text-transform:uppercase;letter-spacing:1px;font-family:Arial,sans-serif;font-size:14px}.section-line{background-color:var(--primary-color);width:40px;height:3px;margin:15px auto 0}.btn{cursor:pointer;border-radius:4px;padding:10px 30px;font-size:14px;transition:all .3s;display:inline-block}.btn-primary{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.btn-primary:hover{background-color:#003078}.btn-outline{border:1px solid var(--primary-color);color:var(--primary-color);background:0 0}.btn-outline:hover{background:var(--primary-color);color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-up{animation:.8s ease-out forwards fadeInUp}@media screen and (max-width:768px){.section{padding:50px 0}.section-title{font-size:24px}.section-header{margin-bottom:30px}.container{padding:0 20px}.programs-grid,.advantages-grid,.news-grid,.about-grid{grid-template-columns:1fr!important;gap:15px!important}.hero-title{font-size:28px!important}.hero-subtitle{font-size:16px!important}.hero-section{height:400px!important;margin-top:60px!important}.nav-desktop{display:none!important}.nav-mobile{display:flex!important}.contact-flex{flex-direction:column!important;gap:30px!important}.footer-content{text-align:center!important;flex-direction:column!important;gap:30px!important}}@media screen and (max-width:480px){.section{padding:40px 0}.section-title{letter-spacing:1px;font-size:20px}.btn{padding:10px 20px;font-size:13px}.hero-title{font-size:24px!important}.hero-section{height:350px!important}}