*{box-sizing:border-box}body{margin:0;font-family:Montserrat,sans-serif}.ana-landing{height:100vh;overflow:hidden;overscroll-behavior:none;background:#34334f;color:#fff}.ana-landing-stage,.panel{min-height:100vh}.ana-landing-stage{position:relative;perspective:1800px}.panel{position:absolute;inset:0;overflow:auto;backface-visibility:hidden;transition:.78s cubic-bezier(.2,.72,.18,1);transition-property:opacity,transform,visibility}.welcome{display:grid;overflow:hidden;place-items:center;background:#34334f url('https://assets.pansion-ana.com/img/site/ana-artatore-rooms.jpg') center/cover fixed no-repeat}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(52,51,79,.8),rgba(52,51,79,.34))}header{position:absolute;z-index:2;top:0;left:0;display:flex;width:100%;height:58px;align-items:center;justify-content:space-between;padding:0 clamp(13px,2.5vw,35px)}button{min-height:44px;padding:8px clamp(9px,1.4vw,18px);border:1px solid rgba(255,255,255,.75);background:transparent;color:inherit;cursor:pointer;font:500 13px Montserrat,sans-serif;letter-spacing:.02em}header button{padding:0;border:0}.brand{width:132px;height:42px;transform:translate(3px,3px)}.brand img{display:block;width:100%;height:100%;filter:brightness(0) invert(1)}.header-actions{display:flex;align-items:center;gap:14px}.language-menu{position:relative}.language-menu summary{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;list-style:none;cursor:pointer;font:500 13px Montserrat,sans-serif}.language-menu summary::-webkit-details-marker{display:none}.language-menu>div{position:absolute;top:calc(100% + 6px);right:0;min-width:142px;padding:6px;background:#fff;box-shadow:0 9px 25px rgba(52,51,79,.16)}.language-menu a{display:block;padding:10px 12px;color:#34334f;text-decoration:none;font-size:13px}.language-menu a:hover,.language-menu a:focus-visible{background:#f4f5f8;color:#80a7bf}.welcome-copy{position:relative;width:min(100% - 48px,760px)}.welcome-copy>p,.info-hero>p,.login-card>p{color:#fff;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.ana-landing h1,.ana-landing h2,.ana-landing h3{margin:0;font-family:'Gilda Display',serif;font-weight:400;line-height:1.08}.welcome h1{font-size:clamp(52px,9vw,105px)}.welcome-copy>div{max-width:480px;margin-top:22px;font-size:clamp(16px,2vw,20px);line-height:1.65}.welcome nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.primary{border-color:#80a7bf;background:#80a7bf;color:#fff}.welcome .primary{border-color:#80a7bf;background:#80a7bf;color:#fff}.info{z-index:2;background:#f4f5f8;color:#34334f;opacity:0;pointer-events:none;transform:rotateY(180deg);transform-origin:center;visibility:hidden}.info header{position:sticky;top:0;background:#fff}.info .brand img{filter:brightness(0) saturate(100%) invert(66%) sepia(16%) saturate(950%) hue-rotate(158deg) brightness(87%) contrast(83%)}.info .language-menu summary{color:#80a7bf}.info-hero{padding:clamp(70px,10vw,120px) 8vw;color:#fff;background:#34334f}.info h2{font-size:clamp(42px,7vw,76px)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:1120px;margin:-48px auto 0;padding:0 24px 64px}.cards a,.wifi-card{min-height:220px;padding:30px;border:0;background:#fff;color:#34334f;text-decoration:none;box-shadow:0 9px 25px rgba(52,51,79,.1)}.cards i{display:block;margin-bottom:24px;color:#80a7bf;font-size:34px}.cards h3{font-size:28px}.cards p{color:#676977;font-size:14px;line-height:1.6}.copy-password{min-height:auto;padding:0;border:0;color:#80a7bf;font:500 12px Montserrat,sans-serif;text-transform:none}.login{z-index:3;display:grid;place-items:center;padding:28px;background:rgba(52,51,79,.97);opacity:0;pointer-events:none;transform:rotateY(-180deg);transform-origin:center;visibility:hidden}.login-card{width:min(100%,510px);padding:clamp(32px,7vw,60px);background:#fff;color:#525765}.login h2{color:#34334f;font-size:clamp(40px,6vw,62px)}.login label{display:block;margin-top:18px;color:#34334f;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.login input{display:block;width:100%;min-height:48px;margin-top:7px;border:1px solid #ced2d9}.login form .primary{width:100%;margin-top:28px;border:0}body[data-view=info] .welcome{opacity:0;transform:rotateY(-180deg);pointer-events:none;visibility:hidden}body[data-view=info] .info,body[data-view=login] .login{opacity:1;transform:rotateY(0);pointer-events:auto;visibility:visible}body[data-view=login] .welcome{opacity:0;transform:rotateY(180deg);pointer-events:none;visibility:hidden}@media(max-width:575px){header{height:52px;padding:0 13px}.brand{width:82px;height:38px}.header-actions{gap:10px}.language-menu summary{min-height:44px}.welcome{background-attachment:fixed}.welcome nav{display:grid}.welcome nav button{width:100%}.cards{margin-top:-28px}.cards a,.wifi-card{display:grid;grid-template-columns:44px 1fr;column-gap:14px;min-height:0;padding:24px}.cards i{grid-row:1 / span 2;margin:0;font-size:32px}.cards h3{align-self:center;font-size:26px}.cards p{grid-column:2;margin:8px 0 0}}@media(prefers-reduced-motion:reduce){.panel{transition-duration:.01ms}}