:root{--royal-blue: #091981;--royal-blue-dark: #091981;--bg-light: #f4f6ff}body{margin:0;font-family:Inter,Segoe UI,sans-serif;background:var(--bg-light);color:#1f2937}.container{max-width:1200px;margin:auto;padding:24px}header{background:#fff;border-bottom:1px solid #e5e7eb}.header-inner{max-width:1200px;margin:auto;padding:16px 24px;display:flex;flex-direction:column;gap:12px}.logo{font-size:22px;font-weight:700;color:var(--royal-blue)}.nav{display:flex;flex-wrap:wrap;gap:16px}.nav a{text-decoration:none;color:#374151;font-weight:500}.brand{display:flex;align-items:center;gap:10px}.logo-img{width:42px;height:42px;object-fit:contain}.logo-text{font-size:22px;font-weight:700;color:var(--royal-blue)}.hero{background:linear-gradient(135deg,var(--royal-blue),var(--royal-blue-dark));color:#fff;border-radius:24px;padding:48px;margin-bottom:40px}.grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid{grid-template-columns:repeat(3,1fr)}.header-inner{flex-direction:row;justify-content:space-between}}.card{background:#ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:20px;text-align:center;cursor:pointer;transition:.3s ease}.card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001f}.card img{width:120px;margin-bottom:12px}.btn{display:inline-block;margin-top:12px;padding:10px 18px;background:var(--royal-blue);color:#fff;border-radius:999px;text-decoration:none;font-weight:600}footer{background:#fff;border-top:1px solid #e5e7eb;padding:40px 24px;margin-top:60px}.footer-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(3,1fr)}}.footer-copy{margin-top:30px;text-align:center;font-size:14px;color:#6b7280}.slider-image{width:100%;max-width:1000px;height:auto;border-radius:20px;transition:opacity .4s ease-in-out}.fade-in{opacity:1}.fade-out{opacity:0}