.auth-page{box-sizing:border-box;justify-content:center;align-items:center;min-height:calc(100dvh - 77px);padding:18px 12px;display:flex}.auth-shell{border:1px solid var(--ch-border);background:var(--ch-bg-card);border-radius:16px;grid-template-columns:1.1fr .9fr;width:100%;max-width:1060px;min-height:560px;margin:20px auto;display:grid;overflow:hidden;box-shadow:0 14px 34px #000000a6}.auth-hero{background:var(--ch-bg-surface);min-height:560px;position:relative;overflow:hidden}.auth-hero-bg{filter:saturate(.95)contrast(1.05);transform-origin:50%;background-image:url(/img/preview_login.png);background-position:50%;background-size:cover;position:absolute;inset:-18px;transform:rotate(-1deg)}.auth-hero-fade{z-index:1;background:linear-gradient(90deg,#0206178c 0%,#020617a6 45%,#020617bf 70%,#020617f2 100%);position:absolute;inset:0}.auth-hero-inner{z-index:1;height:100%;color:var(--ch-text-main);flex-direction:column;justify-content:flex-start;gap:10px;padding:28px 30px;display:flex;position:relative}.auth-hero-logo{background:#0f172a8c;border:1px solid #e2e8f024;border-radius:14px;place-items:center;width:56px;height:56px;display:grid}.auth-hero-logo img{object-fit:contain;width:34px;height:34px}.auth-hero-title{letter-spacing:.02em;margin:0;font-size:28px;font-weight:800}.auth-hero-text{color:#e2e8f0d9;max-width:420px;margin:0;font-size:14px;line-height:1.6}.auth-panel{background:#02061759;flex-direction:column;justify-content:center;gap:12px;padding:28px 26px 22px;display:flex}.auth-panel-head{margin-bottom:2px}.auth-panel-title{color:var(--ch-text-main);margin:0 0 6px;font-size:22px;font-weight:800}.auth-panel-sub{color:var(--ch-text-muted);margin:0;font-size:13px;line-height:1.5}.errorMsg{width:100%;color:var(--ch-text-main);box-sizing:border-box;background:#ef444429;border:1px solid #ef44448c;border-radius:12px;margin:0;padding:10px 12px;font-size:13px;display:block}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-fields span,.auth-form>span{color:red;font-size:13px}.auth-fields{flex-direction:column;gap:12px;display:flex}.auth-field label{color:var(--ch-text-main);margin:0 0 6px;font-size:13px;font-weight:600;display:block}.auth-field input{border:1px solid var(--ch-border);background:var(--ch-bg-surface);width:100%;height:44px;color:var(--ch-text-main);box-sizing:border-box;border-radius:12px;outline:none;padding:0 12px;font-size:14px}.auth-field input::placeholder{color:var(--ch-text-muted)}.auth-field input:focus{border-color:var(--vcrdb-green);box-shadow:0 0 0 3px #ef44442e}.auth-row{justify-content:space-between;align-items:center;gap:12px;margin-top:2px;display:flex}.auth-check{color:var(--ch-text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;display:inline-flex}.auth-check input{appearance:none;border:2px solid var(--ch-border);cursor:pointer;background:0 0;border-radius:4px;width:16px;height:16px}.auth-check input:checked{background:var(--vcrdb-green);border-color:var(--vcrdb-green)}.auth-check p{margin:0}.auth-link{color:var(--ch-text-muted);border-bottom:1px solid #e2e8f02e;padding-bottom:1px;font-size:13px;text-decoration:none}.auth-link:hover{color:var(--ch-text-main);border-bottom-color:#e2e8f080}.auth-captcha{justify-content:center;margin-top:6px;display:flex}.auth-btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;width:100%;height:44px;font-size:14px;font-weight:800;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s;display:inline-flex}.auth-btn.primary{background:var(--vcrdb-green);color:#fff;box-shadow:0 10px 26px #00000073}.auth-btn.primary:hover{background:var(--vcrdb-green-hover)}.auth-btn.primary:active,.auth-btn.ghost:active{transform:scale(.98)}.auth-btn.ghost{border-color:var(--ch-border);color:var(--ch-text-main);background:0 0}.auth-btn.ghost:hover{background:var(--ch-bg-surface);border-color:var(--vcrdb-green)}.auth-legal{color:var(--ch-text-muted);text-align:center;margin:4px 0 0;font-size:12px;line-height:1.5}.auth-legal a{color:var(--ch-text-main);border-bottom:1px solid #e2e8f02e;text-decoration:none}.auth-legal a:hover{border-bottom-color:#e2e8f080}@media (max-width:960px){.auth-shell{grid-template-columns:1fr;min-height:auto}.auth-hero{min-height:220px}.auth-hero-fade{background:linear-gradient(#02061726 0%,#02061799 55%,#020617f2 100%)}.auth-hero-inner{padding:18px}.auth-panel{background:0 0;padding:18px 16px}}.auth-oauth-row{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}@media (max-width:520px){.auth-oauth-row{grid-template-columns:1fr}}.gsi-material-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;appearance:none;box-sizing:border-box;color:#1f1f1f;cursor:pointer;letter-spacing:.25px;text-align:center;white-space:nowrap;background-color:#fff;background-image:none;border:1px solid #747775;border-radius:6px;outline:none;width:100%;min-width:0;max-width:none;height:44px;padding:0 12px;font-family:Roboto,arial,sans-serif;font-size:14px;font-weight:500;transition:background-color .218s,border-color .218s,box-shadow .218s;position:relative;overflow:hidden}.gsi-material-button .gsi-material-button-content-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.gsi-material-button .gsi-material-button-contents{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gsi-material-button .gsi-material-button-state{opacity:0;background-color:#303030;transition:opacity .218s;position:absolute;inset:0}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{opacity:.08}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus-visible .gsi-material-button-state{opacity:.12}.gsi-material-button:disabled .gsi-material-button-contents,.gsi-material-button:disabled .gsi-material-button-icon{opacity:.38}.gsi-material-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;appearance:none;box-sizing:border-box;color:#1f1f1f;cursor:pointer;letter-spacing:.25px;text-align:center;vertical-align:middle;white-space:nowrap;background-color:#fff;background-image:none;border:1px solid #747775;border-radius:6px;outline:none;width:100%;min-width:0;height:44px;padding:0 12px;font-family:Roboto,arial,sans-serif;font-size:14px;transition:background-color .218s,border-color .218s,box-shadow .218s;position:relative;overflow:hidden}.gsi-material-button .gsi-material-button-icon{width:20px;min-width:20px;height:20px;margin-right:10px}.gsi-material-button .gsi-material-button-content-wrapper{flex-flow:row;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.gsi-material-button .gsi-material-button-contents{text-overflow:ellipsis;vertical-align:top;flex-grow:0;font-family:Roboto,arial,sans-serif;font-weight:600;overflow:hidden}.gsi-material-button .gsi-material-button-state{opacity:0;transition:opacity .218s;position:absolute;inset:0}.gsi-material-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{opacity:.12;background-color:#303030}.gsi-material-button:not(:disabled):hover{box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{opacity:.08;background-color:#303030}.discord-material-button{appearance:none;color:#fff;cursor:pointer;box-sizing:border-box;background:#5865f2;border:1px solid #ffffff29;border-radius:6px;width:100%;min-width:0;height:44px;padding:0 12px;transition:transform .15s,box-shadow .2s,background .2s;position:relative;overflow:hidden}.discord-material-button-content-wrapper{justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex}.discord-material-button-icon{color:#fff;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.discord-material-button-contents{letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.discord-material-button:hover{background:#4f5ae6;box-shadow:0 10px 20px #00000059}.discord-material-button:active{transform:scale(.99)}.discord-material-button-state{opacity:0;pointer-events:none;background:#0000002e;transition:opacity .2s;position:absolute;inset:0}.discord-material-button:active .discord-material-button-state,.discord-material-button:focus-visible .discord-material-button-state{opacity:1}.verifySent{border-radius:var(--ch-radius);border:1px solid var(--ch-border);background:var(--ch-bg-card);text-align:center;gap:12px;padding:16px;display:grid}.verifyIcon{color:#fff;background:#ef44441f;border:1px solid #ef444459;border-radius:16px;place-items:center;width:52px;height:52px;margin:0 auto;display:grid}.verifyIcon .material-svg{color:var(--ch-text-main);font-size:26px}.verifyTitle{color:var(--ch-text-main);margin:0;font-size:18px;font-weight:900}.verifyText{color:var(--ch-text-muted);margin:0;font-size:13px;line-height:1.5}.verifyHint{text-align:left;background:var(--ch-bg-surface-soft);border:1px solid var(--ch-border);color:var(--ch-text-muted);border-radius:14px;align-items:flex-start;gap:10px;padding:12px;font-size:12px;line-height:1.35;display:flex}.verifyHint .material-svg{margin-top:1px;font-size:18px}