body,html {margin:0;padding:0;font-family:-apple-system,Arial;background:#fff;color:#000;}
.nav {width:100%;padding:22px 28px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5;}
.nav-left {display:flex;align-items:center;gap:10px;}
.nav-left img {width:34px;}
.nav-left strong {font-size:20px;font-weight:800;}
.nav-right a {text-decoration:none;font-weight:600;color:#000;margin-left:22px;}
.nav-right {display:flex;}
.nav-right a:hover {opacity:0.6;}
.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:20;justify-content:center;align-items:center;flex-direction:column;}
.overlay a {font-size:34px;margin:18px 0;color:#000;text-decoration:none;font-weight:700;}
.overlay-close {position:absolute;top:20px;right:28px;font-size:40px;cursor:pointer;}

.hero {padding:160px 20px;text-align:center;background:url('hero_bg.jpg');background-size:cover;background-position:center;color:#fff;}
.hero h1 {font-size:50px;font-weight:900;margin-bottom:18px;text-shadow:0 2px 12px rgba(0,0,0,0.6);}
.hero p {font-size:20px;max-width:740px;margin:0 auto 32px auto;line-height:1.6;text-shadow:0 2px 8px rgba(0,0,0,0.5);}
.btn {font-size:18px;padding:12px 26px;border:2px solid #fff;text-decoration:none;color:#fff;border-radius:12px;transition:0.2s;}
.btn:hover {background:#fff;color:#000;}

.section {padding:70px 25px;max-width:900px;margin:auto;}
.section h2 {font-size:32px;font-weight:900;margin-bottom:18px;}
.section p {font-size:18px;line-height:1.6;margin-bottom:20px;}

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

.footer-octo {position:fixed;bottom:12px;left:12px;font-size:16px;opacity:0.75;z-index:10;}

@media(max-width:800px){
    .nav-right {display:none;}
    .hamburger {display:block;}
    .hero h1 {font-size:40px;}
    .hero p {font-size:18px;}
    .contact-card {margin:80px 20px;padding:40px;}
}