@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    --escuro:  #0D1B2A;
    --azul:    #1E88E5;
    --verde:   #00B894;
    --fundo:   #F2F4F7;
    --cinza:   #6b7280;
    --borda:   #d1d5db;
    --branco:  #ffffff;
}

body {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
    background: var(--fundo);
    color: var(--escuro);
    min-height: 100vh;
}

a { text-decoration: none; }

.btn {
    display: inline-block;
    padding: .65rem 1.4rem;
    border-radius: 8px;
    font-family: 'Poppins', sans-serif;
    font-size: .875rem;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: opacity .2s;
}

.btn:hover { opacity: .88; }

.btn-primary { background: var(--azul);  color: var(--branco); }
.btn-verde   { background: var(--verde); color: var(--branco); }
.btn-outline {
    background: transparent;
    border: 2px solid var(--escuro);
    color: var(--escuro);
}