:root{--bg-dark:#fff;--bg-card:#fff;--bg-card-light:#f8f9fa;--accent-red:#d92b2b;--accent-red-hover:#b01e1e;--accent-gold:#1a1a1a;--text-white:#fff;--text-light:#212529;--text-gray:#6c757d;--text-dark:#111;--border-color:#d92b2b1f;--font-header:"Outfit", "Sarabun", sans-serif;--font-body:"Sarabun", "Outfit", sans-serif;--shadow-premium:0 10px 30px #00000014;--shadow-soft:0 4px 15px #0000000d;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-light);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}a{color:inherit;transition:var(--transition-smooth);text-decoration:none}button{font-family:var(--font-header);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-card-light)}::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-red)}.btn{font-family:var(--font-header);letter-spacing:.5px;transition:var(--transition-smooth);border-radius:50px;justify-content:center;align-items:center;padding:12px 28px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--accent-red);color:var(--text-white)}.btn-primary:hover{background-color:var(--accent-red-hover);transform:translateY(-2px);box-shadow:0 5px 15px #d92b2b4d}.btn-accent{background-color:var(--accent-red);color:var(--text-white)}.btn-accent:hover{background-color:var(--accent-red-hover);transform:translateY(-2px);box-shadow:0 5px 15px #d92b2b4d}.btn-outline{border:2px solid var(--accent-red);color:var(--accent-red)}.btn-outline:hover{background-color:var(--accent-red);color:var(--text-white);transform:translateY(-2px)}.btn-outline-white{border:2px solid var(--text-white);color:var(--text-white)}.btn-outline-white:hover{background-color:var(--text-white);color:var(--accent-red);transform:translateY(-2px)}.btn-sm{padding:8px 18px;font-size:13px}.btn-large{padding:16px 36px;font-size:16px}.btn-block{width:100%;display:flex}.text-center{text-align:center}.main-header{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;transition:var(--transition-smooth);background-color:#fffffff2;border-bottom:1px solid #0000000d;padding:10px 0;position:fixed;top:0;left:0}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:10px 20px;display:flex}.logo{font-family:var(--font-header);letter-spacing:1px;font-size:22px;font-weight:700}.logo-sino{color:var(--accent-red)}.logo-at{color:var(--accent-gold);margin:0 2px}.logo-ts{color:var(--accent-gold)}.nav-menu{gap:20px;display:flex}.nav-link{font-family:var(--font-header);color:var(--text-light);padding:5px 0;font-size:14px;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--accent-red)}.nav-link:after{content:"";background-color:var(--accent-red);width:0;height:2px;transition:var(--transition-smooth);position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.header-cta{align-items:center;gap:12px;display:flex}.btn-phone{padding:7px 15px;font-size:13px}.mobile-toggle{color:var(--text-light);display:none}.hero-section{flex-direction:column;justify-content:center;min-height:100vh;padding:120px 20px 60px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:1;background-position:50%;background-size:cover;width:100%;height:100%;animation:20s forwards zoomOut;position:absolute;top:0;left:0;transform:scale(1.05)}.hero-content{z-index:2;text-align:center;max-width:800px;margin:0 auto;animation:1s ease-out fadeInUp;position:relative}.tagline{font-family:var(--font-header);color:var(--accent-red);letter-spacing:2px;text-transform:uppercase;background:#ffffffe6;border-radius:4px;margin-bottom:15px;padding:4px 12px;font-size:16px;font-weight:700;display:inline-block}.hero-title{font-family:var(--font-header);color:var(--text-white);text-shadow:0 4px 15px #0009;margin-bottom:20px;font-size:54px;font-weight:700;line-height:1.2}.hero-desc{color:var(--text-white);text-shadow:0 2px 8px #0009;max-width:650px;margin-bottom:30px;margin-left:auto;margin-right:auto;font-size:17px}.promo-badge{border:1px solid var(--accent-red);box-shadow:var(--shadow-premium);background:#fffffff2;border-radius:12px;flex-direction:column;margin-bottom:35px;padding:10px 25px;display:inline-flex}.badge-text{color:var(--accent-red);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700}.badge-discount{color:var(--text-light);font-size:16px;font-weight:700}.hero-actions{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.quick-info-bar{z-index:2;max-width:1000px;box-shadow:var(--shadow-premium);background:#fff;border:1px solid #0000000f;border-radius:16px;flex-wrap:wrap;justify-content:space-around;gap:20px;margin:80px auto 0;padding:25px;display:flex;position:relative}.info-item{align-items:center;gap:15px;display:flex}.info-icon{font-size:28px}.info-text{flex-direction:column;display:flex}.info-text strong{color:var(--text-light);font-size:16px}.info-text span{color:var(--text-gray);font-size:13px}section{padding:80px 20px}.section-container{max-width:1200px;margin:0 auto}.section-header{max-width:700px;margin:0 auto 55px}.section-subtitle{font-family:var(--font-header);color:var(--accent-red);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:700;display:block}.section-title{font-family:var(--font-header);color:var(--text-light);margin-bottom:15px;font-size:34px;font-weight:700;line-height:1.3}.section-desc{color:var(--text-gray);font-size:15px}.about-section{background-color:var(--bg-dark)}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about-content-block h2{margin-bottom:20px}.about-p{color:var(--text-gray);margin-bottom:30px;font-size:15px}.standards-list{flex-direction:column;gap:20px;display:flex}.standard-card{background-color:var(--bg-card-light);border-left:4px solid var(--accent-red);border-radius:12px;gap:20px;padding:20px;display:flex}.standard-icon{font-size:24px}.standard-details h3{color:var(--text-light);margin-bottom:5px;font-size:16px}.standard-details p{color:var(--text-gray);font-size:13px;line-height:1.4}.about-image-block .image-wrapper{box-shadow:var(--shadow-premium);border-radius:20px;position:relative;overflow:hidden}.about-img{transition:var(--transition-smooth);object-fit:cover;border-radius:20px;width:100%;height:400px}.about-img:hover{transform:scale(1.03)}.img-accent-card{background-color:var(--accent-red);color:var(--text-white);box-shadow:var(--shadow-premium);border-radius:12px;align-items:center;gap:15px;padding:15px 25px;display:flex;position:absolute;bottom:25px;right:25px}.accent-number{font-family:var(--font-header);font-size:40px;font-weight:700;line-height:1}.accent-text{font-size:12px;font-weight:600;line-height:1.3}.rooms-section{background-color:var(--bg-card-light)}.rooms-grid{grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px;display:grid}.room-card{background-color:var(--bg-card);box-shadow:var(--shadow-premium);transition:var(--transition-smooth);border:1px solid #0000000a;border-radius:20px;overflow:hidden}.room-card:hover{border-color:#d92b2b4d;transform:translateY(-5px)}.room-img-container{height:300px;position:relative;overflow:hidden}.room-img{object-fit:cover;width:100%;height:100%;transition:var(--transition-smooth)}.room-card:hover .room-img{transform:scale(1.05)}.room-tag{background-color:var(--accent-red);color:var(--text-white);text-transform:uppercase;border-radius:30px;padding:6px 16px;font-size:12px;font-weight:700;position:absolute;top:20px;left:20px}.room-info{padding:30px}.room-info h3{color:var(--text-light);margin-bottom:12px;font-size:21px}.room-info p{color:var(--text-gray);height:60px;margin-bottom:20px;font-size:14px;overflow:hidden}.room-amenities{border-bottom:1px solid #0000000d;flex-wrap:wrap;gap:10px 15px;margin-bottom:20px;padding-bottom:25px;display:flex}.room-amenities span{color:var(--text-light);background-color:#00000008;border-radius:6px;padding:4px 10px;font-size:12px}.room-footer{justify-content:space-between;align-items:center;display:flex}.room-price{color:var(--accent-red);font-size:13px;font-weight:600}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-group label{color:var(--text-light);font-size:13px;font-weight:600}.form-group input,.form-group textarea,.form-group select{color:var(--text-light);font-family:var(--font-body);transition:var(--transition-smooth);background-color:#fff;border:1px solid #ced4da;border-radius:8px;width:100%;padding:12px 18px;font-size:14px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-red);outline:none;box-shadow:0 0 8px #d92b2b1f}.cta-banner{text-align:center;background-image:linear-gradient(#d92b2bd9,#d92b2bd9),url(https://img1.wsimg.com/isteam/ip/915f6e68-1bd0-4cdd-a2b6-3e7af70abe43/fb_2683152491774748_1920x1080.jpg);background-position:50%;background-size:cover;background-attachment:fixed;border-radius:0;padding:100px 20px;position:relative}.cta-container{z-index:2;max-width:800px;margin:0 auto;position:relative}.cta-container h2{font-family:var(--font-header);color:var(--text-white);margin-bottom:15px;font-size:38px}.cta-container p{color:var(--text-white);margin-bottom:35px;font-size:15px}.main-footer{color:var(--text-light);background-color:#f8f9fa;border-top:1px solid #0000000d;padding:70px 20px 25px}.footer-container{grid-template-columns:2fr 1fr 1fr;gap:50px;max-width:1200px;margin:0 auto 50px;display:grid}.footer-brand .footer-logo{font-family:var(--font-header);color:var(--accent-red);margin-bottom:15px;font-size:20px;font-weight:700;display:block}.footer-brand p{color:var(--text-gray);max-width:320px;font-size:14px}.footer-links h4,.footer-social h4{color:var(--text-light);margin-bottom:20px;font-size:15px}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-links a{color:var(--text-gray);font-size:14px}.footer-links a:hover{color:var(--accent-red);transform:translate(3px)}.footer-social p{color:var(--text-gray);margin-bottom:15px;font-size:13px}.phone-calls{color:var(--accent-red);flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}.footer-bottom{max-width:1200px;color:var(--text-gray);border-top:1px solid #0000000d;justify-content:space-between;margin:0 auto;padding-top:25px;font-size:12px;display:flex}.developer-tag{color:#0003}.cookie-banner{z-index:9999;border:1px solid var(--border-color);background-color:#fff;border-radius:12px;max-width:500px;margin-left:auto;padding:20px;position:fixed;bottom:20px;left:20px;right:20px;box-shadow:0 10px 30px #0000001a}.cookie-content{flex-direction:column;align-items:flex-end;gap:15px;display:flex}.cookie-content p{color:var(--text-gray);font-size:12px;line-height:1.4}.admin-dashboard-page,.admin-bookings-page,.admin-rooms-page,.admin-promos-page,.admin-users-page,.login-page{color:#333;background-color:#f4f6f9}.admin-menu-link{transition:var(--transition-smooth);border:1px solid #0000000a;color:#333!important;background-color:#fff!important}.admin-menu-link:hover{transform:translate(3px);background-color:#e9ecef!important}.admin-status-nav{align-items:center;gap:8px;display:flex}.logout-icon-btn{color:var(--accent-red);background:#d92b2b1a;border:1px solid #d92b2b26;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:inline-flex}.logout-icon-btn:hover{background:var(--accent-red);color:var(--text-white)}.blog-card-hover:hover{transform:translateY(-4px);border-color:#d92b2b4d!important}.gallery-img-hover:hover{transform:scale(1.05)}@media (width<=991px){.about-grid,.rooms-grid,.nearby-grid,.contact-grid,.spot-content-grid{grid-template-columns:1fr}.about-grid{gap:40px}.about-image-block{order:-1}.footer-container{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:span 2}.hero-title{font-size:40px}}@media (width<=768px){.nav-menu{width:100%;height:calc(100vh - 70px);transition:var(--transition-smooth);z-index:999;background-color:#fff;border-top:1px solid #0000000d;flex-direction:column;justify-content:center;align-items:center;gap:20px;position:fixed;top:70px;left:-100%}.nav-menu.active{left:0}.mobile-toggle{color:var(--text-light);display:flex}.header-cta .btn-phone{display:none}.quick-info-bar{flex-direction:column;align-items:flex-start;gap:15px;margin-top:50px}.footer-container{grid-template-columns:1fr}.footer-brand{grid-column:span 1}.footer-bottom{text-align:center;flex-direction:column;gap:10px}}