* { margin: 0; padding: 0; box-sizing: border-box; }
body { 
    background: linear-gradient(180deg, #fcfcf9 0%, #f4f5f0 100%); 
    font-family: 'Segoe UI', sans-serif; color: #2d3e33; 
}

.navbar{

    position:sticky;

    top:0;

    z-index:1000;

    height:82px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 42px;

    background:#ffffff;

    border-bottom:1px solid #e5ece6;

    box-shadow:0 2px 10px rgba(0,0,0,.04);

}

.logo{

    display:flex;

    align-items:center;

    gap:14px;

    text-decoration:none;

    color:inherit;

}

.logo-img{

    width:54px;

    height:54px;

    object-fit:contain;

}

.logo-text h1{

    font-size:30px;

    font-weight:800;

    line-height:1;

}

.logo-text p{

    font-size:13px;

    color:#6d7b73;

    margin-top:4px;

}

.nav-menu{

    display:flex;

    align-items:center;

    gap:24px;

}

.nav-actions{

    display:flex;

    gap:12px;

    align-items:center;

}
.nav-menu>a{

    text-decoration:none;

    color:#33493c;

    font-weight:600;

    white-space:nowrap;

    transition:.2s;

}

.nav-menu>a:hover{

    color:#0f6a52;

}

/* Botões Estilo SaaS */
.btn-login { 
    padding: 10px 20px;
    border: 2px solid #2d3e33;
    background: transparent;
    color: #2d3e33;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.25s;
}

.btn-login:hover { background: #f0f7f2; }

.btn-signup { 
    padding: 12px 24px;
    border: none;
    background: #2d3e33;
    color: #fff;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.25s;
}

.btn-signup:hover { background: #3a4f41; }

.main-content { max-width: 1400px; margin: auto; padding: 40px 20px; }

.hero-banner { width: 100%; max-width: 1400px; overflow: hidden; border-radius: 22px; margin-bottom: 30px; box-shadow: 0 15px 30px rgba(0,0,0,0.15); }

.trust-badges { display: flex; justify-content: center; gap: 40px; margin-bottom: 40px; font-weight: 600; color: #4a5d4f; }

.welcome-text h2 { font-size: 42px; font-weight: 800; margin-bottom: 50px; }

.selection-panel { display: flex; justify-content: center; gap: 40px; }
.card{

    background:#fff;

    padding:35px;

    border-radius:15px;

    width:420px;

    min-height:360px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    border:1px solid #ececec;

    box-shadow:0 8px 15px rgba(0,0,0,.05);

    text-align:center;

    transition:.3s;

}
.card:hover { transform: translateY(-8px); box-shadow: 0 15px 25px rgba(0,0,0,0.1); }
.icon { font-size: 35px; margin-bottom: 15px; color: #2d3e33; }
.card-desc { margin-bottom: 15px; font-size: 0.95rem; }
.card-list { list-style: none; margin-bottom: 20px; text-align: left; display: inline-block; font-size: 0.9rem; }

.btn-action { 
    background: #2d3e33; color: white; border: none; padding: 12px 30px; 
    border-radius: 6px; cursor: pointer; transition: 0.25s; width: 100%;
}
.btn-action:hover { transform: translateY(-2px); background: #3a4f41; }

.footer { background: #2d3e33; color: #a1b3a5; padding: 60px 40px; margin-top: 80px; }

.footer-grid{

    display:flex;

    justify-content:space-between;

    gap:80px;

}

.footer h4 { color: #fff; margin-bottom: 15px; }

.footer a { display: block; color: #a1b3a5; text-decoration: none; margin-bottom: 8px; transition: 0.2s; }

.footer a:hover { color: #fff; }

.nav-menu a.active{

    color: var(--primary);

    font-weight:700;

    position:relative;

}
.btn-admin{

    margin-left:12px;

    background:#2d3e33;

    color:#fff !important;

    padding:11px 20px;

    border-radius:8px;

}

.btn-admin:hover{

    background:#1f2c24;

    transform:translateY(-2px);

}

.btn-admin:hover{

    background:#1f2c24;

    transform:translateY(-2px);

}

.btn-admin-danger{

    background:#dfece4;

}

.btn-admin-danger:hover{

    background:#8d1d15;

}