* { margin: 0; padding: 0; box-sizing: border-box; }
  body { 
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; 
      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .login-card {
      background: white;
      padding: 40px;
      border-radius: 8px;
      box-shadow: 0 10px 25px rgba(0,0,0,0.2);
      text-align: center;
      max-width: 400px;
      width: 90%;
  }
  h1 { margin-bottom: 10px; color: #333; }
  p { color: #666; margin-bottom: 30px; }
  .google-btn {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 12px 24px;
      background: white;
      border: 1px solid #ddd;
      border-radius: 4px;
      text-decoration: none;
      color: #333;
      font-weight: 500;
      transition: background 0.2s;
  }
  .google-btn:hover { background: #f9fafb; }
  .back-link {
      display: block;
      margin-top: 20px;
      color: #666;
      text-decoration: none;
  }
  .recovery-link {
      display: block;
      margin-top: 15px;
      padding-top: 15px;
      border-top: 1px solid #eee;
      color: #667eea;
      text-decoration: none;
      font-size: 0.875rem;
  }
  .recovery-link:hover {
      text-decoration: underline;
  }