:root{
  --bg1:#090b18;
  --bg2:#17102b;
  --accent:#7c3aed;
  --accent2:#06b6d4;
}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
.auth-page,.app-bg{
  background:
    radial-gradient(circle at 20% 20%, rgba(124,58,237,.35), transparent 30%),
    radial-gradient(circle at 80% 10%, rgba(6,182,212,.28), transparent 25%),
    linear-gradient(135deg,var(--bg1),var(--bg2));
  min-height:100vh;
}
.glass-card,.panel{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  border-radius:24px;
  box-shadow:0 20px 70px rgba(0,0,0,.35);
  backdrop-filter: blur(16px);
  color:#fff;
}
.brand-badge{
  width:64px;height:64px;border-radius:20px;
  display:inline-flex;align-items:center;justify-content:center;
  font-weight:800;font-size:1.35rem;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  box-shadow:0 12px 40px rgba(124,58,237,.45);
}
.form-control{
  background:rgba(255,255,255,.92);
  border:0;
}
.btn-primary{
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  border:0;
  font-weight:700;
}
.result-box{
  min-height:520px;
  border:1px dashed rgba(255,255,255,.25);
  border-radius:20px;
  background:rgba(0,0,0,.2);
  overflow:hidden;
  padding:18px;
}
.result-img{max-height:680px;object-fit:contain;display:block;margin:auto;}
.navbar{background:rgba(0,0,0,.18);backdrop-filter:blur(14px);}