:root{--dark-blue: #1a2942;--dark-blue-light: #2d3e5f;--navy: #0f1e3a;--light-blue: #e8f1ff;--lighter-blue: #f5f9ff;--golden: #fbbf24;--golden-bright: #fcd34d;--golden-dark: #f59e0b;--golden-light: #fef3c7;--white: #ffffff;--off-white: #f8fafc;--text-dark: #1e293b;--text-gray: #64748b;--text-light: #94a3b8;--gradient-primary: linear-gradient(135deg, #2d3e5f 0%, #1a2942 100%);--gradient-golden: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--gradient-light: linear-gradient(135deg, #f5f9ff 0%, #e8f1ff 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-golden: 0 4px 20px rgba(251, 191, 36, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;color:#333;line-height:1.6;overflow-x:hidden}.navbar{padding:1rem 0;box-shadow:0 2px 10px #0000001a;z-index:1000}.navbar-brand .logo-img{height:50px;width:auto}.navbar-nav{align-items:center}.navbar-nav .nav-link{color:#2c3e50;font-weight:500;padding:.5rem 1.2rem!important;transition:color .3s ease;position:relative}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:#fdb714}.navbar-nav .nav-link.active:after{content:"";position:absolute;bottom:0;left:1.2rem;right:1.2rem;height:2px;background-color:#fdb714}.btn-join{background:linear-gradient(135deg,#fdb714,orange);color:#fff;border:none;padding:.6rem 2rem;border-radius:50px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #fdb7144d}.btn-join:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fdb71466;background:linear-gradient(135deg,orange,#fdb714)}.navbar-toggler{border:none;padding:.5rem}.navbar-toggler:focus{box-shadow:none}.banner{background:linear-gradient(135deg,#2e5cb8,#1e3c72);padding:4rem 0 5rem;position:relative;overflow:hidden}.banner:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"><path d="M 40 0 L 0 0 0 40" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)" /></svg>');opacity:.3}.banner .container{position:relative;z-index:1}.breadcrumb{background:transparent;padding:0;margin-bottom:1.5rem;justify-content:center}.breadcrumb-item{font-size:.95rem;color:#fffc}.breadcrumb-item a{color:#fff;text-decoration:none;transition:color .3s ease}.breadcrumb-item a:hover,.breadcrumb-item.active{color:#fdb714}.breadcrumb-item+.breadcrumb-item:before{color:#fffc;content:"/"}.banner-title{color:#fff;font-size:3rem;font-weight:700;text-align:center;margin:1rem 0;letter-spacing:2px}.banner-underline{width:100px;height:4px;background:linear-gradient(90deg,#fdb714,orange);margin:0 auto;border-radius:2px}.footer{background:linear-gradient(135deg,#1a2332,#2c3e50)!important;background:var(--dark-blue);color:#fff;padding:4rem 0 0;position:relative}.footer-main{border-bottom:1px solid rgba(255,255,255,.1)}.footer-title{font-size:1.3rem;font-weight:700;color:var(--white);margin-bottom:25px;position:relative;padding-bottom:15px}.footer-title:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:var(--gradient-golden);border-radius:2px}.footer-description{color:#ffffffb3;font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}.footer .social-links{display:flex;gap:12px}.footer .social-link{width:45px;height:45px;background:#ffffff1a;border:2px solid var(--golden);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--golden-bright);transition:all .3s ease;text-decoration:none}.footer .social-link:hover{background:var(--gradient-golden);color:var(--white);transform:translateY(-5px) rotate(360deg);box-shadow:var(--shadow-golden)}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:.8rem}.footer-links li a{color:#ffffffb3;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.footer-links li a i{font-size:.7rem;color:#fdb714}.footer-links li a:hover{color:#fdb714;padding-left:.5rem}.location-map{border-radius:10px;overflow:hidden;box-shadow:0 4px 10px #0000004d}.location-map iframe{display:block}.contact-info{list-style:none;padding:0}.contact-info li{display:flex;gap:15px;margin-bottom:20px;color:#ffffffb3;font-size:.95rem}.contact-info i{color:var(--golden-bright);font-size:1.2rem;margin-top:3px;flex-shrink:0}.footer-bottom{padding:25px 0}.copyright-text{color:#ffffffb3;font-size:.9rem;margin:0}.copyright-text strong{color:var(--golden-bright)}.designer-link{color:var(--golden-bright);text-decoration:none;transition:all .3s ease}.designer-link:hover{color:var(--golden);text-decoration:underline}.back-to-top{width:50px;height:50px;background:var(--gradient-golden);color:var(--white);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;box-shadow:var(--shadow-golden)}.back-to-top:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 6px 32px #fbbf2480}@media(max-width:991px){.navbar-nav{margin-top:1rem;margin-bottom:1rem}.navbar-nav .nav-link{padding:.5rem 0!important}.navbar-nav .nav-link.active:after{display:none}.btn-join{width:100%;margin-top:1rem}.banner-title{font-size:2.5rem}.footer{padding:3rem 0 0}}@media(max-width:767px){.navbar-brand .logo-img{height:40px}.banner{padding:3rem 0 4rem}.banner-title{font-size:2rem}.banner-underline{width:80px;height:3px}.footer-title{font-size:1.2rem;margin-top:2rem}.footer-title:first-child{margin-top:0}.scroll-top{width:45px;height:45px;bottom:20px;right:20px}}@media(max-width:480px){.banner-title{font-size:1.6rem;letter-spacing:1px}.breadcrumb{font-size:.85rem}.footer-description{font-size:.9rem}.social-link{width:35px;height:35px}}