body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{height:100vh;width:100vw}*{box-sizing:border-box;margin:0;padding:0}body{background:#000;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}.app,body{overflow:hidden}.app{color:#fff;height:100vh;position:relative;width:100vw}.background-image{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.background-image img{animation:subtleFade .3s ease-in-out;filter:brightness(1.08) contrast(1.08);height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;object-fit:cover;object-position:center;width:100%}@keyframes subtleFade{0%{opacity:.7}to{opacity:1}}.overlay{background:linear-gradient(180deg,#0000001a 0,#00000026 70%,#00000059);height:100%;width:100%}.overlay,.top-bar{left:0;position:absolute;top:0}.top-bar{align-items:flex-start;background:linear-gradient(180deg,#00000080,#0000);display:flex;justify-content:space-between;padding:clamp(30px,3.5vh,50px) clamp(50px,5vw,90px);right:0;z-index:10}.time{font-feature-settings:"tnum";font-size:clamp(42px,5vw,80px);font-variant-numeric:tabular-nums;font-weight:200;letter-spacing:3px;text-shadow:0 6px 20px #000000e6}.info-panel{align-items:flex-end;display:flex;flex-direction:column;gap:clamp(15px,1.8vw,25px)}.weather-card{-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1.5px solid #ffffff40;border-radius:25px;box-shadow:0 12px 40px #0006,inset 0 1px 0 #fff3;padding:clamp(20px,2.2vw,35px) clamp(28px,3vw,45px);transition:all .4s ease;width:clamp(280px,25vw,450px)}.weather-card:hover{box-shadow:0 16px 50px #00000080;transform:translateY(-5px)}.weather-title{font-size:clamp(12px,1.2vw,17px);font-weight:600;letter-spacing:2px;margin-bottom:16px;opacity:.9;text-transform:uppercase}.weather-main{align-items:center;display:flex;gap:clamp(20px,2vw,30px);justify-content:space-between}.weather-temp-section{flex-shrink:0}.weather-temp{font-size:clamp(40px,4.5vw,68px);font-weight:200;letter-spacing:-1px;line-height:1;margin-bottom:8px;text-shadow:0 4px 12px #0009}.weather-desc{font-size:clamp(14px,1.4vw,20px);font-weight:400;opacity:.95}.weather-details{display:flex;flex:1 1;flex-direction:column;gap:clamp(6px,.8vw,10px)}.weather-detail-item{align-items:center;display:flex;font-size:clamp(12px,1.2vw,16px);justify-content:space-between}.weather-detail-label{font-weight:500;opacity:.85}.weather-detail-value{font-weight:700;opacity:1;text-shadow:0 2px 6px #00000080}.currency-card{-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);background:linear-gradient(135deg,#ffd7002e,#ffffff1a);border:1.5px solid #ffd7004d;border-radius:25px;box-shadow:0 12px 40px #0006,inset 0 1px 0 #fff3;padding:clamp(20px,2.2vw,35px) clamp(28px,3vw,45px);transition:all .4s ease;width:clamp(280px,25vw,450px)}.currency-card:hover{box-shadow:0 16px 50px #00000080;transform:translateY(-5px)}.currency-title{color:gold;font-size:clamp(12px,1.2vw,17px);font-weight:600;letter-spacing:2px;margin-bottom:16px;opacity:.95;text-shadow:0 2px 8px #00000080;text-transform:uppercase}.currency-grid{grid-gap:clamp(8px,1vw,14px);display:grid;gap:clamp(8px,1vw,14px);grid-template-columns:repeat(4,1fr)}.currency-item{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;display:flex;flex-direction:column;gap:clamp(4px,.5vw,6px);justify-content:center;padding:clamp(10px,1.2vw,16px) clamp(8px,1vw,12px);transition:all .3s ease}.currency-item:hover{background:#ffffff26;transform:scale(1.03)}.currency-label{font-size:clamp(11px,1.1vw,15px);font-weight:600;opacity:.95}.currency-value{color:gold;font-size:clamp(13px,1.4vw,19px);font-weight:700;text-shadow:0 2px 8px #00000080}.bottom-panel{bottom:0;left:0;padding:clamp(20px,2.5vh,38px) clamp(40px,4.5vw,80px);position:absolute;right:0;z-index:10}.hotel-container{align-items:flex-end;animation:slideUp .9s cubic-bezier(.4,0,.2,1);display:flex;gap:clamp(25px,3vw,50px);justify-content:space-between}.hotel-main-info{display:flex;flex:1 1;flex-direction:column;gap:clamp(12px,1.4vw,22px)}.hotel-name-card{-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(135deg,#ffffff2e,#ffffff1a);border:2px solid #ffffff4d;border-radius:clamp(16px,1.8vw,26px);box-shadow:0 12px 40px #00000080,inset 0 1px 0 #ffffff40;padding:clamp(14px,1.6vw,24px) clamp(20px,2.4vw,38px);transition:all .4s ease}.hotel-name-card:hover{box-shadow:0 16px 50px #0009;transform:translateY(-5px)}.hotel-name-elite{font-size:clamp(24px,3vw,48px);font-weight:700;letter-spacing:.5px;line-height:1.1;margin-bottom:clamp(5px,.7vw,10px);text-shadow:0 4px 16px #000c}.hotel-tagline{font-size:clamp(11px,1.1vw,16px);font-weight:500;letter-spacing:1px;opacity:.9}.hotel-details-grid{grid-gap:clamp(10px,1.2vw,18px);display:grid;gap:clamp(10px,1.2vw,18px);grid-template-columns:repeat(auto-fit,minmax(clamp(160px,18vw,230px),1fr))}.room-info-section{align-items:flex-end;display:flex;gap:clamp(25px,3vw,50px);justify-content:space-between;width:100%}.room-details-card{display:flex;flex:1 1;flex-direction:column;gap:clamp(12px,1.4vw,22px)}.room-name{color:gold;font-size:clamp(20px,2.4vw,38px);font-weight:700;margin-bottom:clamp(8px,1vw,16px);text-shadow:0 4px 16px #000c}.room-features{grid-gap:clamp(10px,1.2vw,18px);display:grid;gap:clamp(10px,1.2vw,18px);grid-template-columns:repeat(auto-fit,minmax(clamp(140px,16vw,200px),1fr))}.room-features .detail-card{align-items:center;display:flex;gap:clamp(8px,1vw,14px);padding:clamp(12px,1.4vw,20px) clamp(16px,1.8vw,26px)}.room-features .detail-icon{color:gold;font-size:clamp(18px,2vw,28px);font-weight:700}.room-features .detail-content{flex:1 1;min-width:0}.room-features .detail-value{font-size:clamp(13px,1.4vw,19px);font-weight:600;text-shadow:0 2px 8px #0009;word-break:break-word}.detail-card{align-items:center;-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1.5px solid #ffffff40;border-radius:clamp(12px,1.4vw,18px);box-shadow:0 8px 28px #0006,inset 0 1px 0 #fff3;display:flex;gap:clamp(10px,1.2vw,16px);padding:clamp(10px,1.2vw,18px) clamp(14px,1.6vw,24px);transition:all .3s ease}.detail-card:hover{background:linear-gradient(135deg,#ffffff38,#ffffff1f);box-shadow:0 12px 35px #00000080;transform:translateY(-4px)}.detail-icon{filter:drop-shadow(0 3px 6px rgba(0,0,0,.5));flex-shrink:0;font-size:clamp(18px,2.2vw,32px)}.detail-content{flex:1 1;min-width:0}.detail-label{font-size:clamp(9px,.9vw,12px);font-weight:600;letter-spacing:1.3px;margin-bottom:3px;opacity:.85;text-transform:uppercase}.detail-value{font-size:clamp(11px,1.2vw,17px);font-weight:600;text-shadow:0 2px 8px #0009;word-break:break-word}.price-card-elite{-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(135deg,#ffd70040,#ffa50033);border:2px solid #ffd70066;border-radius:clamp(16px,1.8vw,26px);box-shadow:0 12px 40px #ffd7004d,inset 0 1px 0 #ffffff4d;flex-shrink:0;padding:clamp(16px,1.9vw,30px) clamp(24px,2.8vw,44px);text-align:center;transition:all .4s ease}.price-card-elite:hover{box-shadow:0 16px 50px #ffd70080;transform:translateY(-5px) scale(1.02)}.price-label{color:gold;font-size:clamp(10px,1vw,14px);font-weight:600;letter-spacing:1.8px;margin-bottom:clamp(6px,.8vw,11px);opacity:.95;text-shadow:0 2px 8px #0009;text-transform:uppercase}.price-value{color:gold;font-size:clamp(20px,2.4vw,38px);font-weight:800;letter-spacing:1px;line-height:1;text-shadow:0 4px 16px #000c}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:2560px){.hotel-name-elite{font-size:72px}.price-value{font-size:56px}.detail-value{font-size:26px}}@media (max-width:1280px){.top-bar{gap:20px}.info-panel,.top-bar{flex-direction:column}.info-panel{gap:15px;width:100%}.currency-card,.weather-card{max-width:450px;width:100%}.currency-grid{grid-template-columns:repeat(3,1fr)}.hotel-container{align-items:stretch;flex-direction:column}.hotel-details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.bottom-panel,.top-bar{padding:20px}.hotel-details-grid{grid-template-columns:1fr}.currency-grid{grid-template-columns:repeat(2,1fr)}}@media (orientation:landscape) and (max-height:600px){.top-bar{padding:15px 35px}.bottom-panel{padding:18px 35px}.hotel-name-card{padding:15px 25px}}@media (min-aspect-ratio:7/3){.bottom-panel{padding-left:8vw;padding-right:8vw}}
/*# sourceMappingURL=main.cc0a705e.css.map*/