*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}
.navbar{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1);padding:15px 0;position:fixed;top:0;left:0;right:0;z-index:1000}
.navbar-brand{font-weight:700;font-size:1.5rem;color:#2196F3!important}
.nav-link{color:#333!important;font-weight:500;margin:0 10px;transition:color 0.3s}
.nav-link:hover{color:#2196F3!important}
.hero-section{background:linear-gradient(rgba(33,150,243,0.85),rgba(33,150,243,0.85)),url('images/hero.jpg') center/cover no-repeat;min-height:100vh;display:flex;align-items:center;padding-top:80px;color:#fff}
.hero-section h1{font-size:2.5rem;font-weight:700;margin-bottom:20px}
.hero-section p{font-size:1.1rem;margin-bottom:30px}
.section{padding:80px 0}
.section-title{font-size:2rem;font-weight:700;color:#333;margin-bottom:40px;text-align:center}
.section-title span{color:#2196F3}
.card{border:none;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.08);transition:transform 0.3s,box-shadow 0.3s;height:100%;overflow:hidden}
.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.12)}
.card-img-top{height:200px;object-fit:cover}
.card-body{padding:25px}
.card-title{font-weight:600;color:#333;margin-bottom:15px}
.card-text{color:#666;font-size:0.95rem}
.btn-primary{background-color:#2196F3;border-color:#2196F3;padding:12px 30px;border-radius:8px;font-weight:600;transition:all 0.3s}
.btn-primary:hover{background-color:#1976D2;border-color:#1976D2;transform:translateY(-2px)}
.btn-outline-primary{color:#2196F3;border-color:#2196F3;padding:12px 30px;border-radius:8px;font-weight:600}
.btn-outline-primary:hover{background-color:#2196F3;border-color:#2196F3}
.info-box{background:#fff;border-radius:12px;padding:30px;box-shadow:0 5px 20px rgba(0,0,0,0.08);margin-bottom:30px}
.info-box h3{color:#2196F3;margin-bottom:20px}
.table-custom{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.08)}
.table-custom thead{background-color:#2196F3;color:#fff}
.table-custom th,.table-custom td{padding:15px;vertical-align:middle}
.faq-item{background:#fff;border-radius:12px;padding:25px;margin-bottom:20px;box-shadow:0 5px 20px rgba(0,0,0,0.08)}
.faq-item h3{color:#2196F3;font-size:1.1rem;margin-bottom:15px}
.glossary-item{background:#fff;border-radius:8px;padding:20px;margin-bottom:15px;border-left:4px solid #2196F3}
.glossary-item strong{color:#2196F3}
.contact-section{background:linear-gradient(135deg,#2196F3 0%,#1976D2 100%);color:#fff}
.contact-form{background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 40px rgba(0,0,0,0.2)}
.contact-form .form-control{border-radius:8px;padding:15px;border:1px solid #e0e0e0;margin-bottom:20px}
.contact-form .form-control:focus{border-color:#2196F3;box-shadow:0 0 0 0.2rem rgba(33,150,243,0.25)}
footer{background-color:#1a1a2e;color:#fff;padding:60px 0 30px}
footer a{color:#90caf9;text-decoration:none;transition:color 0.3s}
footer a:hover{color:#fff}
.footer-links{list-style:none;padding:0}
.footer-links li{margin-bottom:10px}
.disclaimer-box{background:#e3f2fd;border-radius:12px;padding:25px;border-left:4px solid #2196F3;margin:30px 0}
.disclaimer-box h4{color:#2196F3;margin-bottom:15px}
.content-image{border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.1);max-width:100%;height:auto}
.content-image-left{float:left;margin:0 30px 20px 0;max-width:300px}
.content-image-right{float:right;margin:0 0 20px 30px;max-width:300px}
.clearfix::after{content:"";display:table;clear:both}
.modal-content{border-radius:12px;border:none}
.modal-header{background-color:#2196F3;color:#fff;border-radius:12px 12px 0 0}
.modal-header .close{color:#fff;opacity:1}
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#1a1a2e;color:#fff;padding:20px;z-index:9999;display:none}
.cookie-banner.show{display:block}
.cookie-banner a{color:#90caf9}
.success-popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.3);z-index:10000;text-align:center}
.success-popup.show{display:block}
.success-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:9999}
.success-overlay.show{display:block}
.success-popup i{font-size:60px;color:#4caf50;margin-bottom:20px}
.success-popup h3{color:#333;margin-bottom:15px}
.badge-custom{background-color:#e3f2fd;color:#2196F3;padding:8px 15px;border-radius:20px;font-weight:500}
.list-styled{list-style:none;padding:0}
.list-styled li{padding:10px 0 10px 30px;position:relative}
.list-styled li::before{content:"✓";position:absolute;left:0;color:#2196F3;font-weight:bold}
.two-column{display:flex;flex-wrap:wrap;gap:30px}
.two-column .column{flex:1;min-width:280px}
@media(max-width:991px){.hero-section h1{font-size:2rem}.section{padding:60px 0}.content-image-left,.content-image-right{float:none;margin:20px auto;display:block;max-width:100%}}
@media(max-width:767px){.hero-section{min-height:auto;padding:120px 0 80px}.hero-section h1{font-size:1.75rem}.section-title{font-size:1.5rem}.navbar-nav{padding-top:20px}}
.education-notice{background:#fff3e0;border-radius:12px;padding:20px;border-left:4px solid #ff9800;margin:20px 0}
.education-notice p{margin:0;color:#e65100}