:root{--accent:#d70c86;--accent-light:#803361;--text:#333;--bg:#f7f7f9;--card:#ffffff;}
*{box-sizing:border-box;font-family:Segoe UI,Arial,sans-serif;}
body{margin:0;background:var(--bg);color:var(--text);}
header{height:75vh;background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),url("images/home-page-image-01.jpg");background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;color:white;}
.hero h1{font-size:48px;margin-bottom:10px;}
.hero p{font-size:20px;opacity:.9;}
.hero button{margin-top:25px;padding:14px 30px;border:none;border-radius:6px;background:var(--accent);color:white;font-size:16px;cursor:pointer;transition:.25s;}
.hero button:hover{background:var(--accent-light);}
main{max-width:1000px;margin:auto;padding:60px 20px;}
.section{margin-bottom:60px;}
.section h2{text-align:center;margin-bottom:20px;color:var(--text);}
.services{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;max-width:900px;margin:auto;}
.card{flex:0 0 260px;background:var(--card);padding:25px;border-radius:10px;box-shadow:0 6px 16px rgba(0,0,0,.08);text-align:center;}
.contact-modal{background:#ffffff;padding:40px;border-radius:12px;width:480px;box-shadow:0 6px 20px rgba(0,0,0,0.15);animation:fadeIn 0.6s ease;text-align:center;margin:auto;}
form{background:white;padding:30px;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.1);width:100%;max-width:520px;}
label{display:block;margin-top:15px;font-weight:600;text-align:left;}
input,textarea{width:100%;padding:12px;margin-top:6px;border:1px solid #ddd;border-radius:6px;font-size:14px;}
textarea{min-height:120px;resize:vertical;}
.submit-btn{margin-top:20px;width:100%;background:var(--accent);color:white;border:none;padding:14px;font-size:16px;border-radius:6px;cursor:pointer;transition:.25s;}
.submit-btn:hover{background:var(--accent-light);}
footer{text-align:center;padding:30px;font-size:14px;opacity:.7;}
.why-choose{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;max-width:900px;margin:auto;padding:40px;}
header{position:relative;}
.logo{position:absolute;top:20px;left:30px;z-index:10;}
.logo img{height:60px;width:auto;}
.hero-text{text-shadow:2px 2px 2px rgba(0,0,0,0.8);}
#scrollTopBtn{position:fixed;bottom:30px;right:30px;z-index:1000;display:none;background-color:var(--accent);color:white;border:none;outline:none;padding:10px 18px;border-radius:50%;font-size:18px;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,0.2);transition:opacity 0.3s,transform 0.2s;}
#scrollTopBtn:hover{transform:scale(1.1);}
.custom-alert-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;z-index:9999;}
.custom-alert-box{background:white;width:360px;padding:20px;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.25);animation:alertFadeIn 0.3s ease-out;position:relative;text-align:center;}
.custom-alert-close{position:absolute;top:10px;right:12px;height:16px;width:16px;line-height:8px;font-size:21px;cursor:pointer;color:#000;}
.custom-alert-close:hover{color:#333;}
.custom-alert-ok{margin-top:20px;padding:10px 20px;background:var(--accent);color:white;border:none;border-radius:6px;cursor:pointer;font-size:16px;}
.custom-alert-ok:hover{background:var(--accent-light);}
h3{text-align:center;}
p{text-align:center;}
@keyframes alertFadeIn{
    from{opacity:0;transform:translateY(-20px);}
    to{opacity:1;transform:translateY(0);}
}
@media(max-width:700px){
    .logo{top:15px;left:20px;}
    .logo img{height:45px;}
    .hero h1{font-size:34px;}
    .contact-modal{background:#ffffff;padding:40px;border-radius:12px;width:95%;box-shadow:0 6px 20px rgba(0,0,0,0.15);animation:fadeIn 0.6s ease;text-align:center;margin:auto;}}