
body {
margin:0;
font-family:'Inter',sans-serif;
background:#f7f6f4;
background-image:url('https://www.transparenttextures.com/patterns/connected.png');
color:#2d2d2d;
scroll-behavior:smooth;
}

.container{width:90%;max-width:1200px;margin:auto;padding:80px 0;}
header{background:white;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.05);}
.header-inner{display:flex;justify-content:space-between;align-items:center;padding:20px 0;}
.logo{font-family:'Playfair Display',serif;font-size:24px;}
.phone{text-decoration:none;color:#8a6f5c;font-weight:600;margin-left:20px;}
.lang-btn{background:none;border:none;margin-right:10px;cursor:pointer;font-weight:600;}
.btn{background:#8a6f5c;color:white;padding:14px 28px;border-radius:30px;text-decoration:none;display:inline-block;transition:0.3s;}
.btn:hover{background:#6e5646;}
.btn.outline{background:transparent;border:2px solid #8a6f5c;color:#8a6f5c;}
.hero{display:flex;flex-wrap:wrap;align-items:center;gap:40px;}
.hero img{width:100%;border-radius:20px;}
.steps{display:flex;gap:20px;flex-wrap:wrap;}
.step{background:white;padding:20px;border-radius:15px;flex:1;}
.timer-section{text-align:center;background:#edeae7;padding:60px 20px;}
#countdown{font-size:32px;font-weight:600;}
.slider{display:flex;align-items:center;gap:20px;}
.slides{overflow:hidden;width:100%;}
.slide{display:none;background:white;padding:30px;border-radius:20px;}
.slide.active{display:block;}
.prev,.next{background:none;border:none;font-size:30px;cursor:pointer;}
.form-box{display:flex;flex-direction:column;gap:15px;max-width:500px;margin:auto;}
.form-box input{padding:12px;border-radius:10px;border:1px solid #ddd;}
footer{text-align:center;padding:20px;background:white;margin-top:40px;}

@media(max-width:768px){
.hero{flex-direction:column;}
.steps{flex-direction:column;}
}
