body{background:var(--gray-50);display:flex;flex-direction:column;min-height:100vh}
    .auth-wrap{flex:1;display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 64px)}
    .auth-left{background:var(--yellow);padding:56px 52px;display:flex;flex-direction:column;justify-content:center}
    .auth-brand{font-family:'Nunito',sans-serif;font-size:30px;font-weight:900;color:var(--black);display:flex;align-items:center;gap:10px;margin-bottom:8px}
    .auth-brand .mark{width:36px;height:36px;background:var(--black);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;color:var(--yellow)}
    .auth-tagline{font-size:16px;color:rgba(0,0,0,.6);line-height:1.65;margin-bottom:44px}
    .auth-perk{display:flex;align-items:center;gap:14px;margin-bottom:18px;font-size:15px;font-weight:600;color:var(--black)}
    .ap-icon{width:38px;height:38px;border-radius:10px;background:rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
    /* Plano destaque */
    .plan-highlight{background:rgba(0,0,0,.08);border-radius:12px;padding:16px;margin-top:28px}
    .plan-highlight h4{font-family:'Nunito',sans-serif;font-size:13px;font-weight:800;margin-bottom:10px;letter-spacing:1px;text-transform:uppercase}
    .plan-opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;margin-bottom:6px;font-size:14px;font-weight:600;transition:background .15s}
    .plan-opt.selected,.plan-opt:hover{background:rgba(0,0,0,.12)}
    .plan-opt input[type=radio]{accent-color:var(--black)}
    .plan-price{margin-left:auto;font-family:'Nunito',sans-serif;font-size:13px;font-weight:800}
    /* Direita */
    .auth-right{background:var(--white);padding:44px 48px;display:flex;flex-direction:column;justify-content:center;overflow-y:auto}
    .auth-title{font-family:'Nunito',sans-serif;font-size:26px;font-weight:900;margin-bottom:4px}
    .auth-sub{font-size:14px;color:var(--gray-400);margin-bottom:24px}
    .auth-footer-link{text-align:center;margin-top:16px;font-size:14px;color:var(--gray-500)}
    .auth-footer-link a{color:var(--yellow-d);font-weight:700}
    .terms-check{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--gray-500);margin:12px 0}
    .terms-check input{margin-top:3px;accent-color:var(--yellow-d)}
    .terms-check a{color:var(--yellow-d);font-weight:600}
    .password-strength{height:4px;border-radius:2px;background:var(--gray-100);margin-top:6px;overflow:hidden}
    .ps-fill{height:100%;border-radius:2px;transition:width .3s,background .3s;width:0}
    .ps-label{font-size:11px;margin-top:3px;font-weight:600}
    .plan-opt svg { vertical-align: -2px; flex-shrink: 0; }

    /* ── Form Inputs Clean Tech ── */
    .auth-right .form-input, .auth-right .form-select {
      background: var(--bg-input, #141414);
      border: 1px solid rgba(0, 0, 0, 0.1);
      color: var(--white, #FFF);
    }
    .auth-right .form-input:focus, .auth-right .form-select:focus {
      border-color: var(--yellow);
      background: var(--bg-input, #1A1A1A);
    }
    .auth-right .form-label {
      color: var(--gray-500);
    }
    .auth-right .input-icon {
      color: var(--gray-400);
    }
    .auth-right .btn-eye {
      color: var(--gray-400);
    }
    .auth-right .btn-eye:hover {
      color: var(--yellow);
    }

    /* ── Divider "ou" ── */
    .divider {
      display: flex;
      align-items: center;
      text-align: center;
      color: #666;
      font-size: 12px;
      margin: 20px 0;
    }
    .divider::before,
    .divider::after {
      content: '';
      flex: 1;
      border-bottom: 1px solid rgba(0,0,0,0.1);
      margin: 0 10px;
    }

    /* ── Form Seals (trust badges) ── */
    .form-seals {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      margin-top: 16px;
      font-size: 12px;
      color: #888;
      font-weight: 500;
    }
    .form-seals span {
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }
    .form-seals svg {
      color: #888;
      width: 14px;
      height: 14px;
    }
    .seal-dot {
      width: 3px;
      height: 3px;
      border-radius: 50%;
      background: #CCC;
    }

    /* ── Botão Google — Clean Tech Ghost ── */
    .btn-google {
      background: transparent;
      border: 1px solid rgba(0, 0, 0, 0.1);
      color: var(--black);
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      width: 100%;
      padding: 13px 20px;
      border-radius: var(--radius-pill);
      font-family: 'Nunito', sans-serif;
      font-size: 14px;
      font-weight: 700;
      cursor: pointer;
      position: relative;
      transition: all .22s ease;
    }
    .btn-google:hover {
      background: rgba(0, 0, 0, 0.03);
      border-color: rgba(0, 0, 0, 0.15);
      transform: translateY(-1px);
    }
    .btn-google:active { transform: translateY(0); }
    .btn-google svg { width: 20px; height: 20px; flex-shrink: 0; transition: transform .22s ease; }
    .btn-google:hover svg { transform: scale(1.08); }

    /* ── Form Row para Nome/Sobrenome ── */
    .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }

    /* ── Responsividade Cadastro ── */
    @media (max-width: 768px) {
      .auth-wrap { grid-template-columns: 1fr; }
      .auth-left { display: none; }
      .auth-right {
        padding: 32px 20px;
        min-height: calc(100vh - 64px);
        justify-content: flex-start;
        padding-top: 36px;
      }
      .auth-title { font-size: 24px; }
      .form-row { grid-template-columns: 1fr; gap: 0; }
      .form-seals { font-size: 10px; gap: 10px; }
    }

    @media (max-width: 480px) {
      .auth-right {
        padding: 28px 16px;
        padding-top: 32px;
      }
      .auth-title { font-size: 22px; }
      .auth-sub { font-size: 13px; margin-bottom: 20px; }
      .form-seals { font-size: 10px; gap: 8px; }
      .terms-check { font-size: 11px; }
      .divider { margin: 16px 0; }
    }

    @media (max-width: 380px) {
      .auth-right {
        padding: 20px 14px;
        padding-top: 28px;
      }
      .auth-title { font-size: 20px; }
      .auth-sub { font-size: 12px; margin-bottom: 16px; }
      .form-seals { font-size: 9px; gap: 6px; }
      .terms-check { font-size: 10px; }
    }