body{background:#eef1f5}#app{justify-content:center;width:100%;padding:0 20px;display:flex}.login-shell{-webkit-backdrop-filter:blur(8px);background:#ffffffeb;border-radius:12px;width:380px;padding:40px 36px;box-shadow:0 8px 40px #ffffff40}.brand{text-align:center;margin-bottom:32px}.brand h1{letter-spacing:4px;text-transform:uppercase;color:#1a1a1a;font-size:26px;font-weight:700}.brand p{color:#aaa;letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-size:11px}.tabs{border-bottom:1px solid #eee;margin-bottom:28px;display:flex}.tab{text-align:center;letter-spacing:.5px;color:#bbb;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:10px 0;font-size:13px;transition:color .2s,border-color .2s}.tab:hover{color:#888}.tab.active{color:#1a1a1a;border-bottom-color:#1a1a1a;font-weight:600}