* { margin: 0; padding: 0; box-sizing: border-box; }
  body { min-height: 100vh; display: flex; align-items: center; justify-content: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; background: #f8f9fb; color: #1a1a2e; }
  .auth-card { width: 100%; max-width: 400px; padding: 40px; background: #fff; border-radius: 12px; box-shadow: 0 4px 24px rgba(0,0,0,.08); }
  .auth-card h1 { font-size: 24px; font-weight: 700; margin-bottom: 4px; }
  .auth-card .subtitle { color: #6b7280; font-size: 14px; margin-bottom: 28px; }
  .form-group { margin-bottom: 18px; }
  .form-group label { display: block; font-size: 13px; font-weight: 600; color: #374151; margin-bottom: 6px; }
  .form-group input { width: 100%; padding: 10px 14px; border: 1px solid #d1d5db; border-radius: 8px; font-size: 14px; outline: none; transition: border-color .15s; }
  .form-group input:focus { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,.1); }
  .hint { font-size: 12px; color: #9ca3af; margin-top: 4px; }
  .btn-primary { width: 100%; padding: 11px; background: #6366f1; color: #fff; border: none; border-radius: 8px; font-size: 15px; font-weight: 600; cursor: pointer; transition: background .15s; }
  .btn-primary:hover { background: #4f46e5; }
  .error { background: #fef2f2; border: 1px solid #fecaca; color: #dc2626; padding: 10px 14px; border-radius: 8px; font-size: 13px; margin-bottom: 18px; }
  .footer-link { text-align: center; margin-top: 20px; font-size: 14px; color: #6b7280; }
  .footer-link a { color: #6366f1; text-decoration: none; font-weight: 500; }
  .footer-link a:hover { text-decoration: underline; }
  .logo { font-size: 14px; font-weight: 700; color: #6366f1; margin-bottom: 24px; letter-spacing: -0.5px; }