/* Landing page — reuses the galaxy aesthetic from login.css */
@import url("./login.css");

.wrap {
    max-width: 480px;
}

.features {
    display: grid;
    gap: .75rem;
    margin-top: 2rem;
    text-align: left;
}

.feature {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    padding: 1rem 1.1rem;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--border-radius);
    backdrop-filter: blur(24px);
}

.feature svg {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--primary-2);
}

.feature h3 {
    margin: 0 0 .2rem;
    font-size: .9rem;
    font-weight: 600;
}

.feature p {
    margin: 0;
    font-size: .8rem;
    color: var(--muted);
    line-height: 1.45;
}

/* CTA is an <a>, not a <button> */
a.submit {
    margin-top: 2rem;
    text-decoration: none;
}