:root{--primary-color:#4facfe;--secondary-color:#00f2fe;--accent-color:#1a365d;--light-bg:#f8fafc;--medium-bg:#e2e8f0;--bright-blue:#4299e1;--text-light:#000000;--text-dark:#000000;--glass-bg:rgba(255,255,255,0.8);--glass-border:rgba(255,255,255,0.9);--shadow:0 8px 32px rgba(0,0,0,0.1);--navbar-height:80px;--navbar-height-mobile:60px;--font-size-base:clamp(14px,2vw,16px);--font-size-h1:clamp(28px,8vw,56px);--font-size-h2:clamp(24px,6vw,48px);--font-size-h3:clamp(20px,4vw,32px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:var(--font-size-base);line-height:1.6;color:var(--text-dark);background:linear-gradient(135deg,var(--light-bg) 0,var(--medium-bg) 25%,#ffffff 50%,var(--medium-bg) 75%,var(--light-bg) 100%);background-attachment:fixed;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%;display:block}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--secondary-color);text-decoration:underline}main{flex:1 1;width:100%;padding-top:var(--navbar-height)}@media (max-width:480px){main{padding-top:var(--navbar-height-mobile)}}.container{width:min(1200px,calc(100% - 32px));margin:0 auto}.text-center{text-align:center}.btn{display:inline-block;padding:12px 24px;border-radius:25px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#ffffff;font-weight:600;box-shadow:0 4px 15px rgba(79,172,254,.3);transition:transform .3s ease,box-shadow .3s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(79,172,254,.4);text-decoration:none}.btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff}.glass-effect{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:15px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.navbar{position:fixed;top:0;left:0;right:0;width:100%;height:var(--navbar-height);background:rgba(79,172,254,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,.1);z-index:1000}.nav-container,.navbar{display:flex;align-items:center}.nav-container{width:min(1200px,calc(100% - 24px));margin:0 auto;justify-content:space-between;height:100%}.nav-logo .logo-link{display:flex;align-items:center;text-decoration:none}.nav-logo .logo-image{height:clamp(40px,8vw,60px);width:auto;max-width:250px;object-fit:contain}.nav-menu{display:flex;list-style:none;align-items:center;gap:clamp(1.5rem,3vw,2rem)}.nav-menu a{color:var(--text-light);text-decoration:none;font-weight:500;position:relative;padding:8px 0;white-space:nowrap}.nav-menu a.active,.nav-menu a:hover{color:var(--primary-color)}.nav-menu a:after{content:"";position:absolute;width:0;height:2px;left:0;bottom:0;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transition:width .3s ease}.nav-menu a.active:after,.nav-menu a:hover:after{width:100%}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-light);padding:8px;cursor:pointer;width:40px;height:40px;align-items:center;justify-content:center}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#4facfe;display:flex;flex-direction:column;padding:1rem;gap:.5rem;transform:translateX(100%);transition:transform .3s ease,opacity .2s ease;opacity:0;overflow-y:auto;z-index:1100}.mobile-menu.active{transform:translateX(0);opacity:1}.mobile-menu a{color:var(--text-light);padding:1rem;border-radius:8px}.mobile-menu a.active,.mobile-menu a:hover{background:rgba(255,255,255,.1)}.home{width:100%;overflow-x:hidden}.hero{min-height:100vh;align-items:center;justify-content:flex-start;overflow:hidden;padding:clamp(20px,5vw,40px);background:linear-gradient(135deg,rgba(79,172,254,.05),rgba(0,242,254,.05))}.hero,.hero-content{position:relative;display:flex}.hero-content{z-index:2;max-width:600px;width:100%;flex-direction:column;gap:1.5rem}.hero-title{font-size:clamp(1.8rem,6vw,3.5rem);font-weight:700;line-height:1.1;color:#ffffff;text-shadow:0 4px 8px rgba(0,0,0,.15)}.hero-subtitle{font-size:clamp(.9rem,2.5vw,1.3rem);color:var(--text-dark);text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.hero-buttons .btn{width:min(200px,100%);text-align:center}.hero-image{position:absolute;top:0;right:0;width:65%;height:100%;overflow:hidden;border-radius:0 0 0 30px}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,250,252,.55),transparent)}.features{padding:clamp(3rem,10vw,5rem) 0;background:rgba(248,250,252,.5)}.section-title{text-align:center;font-size:clamp(1.8rem,6vw,3rem);margin-bottom:clamp(2rem,8vw,4rem);color:#000000}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:clamp(1.5rem,4vw,2.5rem);gap:clamp(1.5rem,4vw,2.5rem)}.feature-card{text-align:center;padding:clamp(1.5rem,4vw,2.5rem)}.feature-card:hover{transform:translateY(-5px)}.feature-icon{color:var(--primary-color);margin-bottom:1rem;display:flex;justify-content:center}.feature-icon svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.feature-card h3{color:var(--primary-color);margin-bottom:.75rem}.cta-section{padding:clamp(3rem,10vw,5rem) 0;background:linear-gradient(135deg,rgba(79,172,254,.1),rgba(0,242,254,.1))}.cta-section h2{font-size:clamp(1.8rem,6vw,2.5rem);margin-bottom:1rem;color:var(--primary-color)}.cta-section p{margin-bottom:2rem;color:var(--primary-color)}.page-header{background:linear-gradient(135deg,rgba(79,172,254,.18),rgba(0,242,254,.12));padding:clamp(2.5rem,8vw,4rem) 0;text-align:center}.page-header h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:.5rem}.page-header p{color:rgba(0,0,0,.7)}.about-page,.booking-page,.contact-page,.gallery-page,.rooms-page{padding-bottom:4rem}.gallery-grid,.rooms-grid,.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1.5rem;gap:1.5rem}.room-card{overflow:hidden}.room-image{position:relative}.room-image img{width:100%;height:260px;object-fit:cover}.room-price{position:absolute;left:1rem;bottom:1rem;background:rgba(0,0,0,.65);color:#fff;padding:.5rem .8rem;border-radius:999px;display:flex;flex-direction:column;align-items:center;line-height:1.1}.price{font-size:1.2rem;font-weight:700}.room-content{padding:1.25rem}.room-content h3{margin-bottom:.5rem}.room-description,.room-details{margin-bottom:1rem}.detail-item{display:flex;align-items:center;gap:.5rem;color:#1d3557}.detail-item svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;vertical-align:middle}.room-features{margin:1rem 0}.room-features h4{margin-bottom:.5rem}.room-features ul{list-style:disc;padding-left:1.25rem;line-height:1.9}.booking-form,.contact-form{max-width:900px;margin:2rem auto 0;padding:clamp(1.25rem,4vw,2rem)}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem 1.25rem;gap:1rem 1.25rem}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}label{font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}input,select,textarea{width:100%;padding:.85rem 1rem;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:rgba(255,255,255,.8);font:inherit}button:disabled{cursor:not-allowed;opacity:.65}textarea{min-height:120px;resize:vertical}.summary-box{margin-top:2rem;padding:1rem 1.25rem;border-radius:12px;background:rgba(79,172,254,.08);border:1px solid rgba(79,172,254,.2)}.summary-box h3{margin-bottom:.75rem}.summary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.5rem 1rem;gap:.5rem 1rem}.form-message,.privacy-note{margin-top:1rem;font-size:.9rem}.privacy-note{color:rgba(0,0,0,.65)}.form-message-error{color:#a12622}.filter-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:2rem 0}.filter-buttons button{border:1px solid rgba(0,0,0,.15);background:rgba(255,255,255,.8);padding:.7rem 1.2rem;border-radius:999px;cursor:pointer;font:inherit}.filter-buttons button.active{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none}.gallery-item{border-radius:16px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.08)}.gallery-item img,.gallery-item video{width:100%;height:260px;object-fit:cover}.about-content{max-width:1100px;margin:2rem auto 0;display:grid;grid-gap:2rem;gap:2rem}.about-story,.about-values,.ceo-biography{padding:1.5rem 0}.ceo-container{display:grid;grid-template-columns:minmax(220px,360px) 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:center}.ceo-image img{width:100%;max-width:360px;border-radius:16px;box-shadow:var(--shadow)}.value-card{padding:1.5rem;text-align:center}.value-icon{color:var(--primary-color);display:flex;justify-content:center;margin-bottom:1rem}.value-icon svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.contact-content{display:grid;grid-template-columns:minmax(260px,380px) 1fr;grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.contact-info{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}.info-card{padding:1.25rem;border-radius:16px;background:rgba(255,255,255,.7);box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.06)}.info-icon{color:var(--primary-color);margin-bottom:.75rem}.info-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:2;fill:none}.map-container{margin-top:2rem}.map-container iframe{width:100%;min-height:320px;border:0;border-radius:1rem}.footer{background:rgba(248,250,252,.95);border-top:1px solid rgba(0,0,0,.1);padding:clamp(2rem,5vw,3rem) 0 1.5rem;width:100%}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:clamp(1.5rem,4vw,2.5rem);gap:clamp(1.5rem,4vw,2.5rem);margin-bottom:1.5rem}.footer-section{display:flex;flex-direction:column}.footer-section h3,.footer-section h4{color:var(--primary-color);margin-bottom:.75rem}.footer-section a,.footer-section li,.footer-section p,.footer-section span{color:var(--text-dark)}.footer-section ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.social-links{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.social-links a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.contact-item svg,.social-links svg{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.contact-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.footer-bottom{border-top:1px solid rgba(0,0,0,.1);padding-top:1rem;text-align:center}.admin-shell{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:clamp(2rem,5vw,4rem) 0}.admin-login{width:min(460px,100%);margin:3rem auto;padding:clamp(1.5rem,5vw,2.5rem)}.admin-heading h1,.admin-login h1{margin-bottom:.5rem}.admin-login form{margin-top:1.5rem}.admin-login .btn{margin-top:.5rem}.admin-eyebrow{color:#287ebc;font-size:.8rem;font-weight:700;letter-spacing:.12em;margin-bottom:.5rem}.admin-heading,.admin-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.admin-heading{margin-bottom:2rem}.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.admin-stat{padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.admin-stat strong{color:#287ebc;font-size:2rem;line-height:1.1}.admin-panel{padding:clamp(1rem,3vw,1.5rem);margin-bottom:1.5rem}.admin-panel-heading{margin-bottom:1rem}.admin-panel-heading h2{font-size:1.25rem}.admin-refresh{border:0;background:none;color:#287ebc;font:inherit;font-weight:600;cursor:pointer}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:.92rem}.admin-table td,.admin-table th{padding:.8rem .65rem;border-bottom:1px solid rgba(0,0,0,.1);vertical-align:top}.admin-table th{color:#33516b;white-space:nowrap}.admin-table td a,.admin-table td small,.admin-table td strong{display:block}.admin-table td small{margin-top:.3rem;color:rgba(0,0,0,.6);white-space:nowrap}.admin-table td a{overflow-wrap:anywhere}.admin-table select{min-width:120px;padding:.45rem}.admin-empty{color:rgba(0,0,0,.65);padding:.5rem 0}.admin-visit-list{max-height:360px;overflow-y:auto}.admin-visit{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid rgba(0,0,0,.08)}.admin-visit time{color:rgba(0,0,0,.65);font-size:.9rem}@media (max-width:768px){.hero{flex-direction:column;text-align:center;min-height:auto;padding:2rem 1.5rem 1rem}.hero-content{max-width:none}.hero-image{position:relative;width:100%;height:300px;margin-top:2rem;border-radius:20px}.hero-buttons{align-items:center}.hero-buttons .btn{width:100%;max-width:none}.admin-stats,.ceo-container,.contact-content,.form-row,.summary-list{grid-template-columns:1fr}.admin-heading,.admin-panel-heading,.admin-visit{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.navbar{height:var(--navbar-height-mobile);background:rgba(255,255,255,.94)}.desktop-menu{display:none}.mobile-menu-btn{display:flex}.home{padding-top:0}.hero{padding:15px;min-height:auto}.hero-image{height:220px}.btn{width:100%;text-align:center}}