:root{--grad-1:#4158D0;--grad-2:#C850C0;--grad-3:#FFCC70;--primary:#6366f1;--primary-hover:#4f46e5;--accent:#ee4181;--danger:#dc2626;--card-bg:rgba(255,255,255,.15);--card-border:rgba(255,255,255,.25);--blur:18px}*{box-sizing:border-box}body{margin:0;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,var(--grad-1),var(--grad-2),var(--grad-3));background-size:200% 200%;animation:bgShift 14s ease-in-out infinite;-webkit-font-smoothing:antialiased}@keyframes bgShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.auth-shell{width:100%;max-width:390px;padding:1.2rem;animation:fadeIn .6s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card-modern{backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));background:linear-gradient(165deg,rgba(255,255,255,.65),rgba(255,255,255,.35));border:1px solid var(--card-border);box-shadow:0 10px 35px -5px rgba(0,0,0,.25),0 2px 6px rgba(0,0,0,.15);border-radius:22px;overflow:hidden}.brand{font-weight:700;letter-spacing:.5px;font-size:1.55rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}.brand-badge{display:inline-block;background:linear-gradient(90deg,var(--accent),#0d6ffb);-webkit-background-clip:text;color:transparent}.logo-circle{width:62px;height:62px;border-radius:18px;background:linear-gradient(145deg,#fff,rgba(255,255,255,.55));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.15)}.logo-circle img{width:40px;height:40px;object-fit:contain}.card-header-modern{padding:1.9rem 1.6rem 1.2rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.35)}.card-body-modern{padding:1.6rem 1.6rem 2rem}.btn-auth{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;gap:.65rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:600;font-size:1rem;padding:.95rem 1.2rem;border:0;border-radius:14px;letter-spacing:.3px;box-shadow:0 6px 18px -4px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.25);transition:all .28s cubic-bezier(.4,0,.2,1);text-decoration:none}.btn-auth:hover{color:#fff;transform:translateY(-3px);box-shadow:0 16px 28px -6px rgba(0,0,0,.45),0 4px 10px rgba(0,0,0,.3);filter:brightness(1.05)}.btn-auth:active{transform:translateY(-1px) scale(.985);box-shadow:0 8px 18px -4px rgba(0,0,0,.4)}.btn-auth:focus-visible{outline:3px solid #fff;outline-offset:3px}.sub-note{margin-top:1.2rem;font-size:.78rem;text-align:center;color:rgba(0,0,0,.55)}.sub-note a{color:#fff;text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.6)}.sub-note a:hover{border-color:#fff}@media (max-width:480px){.auth-shell{padding:.9rem}.card-header-modern{padding:1.6rem 1.2rem 1rem}.card-body-modern{padding:1.2rem 1.2rem 1.6rem}}@media (prefers-reduced-motion:reduce){body,.btn-auth{animation:none;transition:none}}