/* LOGIN.CSS */
.login-page { min-height:100dvh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:28px 20px; max-width:var(--max-w); margin:0 auto; position:relative; z-index:1; }
.login-logo  { text-align:center; margin-bottom:40px; }
.login-icon  { width:72px; height:72px; border-radius:20px; background:linear-gradient(135deg,var(--navy),var(--navy3)); margin:0 auto 16px; display:flex; align-items:center; justify-content:center; font-size:2rem; box-shadow:var(--shadow-lg); animation:bounceIn 0.6s var(--ease-spring); }
.login-title { font-family:var(--font-serif); font-size:2rem; color:var(--navy); letter-spacing:-.5px; margin-bottom:5px; }
.login-sub   { font-size:.82rem; color:var(--text3); }
.login-card  { width:100%; background:var(--surface); border:1px solid var(--border); border-radius:var(--r-xl); padding:32px 28px; box-shadow:var(--shadow-lg); animation:scaleIn 0.4s var(--ease-spring); position:relative; overflow:hidden; }
.login-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--navy),var(--gold),var(--navy)); }
.login-welcome { font-size:1.1rem; font-weight:800; color:var(--navy); margin-bottom:4px; }
.login-sub2    { font-size:.78rem; color:var(--text2); margin-bottom:28px; }
.error-alert   { background:var(--danger-dim); border:1px solid var(--rose); border-radius:var(--r-sm); padding:10px 14px; font-size:.82rem; color:var(--rose); margin-bottom:16px; display:none; }
.error-alert.show { display:block; animation:shake 0.35s ease; }
.creator-strip { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:28px; }
.creator-av    { width:30px; height:30px; min-width:30px; max-width:30px; border-radius:50%; border:2px solid var(--border2); object-fit:cover; }
.creator-made  { font-size:.6rem; color:var(--text3); letter-spacing:1px; text-transform:uppercase; }
.creator-nm    { font-size:.8rem; font-weight:700; color:var(--text2); transition:color var(--dur); }
.creator-nm:hover { color:var(--navy); }