/* ===== Discord tarzi giris ekrani ===== */
.overlay{
  position:fixed;inset:0;z-index:40;
  display:flex;align-items:center;justify-content:center;padding:16px;
  background:
    radial-gradient(1200px 600px at 20% 10%, rgba(88,101,242,.25), transparent 60%),
    radial-gradient(900px 500px at 90% 90%, rgba(88,101,242,.18), transparent 55%),
    #1a1b1e;
}
.card{
  background:var(--panel);
  padding:32px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.04);
  width:100%;max-width:420px;
  text-align:center;
  box-shadow:0 12px 40px rgba(0,0,0,.45);
  animation:cardIn .25s ease;
}
@keyframes cardIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}

/* Logo dairesi (icon.png) */
.card::before{
  content:"";
  display:block;width:64px;height:64px;margin:0 auto 16px;
  border-radius:50%;
  background:var(--accent) url("/icon.png") center/40px no-repeat;
  box-shadow:0 4px 16px rgba(88,101,242,.45);
}

.card h2{margin-bottom:6px;font-size:24px;font-weight:800;letter-spacing:-.3px;color:var(--text);}
.card p{color:var(--muted);margin-bottom:22px;font-size:15px;line-height:1.4;}

.card input{
  width:100%;
  background:var(--panel3);
  border:1px solid transparent;
  border-radius:6px;
  color:var(--text);
  padding:12px 13px;
  font-size:15px;
  margin-bottom:14px;
  outline:none;
  transition:border-color .15s,background .15s;
}
.card input::placeholder{color:var(--muted);}
.card input:focus{border-color:var(--accent);}

.card .primary{
  width:100%;padding:12px;
  background:var(--accent);border:none;color:#fff;
  border-radius:6px;font-weight:600;cursor:pointer;font-size:15px;
  transition:background .15s,transform .05s;
}
.card .primary:hover{background:var(--accent-hover);}
.card .primary:active{transform:translateY(1px);}

.card .guest{
  width:100%;padding:11px;margin-top:10px;
  background:transparent;border:none;
  color:var(--muted);border-radius:6px;cursor:pointer;font-size:14px;
  transition:color .15s,background .15s;
}
.card .guest:hover{color:var(--text);background:rgba(255,255,255,.04);text-decoration:underline;}