/* ==========================================================
   REFER PAGE
   /assets/pages/refer.css
   ========================================================== */

/* Link display */

.link-box{
    margin:20px 0;
    padding:18px;
    background:#f8fafc;
    border:1px solid rgba(15,23,42,.08);
    border-radius:14px;
}

.big-link{
    display:block;
    font-size:2rem;
    font-weight:800;
    color:#2563eb;
    text-decoration:none;
    word-break:break-word;
}

.big-link:hover{
    text-decoration:underline;
}

/* Notice boxes */

.notice{
    margin-top:20px;
    padding:18px;
    background:#fff8ef;
    border:1px solid rgba(251,146,60,.35);
    border-radius:14px;
}

/* Earnings illustration */

.earnings-grid{
    margin-top:18px;
}

.earn-card{
    background:#ffffff;
    border:1px solid rgba(15,23,42,.08);
    border-radius:14px;
    padding:20px;
}

.earn-title{
    font-size:1.25rem;
    font-weight:700;
    margin-bottom:18px;
}

.earn-line{
    margin:10px 0;
    line-height:1.6;
}

/* Quote */

blockquote{
    margin:18px 0;
    padding:18px 22px;
    border-left:5px solid #2563eb;
    background:#f8fafc;
    border-radius:10px;
    font-style:italic;
}

/* Mobile */

@media (max-width:768px){

    .hero{
        padding:40px 20px 25px;
    }

    .hero h1{
        font-size:2.35rem;
    }

    .hero .subtitle{
        font-size:1.05rem;
    }

    .big-link{
        font-size:1.4rem;
    }

}