/* Bavaria Roleplay – Registrierung V11
   Eine ruhige, kompakte Oberfläche ohne doppelten Kartenaufbau. */
html,body{background:#0b0d10!important}
body{
  min-height:100dvh!important;
  padding:20px 14px!important;
  overflow:auto!important;
  align-items:center!important;
}
.bg-glow,.bg-grid,.bg-watermark{display:none!important}

/* Logo und Formular bilden jetzt EIN gemeinsames Panel. */
.wrap{
  width:min(100%,410px)!important;
  max-width:410px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:12px!important;
  background:#111419!important;
  box-shadow:0 18px 55px rgba(0,0,0,.3)!important;
}
.logo{
  justify-content:flex-start!important;
  gap:10px!important;
  margin:0!important;
  padding:14px 18px!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  background:#0e1115!important;
}
.logo-mark{
  width:34px!important;
  height:34px!important;
  border-radius:8px!important;
  font-family:Inter,sans-serif!important;
  font-size:.85rem!important;
  font-weight:800!important;
  background:#d91b48!important;
  box-shadow:none!important;
}
.logo-text .name{font-size:.82rem!important;font-weight:750!important;color:#f5f7fb!important}
.logo-text .sub{font-size:.58rem!important;color:#747b8d!important;letter-spacing:0!important;margin-top:1px!important}

.card{
  padding:18px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.heading{margin-bottom:14px!important}
.heading h1{
  margin:0 0 4px!important;
  font-family:Inter,sans-serif!important;
  font-size:1.3rem!important;
  font-weight:780!important;
  line-height:1.25!important;
  letter-spacing:-.02em!important;
  text-transform:none!important;
}
.heading p{font-size:.73rem!important;line-height:1.45!important;color:#7c8395!important}

.field{margin-bottom:10px!important}
.field-label{
  margin-bottom:5px!important;
  font-size:.59rem!important;
  letter-spacing:.065em!important;
  color:#858b9d!important;
}
.field-label .opt{font-size:.59rem!important;color:#666d80!important}
.field-input{
  min-height:42px!important;
  padding:.62rem .8rem .62rem 2.35rem!important;
  border-radius:8px!important;
  background:#0d1014!important;
  border:1px solid rgba(255,255,255,.095)!important;
  font-size:.8rem!important;
  box-shadow:none!important;
}
.field-input:focus{border-color:rgba(225,29,72,.55)!important;box-shadow:0 0 0 3px rgba(225,29,72,.08)!important}
.field-ico{left:.78rem!important}
.field-ico svg{width:14px!important;height:14px!important}
.field-hint{margin-top:4px!important;font-size:.6rem!important;color:#62697b!important}
.row{gap:10px!important}
.pw-btn{right:.7rem!important}

.alert{margin-bottom:12px!important;padding:.62rem .72rem!important;border-radius:8px!important;font-size:.72rem!important}
.btn-submit,.btn-discord{
  min-height:42px!important;
  padding:.64rem .85rem!important;
  border-radius:8px!important;
  font-size:.8rem!important;
  box-shadow:none!important;
  transform:none!important;
}
.btn-submit{margin-top:4px!important;background:#d91b48!important}
.btn-submit:hover,.btn-discord:hover{transform:none!important;box-shadow:none!important;filter:brightness(1.08)!important}
.divider{margin:10px 0!important;font-size:.6rem!important;color:#555c6e!important}
.btn-discord{background:#4f5bd5!important}
.switch-link{margin-top:12px!important;font-size:.7rem!important;color:#666d80!important}
.footer-link{
  margin:0!important;
  padding:10px 18px 13px!important;
  border-top:1px solid rgba(255,255,255,.065)!important;
  background:#0e1115!important;
}
.footer-link a{font-size:.63rem!important;color:#62697b!important}

.ok-box{padding:1.2rem!important;border-radius:9px!important}
.ok-icon{width:44px!important;height:44px!important;margin-bottom:.75rem!important}
.ok-title{font-family:Inter,sans-serif!important;font-size:1.05rem!important;text-transform:none!important}
.ok-text{font-size:.76rem!important;line-height:1.55!important}
.ok-hint,.ok-warn{padding:.65rem .75rem!important;font-size:.7rem!important}

@media(max-width:520px){
  body{align-items:flex-start!important;padding:10px!important}
  .wrap{max-width:none!important;border-radius:10px!important}
  .logo{padding:12px 14px!important}
  .card{padding:15px!important}
  .footer-link{padding:9px 15px 12px!important}
}
@media(max-width:390px){
  .row{grid-template-columns:1fr!important}
  .heading h1{font-size:1.18rem!important}
}