.header{width:100%;position:fixed;top:0;left:0;z-index:1000;transition:.3s ease;padding:15px 40px;background:#0f764386;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.top-nav{display:flex;align-items:center;justify-content:space-between}.logo{font-size:44px;font-weight:700;color:#fff}.book-btn{background:linear-gradient(45deg,#14b8a6,#0f766e);color:#fff;border:none;padding:10px 22px;border-radius:30px;cursor:pointer;transition:.3s;font-weight:500;text-decoration:none}.book-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #14b8a666}.nav-links{display:flex;justify-content:center;gap:35px;margin-top:15px;transition:.4s ease}.nav-links a{text-decoration:none;color:#fff;font-weight:500;position:relative;transition:.3s}.nav-links a:after{content:"";width:0%;height:2px;background:#000;position:absolute;left:0;bottom:-5px;transition:.3s}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:#000}.burger{display:none;flex-direction:column;gap:5px;cursor:pointer}.burger span{width:25px;height:3px;background:#fff;transition:.3s}.burger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media(max-width:992px){.nav-links{gap:25px}}@media(max-width:768px){.book-btn{display:none}.burger{display:flex}.nav-links{position:absolute;top:100%;left:0;width:100%;background:#097b35;flex-direction:column;align-items:center;gap:25px;padding:25px 0;transform:translateY(-200%);opacity:0}.nav-links.open{transform:translateY(0);opacity:1}.logo{font-size:28px}}.nav-links a.active{color:#000}.nav-links a.active:after{content:"";width:100%;height:2px;background:#000;position:absolute;left:0;bottom:-5px;border-radius:2px}.hero{position:relative;width:100%;height:100vh;overflow:hidden}a{text-decoration:none;color:inherit}.hero-video{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);z-index:-1}.hero-overlay{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hero-content{text-align:center;color:#fff;max-width:800px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:40px;border-radius:20px;border:1px solid rgba(255,255,255,.2)}.location-tag{display:inline-block;background:#fff3;padding:6px 14px;border-radius:10px;font-size:14px;margin-bottom:15px}.hero-content h1{font-size:48px;margin-bottom:15px;font-weight:700}.hero-content p{font-size:18px;margin-bottom:25px;opacity:.9}.hero-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.hero-btn{background:#00b894;color:#fff;padding:12px 26px;border-radius:30px;text-decoration:none;font-weight:600;transition:.3s}.hero-btn:hover{background:#019875;transform:translateY(-3px)}.call-btn{background:transparent;border:2px solid white;color:#fff;padding:12px 26px;border-radius:30px;text-decoration:none;font-weight:600;transition:.3s}.call-btn:hover{background:#fff;color:#000;transform:translateY(-3px)}@media(max-width:992px){.hero-content h1{font-size:36px}.hero-content{padding:30px}}@media(max-width:600px){.hero{height:90vh}.hero-content{padding:25px}.hero-content h1{font-size:28px}.hero-content p{font-size:16px}.hero-actions{flex-direction:column}.hero-btn,.call-btn{width:100%;text-align:center}.location-tag{font-size:12px}}.hero{position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0d3b2e,#1a6b4a,#2d9e6f,#145c3a,#0a2e22);background-size:400% 400%;animation:gradientShift 8s ease infinite;z-index:0}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.floating-circles{position:absolute;inset:0;overflow:hidden;z-index:1}.circle{position:absolute;border-radius:50%;background:#ffffff0d;animation:floatUp linear infinite}.circle:nth-child(1){width:80px;height:80px;left:10%;animation-duration:9s}.circle:nth-child(2){width:50px;height:50px;left:30%;animation-duration:12s;animation-delay:2s}.circle:nth-child(3){width:120px;height:120px;left:55%;animation-duration:10s;animation-delay:1s}.circle:nth-child(4){width:40px;height:40px;left:75%;animation-duration:8s;animation-delay:3s}.circle:nth-child(5){width:90px;height:90px;left:88%;animation-duration:11s;animation-delay:.5s}@keyframes floatUp{0%{transform:translateY(500px);opacity:0}20%{opacity:1}to{transform:translateY(-100px);opacity:0}}.hero-overlay{position:relative;z-index:2}.about{position:relative;display:flex;align-items:center;justify-content:center;gap:80px;padding:110px 10%;background:linear-gradient(135deg,#f4fbf9,#e6f3f1);overflow:hidden}.about:before{content:"";position:absolute;width:400px;height:400px;background:#2a9d8f14;border-radius:50%;top:-100px;left:-100px}.about:after{content:"";position:absolute;width:300px;height:300px;background:#0f4c5c0f;border-radius:50%;bottom:-80px;right:-80px}.about-text{flex:1;position:relative;z-index:2;animation:fadeLeft 1s ease}.about-text h2{font-size:40px;color:#0f4c5c;margin-bottom:20px;position:relative;font-weight:700}.about-text h2:after{content:"";width:80px;height:4px;background:#2a9d8f;position:absolute;bottom:-12px;left:0;border-radius:10px}.about-text p{font-size:17px;line-height:1.9;color:#444;margin-top:35px}.about-img{flex:1;display:flex;justify-content:center;position:relative;z-index:2;animation:fadeRight 1s ease}.about-img img{width:100%;max-width:520px;height:auto;border-radius:30px;box-shadow:0 25px 60px #0000002e;transition:.4s ease}.about-img:before{content:"";position:absolute;width:100%;max-width:520px;height:100%;border-radius:30px;background:linear-gradient(to top,rgba(0,0,0,.15),transparent);pointer-events:none;transition:.4s ease}.about-img:hover img{transform:scale(1.06)}.about-img:hover:before{background:linear-gradient(to top,rgba(0,0,0,.25),transparent)}@keyframes fadeLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes fadeRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@media(max-width:992px){.about{gap:50px;padding:90px 6%}.about-text h2{font-size:34px}}@media(max-width:768px){.about{flex-direction:column;text-align:center;padding:70px 20px}.about-text h2{font-size:28px}.about-text h2:after{left:50%;transform:translate(-50%)}.about-text p{font-size:14px;height:auto;width:auto;padding:0 10px}.about-img{margin-top:40px}}.services{padding:100px 8%;background:linear-gradient(180deg,#f9fbff,#eef2ff);text-align:center;overflow:hidden}.services h2{font-size:36px;margin-bottom:60px}.slider{display:flex;overflow-x:scroll;scrollbar-width:none}.slider::-webkit-scrollbar{display:none}.card{min-width:300px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #0000001a;transition:.1s;transform:translateY(80px);opacity:0;margin:0 13px}.services.show .card{transform:translateY(0);opacity:1}.card:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 30px 70px #0003}.image-box{position:relative;height:200px;overflow:hidden}.image-box img{width:100%;height:100%;object-fit:cover;transition:.6s}.card:hover img{transform:scale(1.1)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:.4s;z-index:2000}.card:hover .overlay{opacity:1}.modal-box .overlay{z-index:4000}.overlay button{padding:10px 20px;border:none;background:#fff;color:#000;border-radius:30px;font-weight:600;cursor:pointer;transition:.3s}.overlay button:hover{background:#3b82f6;color:#fff}.card-content{padding:20px}.card-content h3{font-size:20px;margin-bottom:10px}.card-content p{font-size:14px;color:#666}.icon{font-size:30px;margin-bottom:10px;color:#3b82f6}@media(max-width:600px){.services{padding:70px 5%}.card{min-width:300px}.services h2{font-size:28px}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-box{background:#fff;padding:30px;border-radius:15px;max-width:500px;text-align:center;position:relative;animation:pop .3s ease}.modal-box img{width:90%;border-radius:10px;margin-bottom:15px}.close{position:absolute;top:10px;right:15px;font-size:28px;cursor:pointer}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.modal{padding:20px}}.contact-section{padding:100px 5%;background:#0f172a;color:#fff;min-height:80vh}.contact-container{max-width:1200px;margin:0 auto}.contact-header{text-align:center;margin-bottom:60px}.contact-header h2{font-size:2.5rem;margin-bottom:10px;color:#38bdf8}.header-line{width:80px;height:4px;background:#38bdf8;margin:0 auto 20px;border-radius:2px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}.info-card{display:flex;align-items:center;gap:20px;background:#ffffff0d;padding:25px;border-radius:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);text-decoration:none;color:#fff;transition:.4s}.info-card.highlight:hover{background:#38bdf826;border-color:#38bdf8;transform:translate(10px)}.card-icon{font-size:28px;width:60px;height:60px;background:#38bdf81a;display:flex;align-items:center;justify-content:center;border-radius:15px;color:#38bdf8}.card-details h3{font-size:1.1rem;color:#38bdf8;margin-bottom:5px}.tap-hint{font-size:.8rem;color:#94a3b8;font-style:italic}.glass-form{background:#ffffff08;padding:40px;border-radius:30px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-box{margin-bottom:20px}.input-box label{display:block;margin-bottom:10px;color:#cbd5e1}.input-box input,.input-box textarea{width:100%;padding:15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;outline:none;transition:.3s}.input-box input:focus,.input-box textarea:focus{border-color:#38bdf8;background:#ffffff1a}.input-box textarea{height:120px;resize:none}.send-btn{width:100%;padding:15px;background:#38bdf8;color:#0f172a;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:.3s}.send-btn:hover:not(:disabled){background:#0ea5e9;box-shadow:0 0 20px #38bdf866}@media(max-width:850px){.contact-grid{grid-template-columns:1fr}}.footer{background:#0a4f6c;color:#fff;text-align:center;padding:20px}.honalar{padding:60px 0;background-color:#f4f6f9}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{text-align:center;font-size:2.2rem;margin-bottom:40px;color:#333}.honalar-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.honalar-item{position:relative;height:350px;border-radius:15px;overflow:hidden;box-shadow:0 8px 15px #0000001a}.honalar-item img{width:100%;height:100%;object-fit:cover}.room-price-tag{position:absolute;top:15px;left:15px;background:#ff4757;color:#fff;padding:6px 14px;border-radius:10px;font-weight:700;z-index:2}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000068;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:.3s ease}.honalar-item:hover .overlay{opacity:1}.overlay-text{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:20px}.card-buttons{display:flex;gap:10px}.btn-more,.btn-book{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:600}.btn-more{background:#fff;color:#333}.btn-book{background:#2ed573;color:#fff}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000cf;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-box{background:#fff;width:100%;max-width:500px;border-radius:20px;overflow:hidden;position:relative}.modal-close{position:absolute;top:10px;right:10px;background:#fff;border:none;font-size:1.8rem;border-radius:50%;width:35px;height:35px;cursor:pointer}.modal-img{width:100%;height:240px;object-fit:cover}.modal-info{padding:25px}.modal-desc{color:#666;margin:10px 0}.modal-extra{color:#2ed573;font-weight:700;margin-bottom:15px}.modal-icons{display:flex;gap:15px;font-size:.85rem;color:#888;margin-bottom:20px}.modal-book-btn{width:100%;padding:14px;background:#1e90ff;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer}.booking-form{padding:30px}.form-input{width:100%;padding:14px;margin-bottom:15px;border:1px solid #ddd;border-radius:10px;outline:none}.phone-input-wrapper{display:flex;align-items:center;border:1px solid #ddd;border-radius:10px;margin-bottom:20px;padding-left:15px}.phone-prefix{font-weight:700;color:#555;margin-right:10px}.tel-input-field{border:none;padding:14px 0;outline:none;flex:1;font-size:1rem}.form-buttons{display:flex;gap:10px}.btn-submit{flex:2;background:#2ed573;color:#fff;border:none;padding:14px;border-radius:10px;font-weight:700;cursor:pointer}.btn-cancel{flex:1;background:#f1f1f1;border:none;border-radius:10px;cursor:pointer}@media(max-width:768px){.honalar-item{height:300px}.overlay{opacity:1;background:none;justify-content:flex-end;padding-bottom:20px}.overlay-text{font-size:1rem}.form-buttons{flex-direction:column}.btn-cancel{padding:15px}}.faq{padding:110px 8%;background:linear-gradient(180deg,#f9fbff,#eef2ff);text-align:center}.faq-container{max-width:800px;margin:40px auto auto}.faq-item{background:#fff;border-radius:12px;margin-bottom:15px;box-shadow:0 8px 20px #0000000d;overflow:hidden;transition:.3s}.faq-question{padding:20px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-answer{max-height:0;overflow:hidden;transition:.4s;padding:0 20px}.faq-item.active .faq-answer{max-height:200px;padding:20px}.gallery{padding:100px 8%;text-align:center}.section-title{font-size:36px;margin-bottom:10px}.section-sub{color:#666;margin-bottom:40px}.gallery-slider{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-item{overflow:hidden;border-radius:15px;cursor:pointer}.gallery-item img{width:100%;height:250px;object-fit:cover;transition:.5s}.gallery-item:hover img{transform:scale(1.1)}@media(max-width:768px){.gallery-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:15px}.gallery-slider::-webkit-scrollbar{display:none}.gallery-item{min-width:280px;flex-shrink:0;scroll-snap-align:center}}.fullscreen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000}.fullscreen-img{max-width:90%;max-height:90%;border-radius:10px}.close-fullscreen{position:absolute;top:20px;right:30px;font-size:40px;color:#fff;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;color:#333;overflow-x:hidden;width:100%}section{padding:60px 5%;width:100%}html{scroll-behavior:smooth}@media(min-width:1024px){section{padding:80px 10%}}
