/* VirtualCity UI palette, matching vc_ui */
:root{--header:rgba(8,22,42,.96);--content:rgba(20,48,82,.90);--accent:#38bdf8;--muted:rgba(255,255,255,.60)}
*,*:before,*:after{box-sizing:border-box}



.vc-auth-wrap{position:relative;z-index:2;width:min(420px,calc(100vw - 36px));animation:enter .35s ease both}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.vc-auth-card{background:var(--content);box-shadow:0 18px 65px rgba(0,0,0,.35);overflow:hidden;padding:0 25px 18px;border:0;border-radius:0}
.vc-auth-topline{height:4px;background:var(--accent);margin:0 -25px 22px}
.vc-auth-brand{display:flex;align-items:center;gap:15px;margin-bottom:21px}.vc-auth-logo{width:62px;height:62px;flex:0 0 62px}.vc-auth-logo img{width:100%;height:100%;object-fit:contain}
.vc-auth-eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--accent);font-weight:800;margin-bottom:7px}.vc-auth-title{font-size:23px;font-weight:800;line-height:1.1}.vc-auth-tagline{font-size:11px;color:var(--muted);line-height:1.5;margin-top:7px}
.vc-auth-card label{display:block;font-size:12px;font-weight:700;margin:14px 0 7px;color:#dceaf7}.vc-auth-card input{width:100%;height:43px;padding:0 13px;background:rgba(8,22,42,.85);border:1px solid rgba(56,189,248,.16);border-radius:0;color:#fff;font-size:13px;outline:none}.vc-auth-card input:focus{border-color:var(--accent)}
.vc-auth-card button{cursor:pointer;width:100%;height:43px;margin-top:12px;background:var(--accent);border:0;border-radius:0;color:#08162a;font-weight:800;font-size:13px;transition:background .2s}.vc-auth-card button:hover{background:#79d6ff}.vc-auth-card .vc-auth-discord{background:rgba(8,22,42,.78);border:1px solid rgba(56,189,248,.32);color:#fff}.vc-auth-card .vc-auth-discord:hover{background:rgba(56,189,248,.20)}
.vc-auth-bottom{margin-top:13px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.vc-auth-bottom .vc-auth-card button{height:34px;margin:0;background:transparent;color:var(--muted);font-size:11px}.footer .vc-auth-card button:hover{color:#fff;background:rgba(255,255,255,.07)}
.vc-auth-alert{display:none;padding:10px;margin-bottom:10px;font-size:12px}.vc-auth-alert.err{color:#ffd5d5;background:rgba(170,36,36,.24);border-left:3px solid #f77}.notice[style*="visible"]{display:block}

/* Website integration: FiveM login geometry, no painted background */
body.vc-auth-body{background:#0b1728!important;color:#fff}
.vc-auth-main{min-height:clamp(520px,72vh,900px);display:flex;align-items:center;justify-content:center;padding:55px 18px 70px;background:radial-gradient(circle at 50% 30%,rgba(20,48,82,.35),transparent 60%)}
.vc-auth-wrap{width:min(420px,100%);margin:0 auto}
.vc-auth-wrap.register{width:min(510px,100%)}
.vc-auth-card{background:rgba(20,48,82,.90);padding:0 25px 18px;border:0;border-radius:0;box-shadow:0 18px 65px rgba(0,0,0,.35);color:#fff}
.vc-auth-topline{height:4px;background:#38bdf8;margin:0 -25px 22px}
.vc-auth-brand{display:flex;align-items:center;gap:15px;margin-bottom:21px;text-align:left}
.vc-auth-logo{width:62px;height:62px;flex:0 0 62px}.vc-auth-logo img{width:100%;height:100%;object-fit:contain}
.vc-auth-eyebrow{font-size:10px;letter-spacing:1.8px;color:#38bdf8;font-weight:800;margin-bottom:7px}
.vc-auth-title{font-size:23px;font-weight:800;line-height:1.1;color:#fff}
.vc-auth-tagline{font-size:11px;color:rgba(255,255,255,.60);line-height:1.5;margin-top:7px}
.vc-auth-card label{display:block;font-size:12px;font-weight:700;margin:14px 0 7px;color:#dceaf7}
.vc-auth-card input:not([type=checkbox]){width:100%;height:43px;padding:0 13px;background:rgba(8,22,42,.85);border:1px solid rgba(56,189,248,.16);border-radius:0;color:#fff;font-size:13px;outline:none;box-sizing:border-box}
.vc-auth-card input:focus{border-color:#38bdf8}
.vc-auth-card button,.vc-auth-card .vc-auth-discord{cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:43px;margin-top:12px;background:#38bdf8;border:0;border-radius:0;color:#08162a;font-weight:800;font-size:13px;text-decoration:none;transition:background .2s;box-sizing:border-box}
.vc-auth-card button:hover{background:#79d6ff}
.vc-auth-card .vc-auth-discord{background:rgba(8,22,42,.78);border:1px solid rgba(56,189,248,.32);color:#fff}
.vc-auth-card .vc-auth-discord:hover{background:rgba(56,189,248,.20)}
.vc-auth-bottom{margin-top:17px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;text-align:center;color:rgba(255,255,255,.6)}
.vc-auth-bottom a{color:#38bdf8;text-decoration:none;font-weight:800}.vc-auth-bottom a:hover{text-decoration:underline}
.vc-auth-alert{padding:10px;margin-bottom:10px;font-size:12px;color:#ffd5d5;background:rgba(170,36,36,.24);border-left:3px solid #f77}
.vc-auth-alert.ok{color:#caffdf;background:rgba(24,125,65,.2);border-left-color:#4ade80}
.vc-auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
.vc-auth-field{min-width:0}.vc-auth-field.full{grid-column:1/-1}
.vc-auth-check{display:flex!important;align-items:flex-start;gap:10px;line-height:1.5;cursor:pointer}
.vc-auth-check input{width:16px;height:16px;flex:none;accent-color:#38bdf8;margin:1px 0 0}
.vc-auth-hint{color:rgba(255,255,255,.6);font-size:11px;line-height:1.5;margin:13px 0}
.vc-auth-password{position:relative}.vc-auth-password input{padding-right:65px!important}
.vc-auth-card button.vc-auth-reveal{position:absolute;right:4px;top:4px;width:auto;height:35px;padding:0 9px;margin:0;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.2);color:#cfeeff;font-size:11px}
.vc-auth-card button.vc-auth-reveal:hover{background:rgba(56,189,248,.25)}
.vc-auth-card input::placeholder{color:rgba(255,255,255,.36)}
@media(max-width:520px){.vc-auth-main{padding:30px 12px 50px;min-height:0}.vc-auth-grid{grid-template-columns:1fr}.vc-auth-field.full{grid-column:auto}.vc-auth-card{padding-left:19px;padding-right:19px}.vc-auth-topline{margin-left:-19px;margin-right:-19px}.vc-auth-title{font-size:20px}}
@media(prefers-reduced-motion:reduce){.vc-auth-wrap{animation:none}}

/* Trennlinie zwischen klassischem Login und Discord */
.vc-auth-card .vc-auth-separator{
  display:flex;align-items:center;justify-content:center;gap:14px;
  margin:20px 0 18px;color:#93a8c1;font-size:12px;font-weight:700;
  line-height:1.2;text-align:center;text-transform:uppercase;letter-spacing:.12em;
}
.vc-auth-card .vc-auth-separator::before,
.vc-auth-card .vc-auth-separator::after{
  content:"";height:1px;flex:1;background:rgba(148,163,184,.23);
}
.vc-auth-card .vc-auth-separator + .vc-auth-discord{margin-top:0}