body { font-family: 'Karla', sans-serif; } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } .animate-blink { animation: blink 1s infinite; } @media (prefers-reduced-motion: reduce) { .animate-blink { animation: none; } .social-btn { transition: none; } .painel-form { transition: none; } } .social-btn { transition: all 0.2s ease; } .social-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.15); } .social-btn:active { transform: translateY(1px); } .social-btn.ativo { transform: translateY(-1px); box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.45), 0 8px 20px rgba(0,0,0,0.15); } .painel-form { width: 100%; overflow: hidden; max-height: 0; opacity: 0; transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, margin 0.4s ease; margin-bottom: 0; } .painel-form.aberto { max-height: 1200px; opacity: 1; margin-bottom: 14px; } .form-card { background: var(--card-bg); border: 1px solid var(--border); border-radius: 14px; padding: 22px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); } .form-card label { display: block; margin-top: 14px; font-size: 0.85rem; font-weight: 600; color: #FFF; } .form-card label:first-of-type { margin-top: 0; } .form-card input, .form-card textarea { width: 100%; padding: 11px 14px; margin-top: 6px; border: 1px solid var(--border); border-radius: 10px; font-family: inherit; font-size: 0.95rem; transition: border-color 0.2s, box-shadow 0.2s; background: #f9fafb; } .form-card input:focus, .form-card textarea:focus { outline: none; border-color: var(--primary); background: #fff; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15); } .form-card textarea { min-height: 100px; resize: vertical; } .form-card button[type="submit"] { width: 100%; margin-top: 20px; padding: 13px; background: var(--primary); color: #fff; border: none; border-radius: 10px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: background 0.2s, transform 0.15s; } .form-card button[type="submit"]:hover:not(:disabled) { background: var(--primary-dark); transform: translateY(-1px); } .form-card button[type="submit"]:disabled { opacity: 0.6; cursor: not-allowed; } .form-card .h-captcha { margin-top: 14px; } .alerta { padding: 12px 16px; border-radius: 10px; font-size: 0.9rem; margin-bottom: 16px; } .alerta.erro { background: var(--erro-bg); color: var(--erro); } .alerta.sucesso { color: #FFF; } .hp { position: absolute; left: -9999px; opacity: 0; pointer-events: none; }