:root{--azul-primario:#003366;--azul-secundario:#003255;--azul-claro:#00509d;--amarelo-chapa:#ffcc00;--branco:#ffffff;--cinza-moderno:#f4f4f4;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Open Sans', sans-serif;line-height:1.6;color:#333;background-color:var(--branco);}
h1, h2, h3{font-family:'Montserrat', sans-serif;text-transform:uppercase;}

/* Login */
.login-area{position:fixed;top:0;width:100%;background:linear-gradient(135deg, var(--azul-primario) 0%, var(--azul-claro) 100%);padding:15px 20px 15px 20px;display:flex;justify-content:flex-end;align-items:center;z-index:1000;}
.login-form{display:flex;gap:10px;align-items:center;}
.input-group{position:relative;}
.input-group i{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#00509d;font-size:14px;}
.input-group input{width:120px;padding:8px 10px 8px 28px;border:none;border-radius:6px;outline:none;font-size:14px;transition:0.3s;}
.input-group input:focus{box-shadow:0 0 5px rgba(255,255,255,0.8);}
.login-form button{padding:8px 20px;border:none;border-radius:6px;background:#ffffff;color:#00509d;font-weight:bold;cursor:pointer;transition:0.3s;}
.login-form button:active{transform:scale(0.95);}
.login-form button:hover{background:#ffcc00;}
@media (max-width:600px){
.login-area{justify-content:center;}
.login-form{flex-direction:column;align-items:stretch;}
}

/* Hero Section */
header{background:linear-gradient(135deg, var(--azul-primario) 0%, var(--azul-claro) 100%);color:var(--branco);padding:80px 20px;text-align:center;border-bottom:8px solid var(--amarelo-chapa);}
.logo-area h1{font-size:3.5rem;font-weight:900;color:var(--amarelo-chapa);letter-spacing:-1px;margin-bottom:10px;}
.slogan{font-size:1.2rem;font-weight:600;margin-bottom:30px;display:block;}

/* Container Principal */
.container{max-width:1100px;margin:0 auto;padding:40px 20px;}

/* Seção Mensagem Central */
.intro{text-align:center;margin-bottom:60px;}
.intro p{font-size:1.25rem;color:var(--azul-primario);font-weight:600;}

/* Cards de Pilares */
.grid-pilares{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:25px;margin-bottom:60px;}
.card{background:var(--cinza-moderno);padding:30px;border-radius:15px;border-left:5px solid var(--azul-primario);transition:transform 0.3s ease;}
.card:hover{transform:translateY(-10px);background:#e9ecef;}
.card i{font-size:2.5rem;color:var(--azul-claro);margin-bottom:15px;}
.card h3{color:var(--azul-primario);margin-bottom:15px;}

/* Plano de 100 Dias */
.plano-100-dias{background-color:var(--azul-primario);color:var(--branco);padding:50px;border-radius:20px;margin-bottom:60px;}
.plano-100-dias h2{color:var(--amarelo-chapa);text-align:center;margin-bottom:30px;}

/* Integrantes */
.integrantes{background-color:var(--azul-secundario);color:var(--branco);padding:50px;border-radius:20px;margin-bottom:60px;}
.integrantes h2{color:var(--amarelo-chapa);text-align:center;margin-bottom:30px;}
.lista-plano{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:15px;}
.lista-plano li{background:rgba(255, 255, 255, 0.1);padding:15px;border-radius:8px;display:flex;align-items:center;}
.lista-plano li::before{content:"✓";color:var(--amarelo-chapa);font-weight:bold;margin-right:10px;}

/* CTA WhatsApp */
.cta-section{text-align:center;padding:60px 20px;background-color:var(--cinza-moderno);border-radius:20px;}
.btn-whatsapp{display:inline-block;background-color:#25d366;color:white;padding:20px 40px;font-size:1.5rem;font-weight:bold;text-decoration:none;border-radius:50px;transition:background 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.2);}
.btn-whatsapp:hover{background-color:#128c7e;transform:scale(1.05);}
.btn-instagram{display:inline-block;background:linear-gradient(45deg, #f58529, #dd2a7b, #8134af, #515bd4);color:white;padding:18px 40px;font-size:1.3rem;font-weight:bold;text-decoration:none;border-radius:50px;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.2);margin-top:20px;}
.btn-instagram:hover{transform:scale(1.05);opacity:0.9;}
.footer{text-align:center;padding:40px;font-weight:bold;color:var(--azul-primario);}

/* Responsividade */
@media (max-width:768px){.logo-area h1{font-size:2.5rem;}.lista-plano{grid-template-columns:1fr;}}