/* =========================================
   HERO TRIKA
========================================= */

.hero {
    padding: 100px 0;
    min-height: 80vh;

    display: flex;
    align-items: center;

    background: radial-gradient(
        circle at 90% 10%,
        var(--primary) 0%,
        var(--back-page) 40%
    );

    text-align: center;
}

/* TITLE */

.hero h1 {
    font-size: clamp(2.5rem, 6vw, 4rem);
    font-weight: 900;
    margin-bottom: 20px;
    line-height: 1.2;
}

/* SUBTITLE */

.hero-sub {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 15px;
}

/* TEXT */

.hero p {
    color: var(--text-muted);
    max-width: 600px;
    margin: 0 auto 30px;
    line-height: 1.6;
}