*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,"sans-serif","Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fdfcf8;line-height:1.7;font-size:16px;font-weight:400;color:#333;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:Inter,Segoe UI,"sans-serif";font-weight:600;line-height:1.3;letter-spacing:-.01em;color:#005f73}p,span,div{font-family:Inter,Segoe UI,"sans-serif";line-height:1.7;letter-spacing:.01em}button,.MuiButton-root{font-family:Inter,Segoe UI,"sans-serif"!important;font-weight:500!important;letter-spacing:.02em!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#90e0ef;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0077b6}.fade-in{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInLeft .8s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight .8s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}img{max-width:100%;height:auto;display:block}.lazy-image{transition:opacity .3s ease}.lazy-image.loading{opacity:.7;filter:blur(2px)}.lazy-image.loaded{opacity:1;filter:none}.hero-slideshow .MuiBox-root{position:relative;overflow:hidden}.hero-slideshow img{object-fit:cover;width:100%;height:100%;transition:transform .5s ease}.hero-slideshow:hover img{transform:scale(1.05)}.room-card,.menu-item-card,.attraction-card{transition:all .3s ease;cursor:pointer}.room-card:hover,.menu-item-card:hover,.attraction-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0077b626}.ocean-button{background:linear-gradient(135deg,#0077b6,#90e0ef);transition:all .3s ease;position:relative;overflow:hidden}.ocean-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.ocean-button:hover:before{left:100%}.ocean-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0077b64d}.booking-form .MuiTextField-root,.contact-form .MuiTextField-root{margin-bottom:16px}.booking-form .MuiFormControl-root{transition:all .3s ease}.booking-form .MuiFormControl-root:focus-within{transform:translateY(-2px)}.navbar-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fdfcf8f2;transition:all .3s ease}.navbar-scrolled{background:#fdfcf8fa;box-shadow:0 2px 20px #0077b61a}.footer-container{background:linear-gradient(135deg,#023047,#0077b6)}.section-spacing{padding:80px 0}@media (max-width: 768px){.section-spacing{padding:60px 0}}.map-container{border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0077b626;transition:transform .3s ease}.map-container:hover{transform:scale(1.02)}.map-container iframe{filter:saturate(1.1) contrast(1.1)}.gradient-text{background:linear-gradient(135deg,#0077b6,#023047);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.responsive-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width: 768px){.responsive-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 768px){body{-webkit-overflow-scrolling:touch}}.skip-link{position:absolute;top:-40px;left:6px;background:#0077b6;color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:9999}.skip-link:focus{top:6px}@media print{.no-print{display:none!important}body{color:#000;background:#fff}}@media (prefers-contrast: high){.hero-slideshow img{filter:contrast(1.2)}.ocean-button{border:2px solid #0077b6}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-color-scheme: dark){body{background-color:#1a1a1a;color:#fff}.navbar-container{background:#1a1a1af2}}