:root {
    --cw-dark: #0a0a0b;
}

body { font-family: 'Inter', sans-serif; background-color: #fff; color: var(--cw-dark); overflow-x: hidden; -webkit-font-smoothing: antialiased; }
.fw-900 { font-weight: 900; }
.text-green { color: var(--cw-green); }

/* Estilo Navbar Qonto con Formulario Integrado */
.navbar { padding: 1rem 0; background: #fff; border-bottom: 1px solid #eee; }
.nav-link { font-weight: 600; font-size: 0.9rem; color: var(--cw-dark) !important; }

/* Ajuste para el formulario en el navbar */
.login-nav-input {
    border-radius: 8px 0 0 8px !important;
    border: 1px solid #ddd !important;
    font-size: 0.85rem !important;
}
.btn-login-nav {
    background: var(--cw-green);
    color: white;
    border-radius: 8px;
    font-weight: 700;
    font-size: 0.85rem;
    padding: 0 20px;
}

/* Secciones */
.hero { padding: 100px 0; background: linear-gradient(135deg, #fff 0%, #f4faf6 100%); }
.hero h1 { font-size: clamp(2.5rem, 6vw, 4.5rem); line-height: 0.95; letter-spacing: -0.05em; }

.btn-cw-main {
    background-color: var(--cw-green); color: white; padding: 18px 40px; border-radius: 12px;
    font-weight: 700; border: none; transition: 0.3s; box-shadow: 0 10px 20px rgba(25, 135, 84, 0.2);
    text-decoration: none; display: inline-block;
}
.btn-cw-main:hover { background-color: #000; transform: translateY(-3px); color: white; }

/* Tarjeta de Recompensas (The Dark Block) */
.rewards-block {
    background: var(--cw-dark); color: white; border-radius: 40px; padding: 80px 40px;
    position: relative; overflow: hidden;
}
.star-badge {
    background: rgba(25, 135, 84, 0.2); color: var(--cw-green);
    padding: 8px 20px; border-radius: 100px; font-weight: 800; font-size: 0.8rem;
}

/* Planes */
.plan-card {
    border: 1px solid #eee; border-radius: 32px; padding: 40px;
    transition: 0.3s; background: white; height: 100%;
}
.plan-card:hover { border-color: var(--cw-green); box-shadow: 0 30px 60px rgba(0,0,0,0.05); }
.featured { border: 2px solid var(--cw-green); transform: scale(1.05); z-index: 5; }

input[type=range] { accent-color: var(--cw-green); }