*{box-sizing:border-box}html,body,#root{background:#050505;min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.page{color:#fff;background:#050505;min-height:100vh;position:relative;overflow:hidden}.background{object-fit:cover;opacity:1;width:100%;height:100%;position:absolute;inset:0}.overlay-left{background:linear-gradient(90deg,#000000eb 0%,#000000b8 24%,#0000004d 55%,#000000c7 100%);position:absolute;inset:0}.overlay-soft{background:#00000014;position:absolute;inset:0}.layout{z-index:2;grid-template-columns:360px 1fr 420px;gap:24px;min-height:100vh;padding:32px;display:grid;position:relative}.left-column{flex-direction:column;justify-content:space-between;min-width:0;display:flex}.brand{margin-bottom:40px}.brand-logo{object-fit:contain;filter:brightness(0)invert();width:112px;height:112px;margin-bottom:12px;display:block}.brand-name{letter-spacing:.2em;font-size:42px;font-weight:300;line-height:1}.brand-subtitle{letter-spacing:.45em;color:#f5c25b;margin-top:12px;font-size:20px}.headline{white-space:pre-line;letter-spacing:-.02em;margin:0;font-size:38px;font-weight:300;line-height:1.13}.headline span{color:#f4bd4a;font-weight:700}.menu{flex-direction:column;gap:12px;margin-top:48px;display:flex}.menu-item{text-align:left;color:#ffffffeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#00000073;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:16px;width:100%;padding:16px;transition:background .2s,transform .2s;display:flex;box-shadow:0 18px 40px #00000059}.menu-item:hover{background:#0000009e;transform:translate(2px)}.menu-item.active{color:#fff;background:linear-gradient(90deg,#bf8330,#e2b14c);border-color:#f5c25b66}.menu-icon{flex-shrink:0;width:24px;height:24px}.clock-row{align-items:flex-end;gap:20px;display:flex}.clock{font-size:40px;font-weight:300;line-height:1}.clock-line{background:#ffffff59;width:1px;height:48px}.date-block{color:#ffffffe0;text-transform:capitalize;font-size:16px;line-height:1.55}.center-column{flex-direction:column;justify-content:flex-end;min-width:0;padding-bottom:20px;display:flex}.promo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.promo-card{color:#fff;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#00000080;border:1px solid #ffffff26;border-radius:24px;padding:20px;overflow:hidden;box-shadow:0 22px 50px #00000070}.promo-head{align-items:flex-start;gap:12px;display:flex}.promo-icon-wrap{color:#fff;background:#d99b34;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 10px 25px #00000059}.promo-icon{width:20px;height:20px}.promo-title{white-space:pre-line;font-size:18px;font-weight:700;line-height:1.18}.promo-badge{color:#f4bd4a;margin-top:4px;font-size:14px}.promo-body{color:#ffffffe0;min-height:72px;margin:20px 0 0;font-size:16px;line-height:1.45}.promo-button{color:#fff;background:#bd7c28;border:0;border-radius:10px;margin-top:16px;padding:10px 16px;font-size:14px;font-weight:700;box-shadow:0 10px 25px #00000059}.right-column{flex-direction:column;gap:16px;min-width:0;padding-top:24px;display:flex}.weather-card,.qr-panel{color:#fff;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#0009;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 22px 55px #00000075}.weather-card{padding:24px}.weather-place{font-size:20px;font-weight:700}.weather-grid{grid-template-columns:1fr 1px 1.05fr;align-items:center;gap:20px;margin-top:16px;display:grid}.weather-now{align-items:center;gap:16px;display:flex}.weather-icon{color:#f4bd4a;width:64px;height:64px}.weather-temp{font-size:48px;font-weight:300;line-height:1}.weather-text{color:#ffffffb3;margin-top:8px;font-size:14px}.weather-separator{background:#ffffff26;width:1px;height:96px}.weather-days{text-align:center;grid-template-columns:repeat(3,1fr);gap:12px;font-size:14px;display:grid}.weather-day-label{font-weight:700}.weather-day-icon{color:#f4bd4a;width:32px;height:32px;margin:8px auto}.weather-low{color:#fff9}.qr-panel{grid-template-columns:1fr 122px;align-items:center;gap:16px;padding:20px;display:grid}.qr-title{align-items:center;gap:12px;margin-bottom:18px;font-size:20px;font-weight:700;display:flex}.qr-icon{width:24px;height:24px}.qr-text{white-space:pre-line;color:#ffffffd6;font-size:15px;line-height:1.45}.qr-image{background:#fff;border-radius:12px;width:118px;height:118px;padding:8px;box-shadow:0 18px 40px #0006}.loading{color:#fff;background:#050505;justify-content:center;align-items:center;min-height:100vh;font-size:22px;display:flex}.loading-icon{width:32px;height:32px;margin-right:12px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1200px){.layout{grid-template-columns:300px 1fr 360px;padding:24px}.headline{font-size:31px}.brand-name{font-size:34px}.promo-grid{grid-template-columns:1fr}}