*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Segoe UI',Tahoma,sans-serif;background:#fdf8f3;color:#3a2e2a;line-height:1.7;overflow-x:hidden}.loader{position:fixed;inset:0;background:#fdf8f3;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .6s ease}.loader.hidden{opacity:0;pointer-events:none}.loader-inner{width:80px;height:80px;border:4px solid #e8d5c4;border-top-color:#c97b63;border-radius:50%;animation:spin 1s linear infinite;display:flex;align-items:center;justify-content:center}#loader-note{font-size:1.8rem;color:#c97b63;animation:pulse 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.main-header{position:fixed;top:0;left:0;width:100%;background:rgba(253,248,243,.95);backdrop-filter:blur(10px);box-shadow:0 2px 12px rgba(0,0,0,.05);z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.6rem;font-weight:700;color:#c97b63;text-decoration:none;letter-spacing:1px}.nav-menu{list-style:none;display:flex;gap:2rem}.nav-menu a{color:#3a2e2a;text-decoration:none;font-weight:500;transition:color .3s}.nav-menu a:hover{color:#c97b63}.nav-toggle{display:none;background:none;border:none;font-size:1.8rem;color:#3a2e2a;cursor:pointer}main{padding-top:70px}.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;padding:3rem 2rem;background:linear-gradient(135deg,#fdf8f3 0%,#f5e6d8 100%);gap:2rem}.hero-content{max-width:550px;animation:fadeUp 1s ease}.hero-content h1{font-size:2.6rem;color:#3a2e2a;margin-bottom:1.5rem;line-height:1.2}.hero-content p{font-size:1.15rem;margin-bottom:2rem}.cta-button{display:inline-block;background:#c97b63;color:#fff;padding:.9rem 2rem;border:none;border-radius:50px;text-decoration:none;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s;font-size:1rem}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(201,123,99,.4)}.hero-image{max-width:420px;width:100%;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.15);animation:fadeUp 1.2s ease}.services{padding:5rem 2rem;max-width:1200px;margin:0 auto}.services h2,.about h2,.gallery h2,.contact h2{font-size:2.2rem;text-align:center;margin-bottom:1.5rem;color:#3a2e2a}.services-intro,.gallery-intro,.contact-intro{text-align:center;max-width:800px;margin:0 auto 3rem;font-size:1.1rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.service-card{background:#fff;border-radius:18px;padding:1.5rem;box-shadow:0 8px 25px rgba(0,0,0,.06);transition:transform .4s,box-shadow .4s;opacity:0;transform:translateY(30px)}.service-card.visible{opacity:1;transform:translateY(0)}.service-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(0,0,0,.1)}.service-card img{width:100%;height:200px;object-fit:cover;border-radius:12px;margin-bottom:1rem}.service-card h3{color:#c97b63;margin-bottom:.8rem;font-size:1.3rem}.about{padding:5rem 2rem;max-width:900px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,.05)}.about p{margin-bottom:1.2rem;font-size:1.05rem}.gallery{padding:5rem 2rem;max-width:1200px;margin:0 auto;text-align:center}.contact{padding:5rem 2rem;max-width:700px;margin:0 auto}.contact-form{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2rem}.form-field{display:flex;flex-direction:column}.form-field label{font-weight:600;margin-bottom:.4rem;color:#3a2e2a}.form-field input,.form-field textarea{padding:.8rem 1rem;border:2px solid #e8d5c4;border-radius:10px;font-size:1rem;font-family:inherit;background:#fff;transition:border-color .3s}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:#c97b63}#contact-email{text-align:center;color:#3a2e2a}#contact-email a{color:#c97b63;font-weight:600;text-decoration:none}.main-footer{background:#3a2e2a;color:#fdf8f3;padding:3rem 2rem;text-align:center}.main-footer a{color:#f5b89b;text-decoration:none}#footer-share{display:flex;justify-content:center;margin-bottom:1.5rem}#footer-copyright{margin-bottom:.5rem}@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.nav-toggle{display:block;z-index:1001}.nav-menu{position:fixed;top:0;right:-100%;width:75%;height:100vh;background:#fdf8f3;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:right .4s ease;box-shadow:-5px 0 20px rgba(0,0,0,.1)}.nav-menu.open{right:0}.hero-content h1{font-size:2rem}.services h2,.about h2,.gallery h2,.contact h2{font-size:1.7rem}}