body,html{margin:0;padding:0;font-family:-apple-system,Arial;background:#fff;color:#000;}
.nav{width:100%;padding:20px 28px;display:flex;justify-content:space-between;align-items:center;z-index:20;}
.nav-left{display:flex;align-items:center;gap:10px;}
.nav-left img{width:44px;}
.nav-left strong{font-size:22px;font-weight:900;}
.nav-right a{text-decoration:none;font-weight:600;color:#000;margin-left:20px;}
.nav-right{display:flex;}
.hamburger{display:none;font-size:32px;cursor:pointer;}
.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(18px);background:rgba(255,255,255,0.35);z-index:40;justify-content:center;align-items:center;flex-direction:column;}
.overlay a{font-size:34px;margin:14px 0;color:#000;font-weight:750;text-decoration:none;}
.overlay-close{position:absolute;top:22px;right:26px;font-size:42px;cursor:pointer;}

.hero{padding:80px 20px 100px;text-align:center;background:url('hero_bg.jpg');background-size:cover;background-position:center;color:#fff;}
.hero img{width:170px;margin-bottom:20px;}
.hero h1{font-size:40px;font-weight:900;margin-bottom:14px;text-shadow:0 3px 12px rgba(0,0,0,0.7);}
.hero p{font-size:18px;max-width:720px;margin:0 auto 26px;line-height:1.6;text-shadow:0 2px 8px rgba(0,0,0,0.5);}
.btn{padding:12px 26px;border:2px solid #fff;color:#fff;text-decoration:none;border-radius:12px;font-size:18px;}
.btn:hover{background:#fff;color:#000;}

.section{padding:60px 24px;max-width:900px;margin:auto;}
.section h2{font-size:30px;font-weight:900;margin-bottom:18px;}
.section p{font-size:18px;line-height:1.6;margin-bottom:18px;}

.contact-card{padding:30px;border:2px solid #000;border-radius:18px;max-width:360px;margin:50px auto;text-align:center;box-shadow:0 0 18px rgba(0,0,0,0.1);}
.contact-card a{display:inline-block;margin-top:16px;font-size:18px;font-weight:700;padding:8px 16px;border:2px solid #000;border-radius:10px;color:#000;text-decoration:none;}
.contact-card a:hover{background:#000;color:#fff;}

.footer-octo{position:fixed;bottom:12px;left:12px;font-size:15px;opacity:0.75;}

@media(max-width:800px){
 .nav-right{display:none;}
 .hamburger{display:block;}
 .hero{padding:60px 12px 70px;}
 .hero img{width:140px;}
 .hero h1{font-size:32px;}
 .hero p{font-size:15px;max-width:90%;}
 .contact-card{margin:40px 16px;padding:22px;}
}