*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;}
body{background:#f7f7f7;color:#222;line-height:1.6;}
body.day{background:#f7f7f7;color:#222;}
body.night{background:#121212;color:#eee;}
body.night nav{background:#222;}
body.night nav a{color:#fff;}
body.night nav a:hover{background:#333;}
body.night .btn{background:#c8a300;color:#fff;}
body.night .btn:hover{background:#a88900;}
body.night section{background:#1e1e1e;border:1px solid #333;color:#ddd;}
body.night .subtitle{color:#aaa;}
body.night .feature{background:#222;border:1px solid #333;color:#ddd;}
body.night table th{background:#333;color:#fff;}
body.night table td{border-color:#444;}
body.night .testimonial{background:#222;border:1px solid #333;color:#ddd;}
body.night footer{color:#aaa;}
body.night footer a{color:#aaa;}

.container{max-width:1200px;margin:auto;padding:20px;}
header{display:flex;justify-content:center;padding:20px 0;}
#logo{height:180px;cursor:pointer;}
nav{background:#111;color:#fff;}
.nav-inner{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;}
.nav-links{display:flex;gap:20px;}
nav a{color:#fff;text-decoration:none;font-weight:600;padding:6px 10px;border-radius:4px;}
nav a:hover{background:#333;}
.hamburger{display:none;font-size:24px;cursor:pointer;}
section{background:white;padding:30px;margin-bottom:25px;border-radius:10px;box-shadow:0 4px 18px rgba(0,0,0,0.08);}
h1,h2{margin-bottom:10px;}
.subtitle{color:#777;margin-bottom:20px;}
.button-group{display:flex;gap:12px;margin-top:20px;}
.btn{background:#c8a300;color:#fff;padding:12px 22px;text-decoration:none;border-radius:6px;font-weight:600;display:inline-block;}
.btn:hover{background:#a88900;}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:20px;}
.feature{padding:18px;border-radius:8px;background:#fafafa;border:1px solid #eee;}

/* Hero Slider Full Viewport */
.hero-slider {
    position: relative;
    width: 100%;
    height: 80vh;
    min-height: 400px;
    max-height: 800px;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    overflow: hidden;
    transition: opacity 0.6s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.hero-glass {
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 40px 30px;
    border-radius: 12px;
    color: #fff;
    text-align: center;
    max-width: 900px;
    width: 90%;
}
.hero-glass h1 {margin-bottom:16px;font-size:3rem;}
.hero-glass .subtitle {color:#ddd;margin-bottom:20px;font-size:1.25rem;}
.hero-glass p {margin-bottom:16px;font-size:1rem;}
.hero-glass .button-group {justify-content:center;gap:12px;}

table{width:100%;border-collapse:collapse;margin-top:20px;}
th,td{border:1px solid #ddd;padding:10px;text-align:left;}
th{background:#eee;}
.testimonial{padding:20px;background:#fafafa;border-radius:8px;margin-bottom:15px;border:1px solid #eee;}
.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:30px;}
.testimonials .section-card{display:flex;flex-direction:column;gap:20px;}
.testimonial-card{display:flex;flex-direction:row;align-items:flex-start;background:#fff;border:1px solid #eee;border-radius:12px;padding:20px;box-shadow:0 4px 16px rgba(0,0,0,0.06);gap:16px;transition:transform 0.2s ease,box-shadow 0.2s ease;}
.testimonial-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.08);}
.testimonial-card img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #c8a300;}
.testimonial-card .quote{font-style:italic;color:#555;line-height:1.6;flex:1;}
.testimonial-card .author{margin-top:8px;font-weight:600;color:#222;}
.testimonial-card .author a{color:#c8a300;text-decoration:none;margin-left:5px;font-weight:500;}
.testimonial-card .author a:hover{text-decoration:underline;}

footer{margin-top:40px;padding:20px;font-size:14px;color:#777;display:flex;justify-content:space-between;flex-wrap:wrap;}
footer a{color:#777;text-decoration:none;}
footer a:hover{text-decoration:underline;}

form input,form select{width:100%;padding:10px;margin-bottom:14px;border:1px solid #ccc;border-radius:4px;}
form button{background:#c8a300;color:white;padding:12px;border:none;border-radius:6px;cursor:pointer;font-weight:600;}
form button:hover{background:#a88900;}

@media(max-width:768px){
    .nav-links{display:none;flex-direction:column;gap:12px;padding-top:10px;}
    .nav-links.active{display:flex;}
    .hamburger{display:block;}
    .nav-inner{flex-direction:column;align-items:flex-start;}
    .button-group{flex-direction:column;}
    .hero-slider{height:60vh;min-height:300px;}
    .hero-glass h1{font-size:1.8rem;}
    .hero-glass .subtitle{font-size:1rem;}
    .testimonial-card{flex-direction:column;align-items:center;text-align:center;}
    .testimonial-card img{margin-bottom:12px;}
    .testimonial-card .author{margin-top:6px;}
}

/* Day/Night testimonial adjustments */
body.night .testimonial-card{background:#1b1b1b;border-color:#333;}
body.night .testimonial-card .quote{color:#ccc;}
body.night .testimonial-card .author{color:#eee;}
body.night .testimonial-card .author a{color:#c8a300;}
