*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#fff;background:linear-gradient(to right,#fff,#fff 10%,#2c3e50 10%,#2c3e50 90%,#fff 90%,#fff);background-attachment:fixed}html,body,#root{width:100%;margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:0;background:transparent}.main{min-height:calc(100vh - 200px);background:linear-gradient(to right,#fff,#fff 10%,#2c3e50 10%,#2c3e50 90%,#fff 90%,#fff);background-attachment:fixed}header{background:linear-gradient(135deg,#1a4d6d,#2c3e50);color:#fff;padding:15px 20px;text-align:center;box-shadow:0 2px 8px #0000004d;position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center}header .logo{width:50px;height:50px;background:transparent;border-radius:50%;padding:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}header .logo img{width:100%;height:100%;object-fit:cover}header .header-left{display:flex;align-items:center;gap:20px}header .header-title{display:flex;align-items:center}header .header-title h1{font-size:1.3rem;color:#fff;margin:0;font-weight:600}header .header-right{display:flex;align-items:center}.btn-brochure{background:#2d5f2e;color:#fff;border:none;padding:12px 20px;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:600;transition:background .3s,transform .2s;white-space:nowrap}.btn-brochure:hover{background:#1e4620;transform:translateY(-2px)}header .header-content{flex:1}header h1{font-size:1.8rem;margin-bottom:3px;font-weight:700}header p.subtitle{font-size:.8rem;opacity:.95}.hero{background:linear-gradient(to bottom,#2c3e50,#34495e);padding:60px 20px;text-align:center;border-bottom:none;color:#fff;margin-bottom:0}.hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.hero-text{text-align:left}.hero-image{display:flex;justify-content:center;align-items:center}.hero-image img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0003}.hero h2{font-size:2rem;margin-bottom:15px;color:#fff;font-weight:700;text-align:left}.hero p{font-size:1.1rem;color:#ecf0f1;margin-bottom:20px;text-align:left}.hero-highlights{list-style:none;padding:0;margin:0 0 25px}.hero-highlights li{color:#ecf0f1;font-size:1rem;margin-bottom:8px}.btn-primary,.btn-secondary{display:inline-block;padding:14px 40px;background:linear-gradient(135deg,#2d5f2e,#1e4620);color:#fff;text-decoration:none;border-radius:4px;font-weight:600;transition:transform .2s,box-shadow .2s;border:none;cursor:pointer;font-size:1rem}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #2d5f2e80;text-decoration:none}.form-section{padding:40px 20px;background:linear-gradient(to bottom,#34495e,#2c3e50);max-width:100%;margin:0;position:relative;z-index:99;box-shadow:0 -2px 8px #0000001a}.form-container{padding:30px;background:#fff;border-radius:8px;max-width:600px;margin:0 auto;box-shadow:0 4px 12px #00000026}.form-container h3{font-size:1.8rem;margin-bottom:10px;color:#333;text-align:center}.form-description{text-align:center;color:#666;margin-bottom:30px}.form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-weight:500;color:#555}.form-group input{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error{border-color:#dc3545}.error-message{color:#dc3545;font-size:.85rem;margin-top:4px;display:none}.error-message.show{display:block}.btn-submit{padding:14px 30px;background:linear-gradient(135deg,#2d5f2e,#1e4620);color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #2d5f2e80}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.message{padding:15px;border-radius:4px;text-align:center;font-weight:500}.success-message{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.error-message.show-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;display:block}.info-container{padding:50px 20px;background:#fff;max-width:800px;margin:0 auto}.info-container h3{font-size:1.8rem;margin-bottom:15px;color:#333;text-align:center}.info-intro{text-align:center;color:#666;font-size:1.05rem;line-height:1.7;margin-bottom:30px}.info-list{list-style:none;padding:0}.info-list li{padding:15px 20px;background:#f9f9f9;margin-bottom:12px;border-radius:4px;border-left:4px solid #667eea;font-size:1.05rem;color:#555}.info-list li:hover{background:#f0f0f0}.services-section{padding:60px 20px;background:linear-gradient(to bottom,#fff,#f9f9f9)}.services-container{max-width:1200px;margin:0 auto}.services-container h2{font-size:2.2rem;text-align:center;margin-bottom:15px;color:#333}.services-intro{max-width:700px;margin:0 auto 40px;text-align:center;color:#666;font-size:1.05rem;line-height:1.7}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.service-card{background:#fff;padding:40px 30px;border-radius:8px;text-align:center;box-shadow:0 2px 8px #0000001a;transition:transform .3s,box-shadow .3s;border:2px solid #2d5f2e}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #2d5f2e4d;border-color:#1e4620}.service-icon{font-size:3rem;margin-bottom:20px}.service-card h3{font-size:1.3rem;margin-bottom:15px;color:#333}.service-card p{color:#666;line-height:1.7}.programme-section{padding:40px 20px;background:#fff;margin-top:0}.programme-container{max-width:1200px;margin:0 auto}.programme-container h2{font-size:1.8rem;text-align:center;margin-bottom:12px;color:#333}.programme-intro{max-width:650px;margin:0 auto 30px;text-align:center;color:#666;font-size:1rem}.programme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.programme-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:0;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden}.programme-content{flex:1;display:flex;flex-direction:column;padding:30px;margin-bottom:80px}.programme-image{margin:auto 0 0;border-radius:0;overflow:hidden;height:350px;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.2);background:#0000001a}.programme-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease}.programme-image:hover img{transform:scale(1.05)}.video-section{padding:40px 20px;background:#fff}.video-container{max-width:900px;margin:0 auto}.video-container h2{font-size:1.8rem;text-align:center;margin-bottom:30px;color:#333}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px #0000001a}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:8px}.faq-section{padding:40px 20px;background:#f9f9f9}.faq-container{max-width:800px;margin:0 auto}.faq-container h2{font-size:2.2rem;text-align:center;margin-bottom:50px;color:#333}.faq-item{background:#fff;margin-bottom:20px;border-radius:4px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.faq-question{padding:20px;cursor:pointer;background:#fff;border:none;width:100%;text-align:left;font-size:1.1rem;font-weight:600;color:#333;transition:background .3s}.faq-question:hover{background:#f5f5f5}.faq-answer{padding:0 20px;max-height:0;overflow:hidden;background:#f9f9f9;transition:max-height .3s ease;color:#666}.faq-answer.show{padding:20px;max-height:500px}.floating-subscribe{position:fixed;right:20px;bottom:20px;z-index:200;width:320px;max-width:calc(100vw - 40px);transform:translateY(20px) scale(.96);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease}.floating-subscribe-visible{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.floating-subscribe-card{background:#fff;border-radius:10px;border-top:4px solid #2d5f2e;box-shadow:0 8px 28px #00000047;padding:18px 20px;max-height:calc(100vh - 40px);overflow-y:auto}.floating-subscribe-card h4{font-size:1.05rem;color:#333;margin-bottom:14px}.floating-subscribe-card .form{gap:12px}.floating-subscribe-card .form-group input{padding:9px 10px;font-size:.9rem}.floating-subscribe-card .btn-submit{padding:10px 20px;font-size:.9rem}@media (max-width: 600px){.floating-subscribe{left:12px;right:12px;bottom:12px;width:auto}}.brochure-page{padding:40px 20px 60px;background:#fff}.brochure-container{max-width:850px;margin:0 auto}.brochure-back{display:inline-block;margin-bottom:20px;color:#2d5f2e;text-decoration:none;font-weight:600}.brochure-back:hover{text-decoration:underline}.brochure-header{text-align:center;padding:30px 20px;margin-bottom:30px;background:linear-gradient(135deg,#1a4d6d,#2c3e50);border-radius:8px;color:#fff}.brochure-header h2{font-size:2rem;margin-bottom:12px}.brochure-subtitle{color:#e67e22;font-weight:600;max-width:650px;margin:0 auto 20px}.brochure-block{margin-bottom:30px}.brochure-block h3{font-size:1.4rem;color:#2c3e50;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #e67e22}.brochure-block p{color:#555;margin-bottom:10px}.brochure-block ul{list-style:none;padding:0}.brochure-block>ul>li{padding:10px 15px;background:#f9f9f9;margin-bottom:8px;border-radius:4px;border-left:4px solid #2d5f2e;color:#555}.brochure-program-section{margin-bottom:18px}.brochure-program-section h4{color:#1a4d6d;font-size:1.05rem;margin-bottom:8px}.brochure-program-section ul li{padding:6px 15px;color:#666;border-left:3px solid #e67e22;margin-bottom:4px;background:#f9f9f9;border-radius:3px}.brochure-download-bottom{display:block;margin:40px auto 0}footer{background:#333;color:#fff;text-align:center;padding:30px 20px;margin-top:60px}footer p{margin:0}@media (max-width: 768px){header h1{font-size:2rem}.hero h2{font-size:1.5rem}.hero-content{grid-template-columns:1fr;gap:20px}.hero-text,.hero h2,.hero p{text-align:center}.form-container{padding:20px}.services-grid,.programme-grid{grid-template-columns:1fr}.container{padding:10px}}