*,:before,:after{box-sizing:border-box}body{margin:0;padding:0}#root{flex-direction:column;min-height:100svh;display:flex}.auth-gate{background:linear-gradient(135deg,#1a1a2e 0%,#212121 60%,#2d2d2d 100%);flex:1;justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.auth-gate__card{text-align:center;background:#fff;border-radius:8px;width:100%;max-width:420px;padding:48px 40px;box-shadow:0 8px 24px #00000024}.auth-gate__logo{justify-content:center;margin-bottom:20px;display:flex}.auth-loading{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;display:flex}.landing{flex-direction:column;flex:1;display:flex}.landing__hero{background:linear-gradient(135deg,#212121 0%,#2d2d3a 100%);padding:24px 28px 20px;position:relative;overflow:hidden}.landing__hero:before{content:"";pointer-events:none;background:#fbce070f;border-radius:50%;width:400px;height:400px;position:absolute;top:-80px;right:-80px}.landing__hero-inner{z-index:1;max-width:1200px;margin:0 auto;position:relative}.landing__section{background:#f5f5f5;padding:36px 32px}.landing__section--alt{background:#fafafa;border-top:1px solid #e0e0e0}.landing__section-inner{max-width:1200px;margin:0 auto}.landing__footer{color:#ffffff8c;background:#1a1a1a;border-top:3px solid #fbce07;justify-content:center;align-items:center;gap:12px;padding:18px 32px;font-size:12px;display:flex}.landing__footer-divider{vertical-align:middle;background:#fff3;width:1px;height:12px;display:inline-block}.region-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;min-width:0;height:100%;display:flex;box-shadow:0 1px 3px #0000000f}.region-card__header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;gap:8px;padding:16px 16px 12px;display:flex}.region-card__name{color:#212121;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.region-card__description{color:#616161;text-align:justify;flex:1;padding:12px 16px 8px;font-size:13px;line-height:1.55}.region-card__url{color:#9e9e9e;text-overflow:ellipsis;white-space:nowrap;padding:0 16px 12px;font-family:monospace;font-size:11px;overflow:hidden}.region-card__vms{flex-direction:column;gap:3px;padding:0 16px 12px;line-height:14px;display:flex}.region-card__vm-row{align-items:baseline;gap:6px;font-size:11px;display:flex;overflow:hidden}.region-card__vm-label{color:#9e9e9e;flex-shrink:0;min-width:46px}.region-card__vm-value{color:#616161;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:monospace;font-size:11px;overflow:hidden}.region-card__footer{border-top:1px solid #e0e0e0;padding:12px 16px 16px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));align-items:stretch;gap:20px;display:grid}.cards-grid--uniform{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.cards-grid--single{grid-template-columns:1fr;max-width:480px}@media (width<=900px){.cards-grid--uniform{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.landing__hero{padding:18px 16px}.landing__section{padding:24px 16px}.cards-grid{grid-template-columns:1fr}.cards-grid--single{max-width:100%}.cards-grid--uniform{grid-template-columns:1fr}.auth-gate__card{padding:32px 24px}}