.hero{height:100vh;background:linear-gradient(#6b8e7fb3,#6b8e7fb3),url(/assets/main-Dd2yICbD.png) center/cover;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--white)}.hero-content{max-width:800px;padding:0 20px}.hero h1{color:var(--white);margin-bottom:20px;animation:fadeInUp 1s ease}.hero p{font-size:1.3rem;margin-bottom:40px;animation:fadeInUp 1s ease .2s both}.hero-btn{background:var(--accent);color:var(--white);padding:15px 40px;font-size:1.1rem;border-radius:50px;animation:fadeInUp 1s ease .4s both}.hero-btn:hover{background:var(--secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero{height:80vh}.hero p{font-size:1.1rem}}.about{background:#dcb9a3;position:relative;overflow:hidden}.about-bg-images{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.08}.about-bg-image{position:absolute;width:40%;height:60%;background-size:cover;background-position:center;filter:grayscale(30%)}.about-bg-1{top:10%;left:5%;background-image:url(/about-bg-1.jpg);animation:float 20s ease-in-out infinite}.about-bg-2{top:30%;right:10%;background-image:url(/about-bg-2.jpg);animation:float 25s ease-in-out infinite 5s}.about-bg-3{bottom:10%;left:50%;transform:translate(-50%);background-image:url(/about-bg-3.jpg);animation:float 22s ease-in-out infinite 10s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.about-container{position:relative;z-index:1}.about-content{max-width:900px;margin:0 auto}.about-place{background:#fffffff2;padding:30px;border-radius:15px;margin-bottom:40px;box-shadow:0 5px 20px #0000000d}.about-place p{font-size:1.15rem;color:var(--text-dark);line-height:1.8;text-align:center}.about-place strong{color:var(--primary);font-weight:600}.about-schedule{display:grid;gap:25px}.day-block{background:#fffffff2;padding:25px;border-radius:12px;border-left:4px solid var(--primary);box-shadow:0 3px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.day-block:hover{transform:translate(5px);box-shadow:0 5px 25px #0000001a}.day-block h3{color:var(--primary);font-size:1.3rem;margin-bottom:15px}.day-block p{font-size:1rem;color:var(--text-dark);line-height:1.7}@media (max-width: 768px){.about-bg-image{width:60%;height:40%}.about-place{padding:20px}.about-place p{font-size:1rem}.day-block{padding:20px}.day-block h3{font-size:1.1rem}}.house-photos{background:#dcb9a3;padding:80px 0}.slider-container{position:relative;max-width:1000px;margin:0 auto}.slider-wrapper{overflow:hidden;border-radius:15px;box-shadow:0 10px 40px #00000026}.slider-track{display:flex;transition:transform .5s ease-in-out}.slider-slide{min-width:100%;aspect-ratio:16/9}.slider-slide img{width:100%;height:100%;object-fit:cover;display:block}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;color:var(--text-dark);border:none;width:50px;height:50px;border-radius:50%;font-size:2rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #0003}.slider-arrow:hover{background:var(--white);transform:translateY(-50%) scale(1.1)}.slider-arrow-left{left:20px}.slider-arrow-right{right:20px}.slider-dots{display:flex;justify-content:center;gap:10px;margin-top:25px}.slider-dot{width:12px;height:12px;border-radius:50%;background:#6b8e7f4d;border:none;cursor:pointer;transition:all .3s ease;padding:0}.slider-dot:hover{background:#6b8e7f99;transform:scale(1.2)}.slider-dot.active{background:var(--primary);width:30px;border-radius:6px}@media (max-width: 768px){.house-photos{padding:50px 0}.slider-arrow{width:40px;height:40px;font-size:1.5rem}.slider-arrow-left{left:10px}.slider-arrow-right{right:10px}.slider-slide{aspect-ratio:4/3}}.retreats{background:#dcb9a3}.retreats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto}.retreat-card{background:var(--bg-light);padding:30px;border-radius:15px;transition:all .3s ease;display:flex;flex-direction:column}.retreat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.retreat-card h3{color:var(--primary);margin-bottom:15px}.retreat-description{color:var(--text-light);margin-bottom:20px;flex-grow:1}.retreat-info{margin-bottom:20px}.retreat-info p{margin:8px 0;color:var(--text-dark)}.retreat-dates{font-weight:600}.retreat-price{font-size:1.2rem;font-weight:700;color:var(--accent)}.retreat-places{color:var(--text-light)}.book-btn{background:var(--primary);color:var(--white);padding:12px 30px;border-radius:50px;font-size:1rem;font-weight:600;width:100%}.book-btn:hover{background:var(--accent)}@media (max-width: 768px){.retreats-grid{grid-template-columns:1fr}}.activities{background:#dcb9a3}.activities-text{text-align:center;max-width:800px;margin:30px auto 40px}.massage-title{font-size:1.3rem;font-weight:600;color:var(--text-dark);margin-bottom:15px;line-height:1.6}.massage-services{font-size:1.1rem;color:var(--text-light);margin-bottom:20px;line-height:1.8}.massage-author{font-size:1.2rem;font-weight:500;color:var(--primary);font-style:italic}.activities-layout{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:30px;max-width:1200px;margin-left:auto;margin-right:auto}.top-photos,.bottom-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;max-width:800px}.center-photo{width:100%;max-width:600px;margin:20px 0}.activity-photo{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.activity-photo.small{aspect-ratio:4/3}.activity-photo.large{aspect-ratio:3/4}.activity-photo:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.activity-photo img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 768px){.activities-text{margin:20px auto 30px}.massage-title{font-size:1.1rem}.massage-services{font-size:1rem}.massage-author{font-size:1.1rem}.top-photos,.bottom-photos{grid-template-columns:1fr;max-width:400px}.center-photo{max-width:400px}.activities-layout{gap:15px}}.footer{background:var(--text-dark);color:var(--white);padding:60px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section h3{color:var(--accent);margin-bottom:20px}.footer-section p{margin:10px 0}.social-links{display:flex;gap:15px;flex-wrap:wrap}.social-links a{color:var(--white);text-decoration:none;padding:8px 16px;background:#ffffff1a;border-radius:20px;transition:all .3s}.social-links a:hover{background:var(--primary);transform:translateY(-2px)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:var(--text-light)}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;text-align:center}.social-links{justify-content:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--white);padding:40px;border-radius:20px;max-width:500px;width:100%;position:relative;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:15px;right:15px;background:none;font-size:2rem;color:var(--text-light);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--text-dark);transform:none}.modal-content h2{margin-bottom:10px;text-align:left}.modal-content h3{color:var(--primary);margin-bottom:30px;font-size:1.2rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-dark)}.form-group input{width:100%;padding:12px 15px;border:2px solid var(--bg-light);border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s}.form-group input:focus{outline:none;border-color:var(--primary)}.status-message{padding:15px;border-radius:8px;margin-bottom:20px;text-align:center}.status-message.success{background:#d4edda;color:#155724}.status-message.error{background:#f8d7da;color:#721c24}.submit-btn{width:100%;background:var(--primary);color:var(--white);padding:15px;border-radius:50px;font-size:1.1rem;font-weight:600}.submit-btn:hover:not(:disabled){background:var(--accent)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.modal-content{padding:30px 20px}}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--accent))}.login-box{background:var(--white);padding:40px;border-radius:15px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.login-box h2{text-align:center;color:var(--text-dark);margin-bottom:30px}.login-box .form-group{margin-bottom:20px}.login-box label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-dark)}.login-box input{width:100%;padding:12px 15px;border:2px solid var(--bg-light);border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s}.login-box input:focus{outline:none;border-color:var(--primary)}.error-message{background:#f8d7da;color:#721c24;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.login-box .btn{width:100%;padding:12px;font-size:1.1rem}.admin-panel{display:flex;min-height:100vh}.admin-sidebar{width:250px;background:var(--text-dark);color:var(--white);padding:30px 20px;position:fixed;height:100vh;overflow-y:auto}.admin-sidebar h2{color:var(--accent);margin-bottom:30px;text-align:left}.admin-sidebar nav{display:flex;flex-direction:column;gap:10px}.admin-sidebar nav a{color:var(--white);text-decoration:none;padding:12px 15px;border-radius:8px;transition:all .3s}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:var(--primary)}.back-to-site{display:block;margin-top:30px;color:var(--text-light);text-decoration:none;padding:10px}.back-to-site:hover{color:var(--white)}.sidebar-footer{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.logout-btn{width:100%;margin-top:10px;padding:10px;background:#dc3545cc;color:var(--white);border:none;border-radius:8px;cursor:pointer;transition:all .3s}.logout-btn:hover{background:#dc3545;transform:none}.admin-main{margin-left:250px;flex:1;padding:40px;background:var(--bg-light)}.admin-header{margin-bottom:30px}.admin-header h1{color:var(--text-dark);margin-bottom:10px}.btn{padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--accent)}.btn-danger{background:#dc3545;color:var(--white)}.btn-danger:hover{background:#c82333}.table-container{background:var(--white);border-radius:10px;padding:20px;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--bg-light)}th{background:var(--bg-light);font-weight:600;color:var(--text-dark)}tr:hover{background:var(--bg-light)}@media (max-width: 768px){.admin-sidebar{width:100%;position:relative;height:auto}.admin-main{margin-left:0;padding:20px}.admin-panel{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6B8E7F;--secondary: #B8A398;--accent: #D4A574;--bg-light: #dcb9a3;--text-dark: #2C3E50;--text-light: #7F8C8D;--white: #FFFFFF}body{font-family:Open Sans,sans-serif;color:var(--text-dark);background:var(--bg-light);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}section{padding:80px 0}h1,h2,h3{font-weight:600;margin-bottom:20px}h1{font-size:3rem;line-height:1.2}h2{font-size:2.5rem;text-align:center;margin-bottom:60px}h3{font-size:1.5rem}button{font-family:inherit;cursor:pointer;border:none;transition:all .3s ease}button:hover{transform:translateY(-2px)}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.8rem}section{padding:50px 0}}
