html,body,#root{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.navbar{width:100%;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;background:#fff;box-shadow:0 2px 10px #00000014;position:sticky;top:0;z-index:100;gap:10px}.logo img{height:55px;width:auto;display:block;flex-shrink:0}.navbar nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;flex:1}.navbar nav a{text-decoration:none;color:#111;font-weight:500;transition:.3s ease;font-size:.85rem;padding:8px 12px;border-radius:4px;white-space:nowrap}.navbar nav a:hover{color:#f4b400;background:#f4b4001a}.hero{height:60vh;min-height:400px;width:100%;background:url(/assets/background-CXR01Pdg.jpeg) center/cover no-repeat;display:flex;align-items:center;justify-content:center}.hero-overlay{height:100%;width:100%;background:#0000008c;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}.hero-content{max-width:850px;color:#fff;animation:fadeInUp .8s ease}.hero-content h1{font-size:clamp(1.8rem,7vw,3.5rem);margin-bottom:15px;letter-spacing:0px;font-weight:700;line-height:1.2}.hero-content p{font-size:clamp(.95rem,3.5vw,1.2rem);margin-bottom:25px;line-height:1.5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn-primary{background:#f4b400;padding:12px 28px;border-radius:6px;text-decoration:none;font-weight:700;color:#000;transition:all .3s ease;display:inline-block;font-size:clamp(.9rem,2vw,1rem);border:2px solid #f4b400;cursor:pointer;min-width:150px;text-align:center}.btn-primary:hover{background:#d89c00;border-color:#d89c00;transform:translateY(-3px);box-shadow:0 8px 20px #f4b4004d}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{display:inline-block;margin-top:20px;background:#fff;color:#000;padding:12px 28px;border-radius:6px;text-decoration:none;font-weight:700;font-size:clamp(.9rem,2vw,1rem);border:2px solid white;cursor:pointer;min-width:150px;text-align:center;transition:all .3s ease}.btn-secondary:hover{background:#f0f0f0;transform:translateY(-3px);box-shadow:0 8px 20px #ffffff4d}.btn-secondary:active{transform:translateY(-1px)}.section{padding:50px 16px;text-align:center}.section h2{font-size:clamp(1.6rem,5vw,2.4rem);margin-bottom:35px;font-weight:700}.gray{background:#f8f8f8}.dark{background:#1a1a1a;color:#fff}.cards{display:grid;grid-template-columns:1fr;gap:20px;max-width:1200px;margin:0 auto}.card{background:#fff;padding:25px 20px;border-radius:10px;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.card h3{font-size:clamp(1rem,2.5vw,1.3rem);margin-bottom:12px;font-weight:600;color:#111}.card p{font-size:clamp(.9rem,1.8vw,1rem);line-height:1.6;color:#666}.card:hover{transform:translateY(-8px);box-shadow:0 10px 25px #0000001f}.gallery{display:grid;grid-template-columns:1fr;gap:16px;max-width:1200px;margin:0 auto}.gallery img{width:100%;height:240px;object-fit:cover;border-radius:8px;transition:all .3s ease;display:block}.gallery img:hover{transform:scale(1.05)}.contact{background:#1a1a1a;color:#fff}.contact p{font-size:clamp(.95rem,2vw,1.1rem);margin-bottom:12px}.contact a{font-size:clamp(.95rem,2vw,1rem);word-break:break-all}.footer{background:#000;color:#fff;padding:16px;text-align:center;font-size:clamp(.8rem,1.8vw,.9rem)}@media(min-width:640px){.section{padding:70px 40px}.navbar{padding:15px 30px}.logo img{height:65px}.cards{grid-template-columns:repeat(2,1fr);gap:25px}.gallery{grid-template-columns:repeat(2,1fr);gap:20px}.gallery img{height:260px}}@media(min-width:1024px){.section{padding:100px 80px}.navbar{padding:18px 100px}.logo img{height:75px}.navbar nav{gap:25px}.navbar nav a{font-size:1rem;padding:10px 15px}.cards{grid-template-columns:repeat(4,1fr);gap:30px}.gallery{grid-template-columns:repeat(4,1fr);gap:25px}.gallery img{height:280px}}@media(min-width:1280px){.section{padding:120px 100px}.navbar{padding:20px 120px}.logo img{height:85px}}@media(max-width:375px){.navbar{padding:10px 12px}.logo img{height:50px}.navbar nav a{font-size:.8rem;padding:6px 8px}.section{padding:40px 12px}.section h2{margin-bottom:25px}.cards{gap:15px}.card{padding:20px 15px}.gallery{gap:12px}.gallery img{height:200px}}