/* Tokens de marca: definidos en app.css (:root). Esta hoja solo aplica estilos de landing. */

body.landing-page {
    background:
        radial-gradient(circle at 10% -5%, rgba(142, 243, 207, 0.25), transparent 35%),
        radial-gradient(circle at 100% 0%, rgba(32, 114, 228, 0.2), transparent 30%),
        var(--mm-light);
    color: var(--mm-primary-dark);
    font-family: var(--mm-font-body, "Barlow", system-ui, -apple-system, sans-serif);
}

.landing-page .app-shell {
    max-width: 1220px;
}

.landing-nav {
    border-bottom: 1px solid rgba(13, 27, 43, 0.1);
    padding-bottom: 1rem;
}

.landing-tag {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-family: var(--mm-font-mono, "JetBrains Mono", ui-monospace, monospace);
    font-size: 0.75rem;
    color: #39536d;
}

.landing-btn-login,
.landing-page .btn-primary {
    background-color: var(--mm-blue);
    border-color: var(--mm-blue);
}

.landing-btn-login:hover,
.landing-page .btn-primary:hover {
    background-color: #145fc7;
    border-color: #145fc7;
}

.landing-hero {
    background: linear-gradient(125deg, var(--mm-primary-dark) 0%, #173756 100%);
    color: var(--mm-white);
    overflow: hidden;
}

.landing-eyebrow {
    text-transform: uppercase;
    letter-spacing: 0.07em;
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.86);
    font-family: var(--mm-font-mono, "JetBrains Mono", ui-monospace, monospace);
}

.landing-title {
    font-family: var(--mm-font-heading, "DM Sans", system-ui, sans-serif);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    line-height: 1.15;
}

.landing-subtitle {
    color: rgba(255, 255, 255, 0.9);
    max-width: 62ch;
}

.landing-highlight {
    border: 1px solid rgba(142, 243, 207, 0.35);
    border-radius: 0.85rem;
    padding: 1rem;
    background: rgba(7, 13, 21, 0.22);
}

.landing-highlight-title {
    font-weight: 700;
    color: var(--mm-mint);
}

.landing-feature {
    border-top: 4px solid var(--mm-blue);
}

.landing-feature h3 {
    font-family: var(--mm-font-heading, "DM Sans", system-ui, sans-serif);
    margin-bottom: 0.75rem;
}

.landing-feature-label {
    font-family: var(--mm-font-mono, "JetBrains Mono", ui-monospace, monospace);
    color: #5d7083;
    margin-bottom: 0.35rem;
}

.landing-feature ul {
    padding-left: 1rem;
    margin: 0;
}

.landing-feature li {
    margin-bottom: 0.4rem;
}

.landing-feature li:last-child {
    margin-bottom: 0;
}

.landing-cta {
    background: linear-gradient(120deg, var(--mm-white) 0%, #f4f7fa 100%);
    border-left: 6px solid var(--mm-mint);
}

.landing-cta .landing-eyebrow {
    color: #375777;
}