.hero-section{
    text-align:center;
    padding:100px 20px;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    background:#ffffff;
}

.hero-badge{
    display:inline-block;
    padding:8px 18px;
    font-size:14px;
    border-radius:20px;
    background:#eef0ff;
    color:#6a5cff;
    margin-bottom:25px;
    font-weight:600;
}

.hero-title{
    font-size:64px;
    font-weight:800;
    line-height:1.1;
    color:#0f172a;
    margin-bottom:10px;
}

.hero-title span{
    display:block;
}

.hero-highlight{
    background:linear-gradient(90deg,#6a5cff,#7c4dff,#9c4dff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.hero-desc{
    max-width:720px;
    margin:30px auto;
    font-size:18px;
    color:#5b6475;
    line-height:1.7;
}

.hero-buttons{
    margin-top:35px;
}

.btn-primary{
    display:inline-block;
    padding:16px 36px;
    border-radius:40px;
    background:linear-gradient(90deg,#5f4bff,#7a3cff);
    color:white;
    font-size:18px;
    font-weight:600;
    text-decoration:none;
    margin-right:15px;
    box-shadow:0 10px 25px rgba(90,70,255,0.3);
}

.btn-secondary{
    display:inline-block;
    padding:16px 36px;
    border-radius:40px;
    border:1px solid #e2e8f0;
    color:#0f172a;
    font-size:18px;
    font-weight:600;
    text-decoration:none;
    background:white;
}

.btn-primary:hover{
    opacity:.9;
}

.btn-secondary:hover{
    background:#f8fafc;
}

@media (max-width:768px){

.hero-title{
    font-size:40px;
}

.hero-desc{
    font-size:16px;
}

.btn-primary,
.btn-secondary{
    display:block;
    margin:10px auto;
}

}