:root {
      --accent: #f59e0b;
      --accent-soft: #fff7e0;
      --text-main: #111827;
      --text-muted: #6b7280;
      --bg: #f3f4f6;
    }
    * { box-sizing:border-box; margin:0; padding:0; }
    body {
      font-family: 'Poppins',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
      min-height:100vh;
      display:flex;
      justify-content:center;
      align-items:center;
      padding:16px;
      background: linear-gradient(120deg,#e2e2e2,#e2ba75);
    }
    .auth-wrapper { width:100%; max-width:900px; }
    .auth-card {
      background:#fff;
      border-radius:24px;
      box-shadow:0 24px 50px rgba(15,23,42,0.16);
      display:grid;
      grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);
      overflow:hidden;
    }
    .auth-side {
      background:var(--accent);
      color:#fff;
      padding:28px 32px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      gap:12px;
    }
    .auth-side h2 { font-size:28px; line-height:1.2; }
    .auth-side p  { font-size:14px; opacity:.9; }
    .auth-side .side-note { font-size:12px; opacity:.85; }

    .auth-main {
      padding:28px 32px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      gap:16px;
    }
    .auth-main h1 { font-size:24px; margin-bottom:4px; color:var(--text-main); }
    .auth-main .subtitle {
      font-size:14px;
      color:var(--text-muted);
      line-height:1.6;
    }

    .alert {
      padding:10px 12px;
      border-radius:10px;
      font-size:13px;
      line-height:1.5;
    }
    .alert-success {
      background:#ecfdf3;
      color:#166534;
      border:1px solid #bbf7d0;
    }
    .alert-error {
      background:#fef2f2;
      color:#b91c1c;
      border:1px solid #fecaca;
    }

    .auth-form { margin-top:4px; display:flex; flex-direction:column; gap:14px; }
    .field label {
      display:block;
      font-size:13px;
      color:var(--text-main);
      margin-bottom:6px;
    }
    .field-input {
      position:relative;
    }
    .field-input input {
      width:100%;
      padding:12px 44px 12px 12px;
      border-radius:10px;
      border:1px solid #e5e7eb;
      background:#f9fafb;
      font-size:14px;
      color:var(--text-main);
      outline:none;
      transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
    }
    .field-input input:focus {
      border-color:#f59e0b;
      box-shadow:0 0 0 1px rgba(245,158,11,.3);
      background:#fff;
    }
    .field-input i {
      position:absolute;
      right:12px;
      top:50%;
      transform:translateY(-50%);
      font-size:18px;
      color:#9ca3af;
    }

    .btn-primary {
      border:none;
      border-radius:999px;
      padding:11px 16px;
      font-size:14px;
      font-weight:600;
      background:var(--accent);
      color:#fff;
      cursor:pointer;
      display:inline-flex;
      justify-content:center;
      align-items:center;
      margin-top:4px;
      transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
      box-shadow:0 14px 30px rgba(245,158,11,.35);
    }
    .btn-primary:hover {
      transform:translateY(-1px);
      box-shadow:0 18px 36px rgba(245,158,11,.45);
    }
    .link-back {
      margin-top:6px;
      font-size:13px;
      color:var(--text-muted);
      text-decoration:none;
      display:inline-flex;
      align-items:center;
      gap:4px;
    }
    .link-back i { font-size:16px; }

    @media (max-width:768px) {
      .auth-card { grid-template-columns:1fr; }
      .auth-side { display:none; }
      .auth-main { padding:20px 18px; }
    }