* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; background:#0f1923; color:#e0e6ed; min-height:100vh; display:flex; align-items:center; justify-content:center; }
.sm-login-card { background:#1a2634; border-radius:16px; padding:48px 40px; max-width:420px; width:90%; box-shadow:0 20px 60px rgba(0,0,0,.4); }
.sm-login-logo { display:block; margin:0 auto 24px; max-width:260px; height:auto; }
.sm-login-title { text-align:center; font-size:20px; font-weight:600; color:#e0e6ed; margin-bottom:8px; }
.sm-login-subtitle { text-align:center; font-size:14px; color:#8b9bb0; margin-bottom:32px; }
.sm-input { width:100%; padding:14px 16px; background:#0f1923; border:1px solid #2a3a4e; color:#e0e6ed; border-radius:8px; font-size:15px; margin-bottom:16px; transition:border .2s; }
.sm-input:focus { outline:none; border-color:#2E61A8; }
.sm-input::placeholder { color:#5a6a7e; }
.sm-btn { width:100%; padding:14px; background:#2E61A8; color:#fff; border:none; border-radius:8px; font-size:15px; font-weight:600; cursor:pointer; transition:background .2s; }
.sm-btn:hover { background:#3a73c9; }
.sm-error { background:rgba(239,68,68,.12); border:1px solid rgba(239,68,68,.3); color:#ef4444; padding:12px 16px; border-radius:8px; font-size:14px; margin-bottom:16px; text-align:center; }
.sm-footer { text-align:center; margin-top:24px; font-size:12px; color:#5a6a7e; }