:root{--primary:#0071e3;--dark:#1d1d1f;--glass:#ffffffb3;--transition:all .4s cubic-bezier(.4, 0, .2, 1)}header{z-index:100;background:var(--glass);-webkit-backdrop-filter:blur(20px);width:100%;transition:var(--transition);border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:12px 40px;display:flex;position:fixed;top:0;left:0}.logo span{color:var(--dark);letter-spacing:-.5px;margin-left:12px;font-size:18px;font-weight:600}.logo img{width:auto;height:34px}header nav a{color:var(--dark);opacity:.8;transition:var(--transition);margin-left:30px;font-size:14px;font-weight:500;text-decoration:none}header nav a:hover{opacity:1;color:var(--primary)}.about-hero{margin-top:0;padding-top:60px}.about-container{max-width:1200px;margin:auto;padding:60px 20px}.about-top{justify-content:space-between;align-items:center;gap:40px;margin-top:40px;display:flex}.about-image{justify-content:center;width:25%;display:flex}.about-image img{object-fit:cover;border-radius:15px;width:100%;height:320px;transition:transform .4s;box-shadow:0 10px 25px #00000026}.about-image img:hover{transform:scale(1.05)}.about-text{width:50%}.about-text p{color:#444;margin-bottom:18px;font-size:16px;line-height:1.8}@media (width<=992px){.about-top{text-align:center;flex-direction:column}.about-image,.about-text{width:100%}.about-image img{max-width:350px;height:250px}}.about-hero{background:url(/images/abouthead.jpeg) 50%/cover no-repeat;justify-content:center;align-items:center;height:120vh;display:flex;position:relative}.hero-overlay{text-align:center;color:#fff;background:#0009;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex}.hero-overlay h1{margin-bottom:15px;font-size:42px;font-weight:600}.hero-overlay p{letter-spacing:1px;font-size:18px}@media (width<=768px){.hero-overlay h1{font-size:28px}.hero-overlay p{font-size:16px}}.contact-info{text-align:center;margin-top:40px;padding:20px}.contact-info h3{color:#86868b;font-size:1.5rem;font-weight:500}.contact-info h2{color:var(--dark);margin-top:10px;font-size:2.5rem;font-weight:700}.features{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:60px;display:grid}.feature-box{text-align:center;background:#fff;border-radius:15px;transition:transform .4s,box-shadow .4s;overflow:hidden;box-shadow:0 8px 25px #00000014}.feature-box img{object-fit:cover;width:100%;height:200px}.feature-box h4{padding:20px;font-size:16px;font-weight:600}.feature-box:hover{transform:translateY(-10px);box-shadow:0 15px 35px #00000026}.feature-box{opacity:0;animation:.8s forwards fadeUp;transform:translateY(40px)}.feature-box:first-child{animation-delay:.1s}.feature-box:nth-child(2){animation-delay:.2s}.feature-box:nth-child(3){animation-delay:.3s}.feature-box:nth-child(4){animation-delay:.4s}.feature-box:nth-child(5){animation-delay:.5s}.feature-box:nth-child(6){animation-delay:.6s}.feature-box:nth-child(7){animation-delay:.7s}.feature-box:nth-child(8){animation-delay:.8s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}