/* Paleta da marca */
        :root{
        --brand-600:#0b74b1;      /* azul do botão */
        --brand-700:#09639a;      /* hover */
        --brand-ring:rgba(11,116,177,.35);
        }

        /* Botão primário */
        .btn-brand {
        background: var(--brand-600);
        color: #fff;
        border-radius: .5rem;           /* ~ rounded-lg */
        padding: .75rem 1rem;           /* ~ py-3 px-4  */
        font-weight: 600;               /* ~ font-medium */
        display:flex; justify-content:center;
        border: 1px solid transparent;
        }
        .btn-brand:hover { background: var(--brand-700); }
        .btn-brand:focus { outline: none; box-shadow: 0 0 0 3px var(--brand-ring); }

        /* Link primário */
        .link-brand { color: var(--brand-600); }
        .link-brand:hover { color: var(--brand-700); }

        .gradient-bg {
            background: linear-gradient(135deg, #0ea5e9 0%, #0369a1 100%);
        }
        .input-focus:focus {
            box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.3);
        }
        .btn-hover:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px -10px rgba(14, 165, 233, 0.6);
        }
        .btn-hover:active {
            transform: translateY(0);
        }
        .transition-all {
            transition: all 0.3s ease;
        }