.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 20px;background-color:transparent}.hero-content{max-width:850px}.hero h1{font-size:2.5rem;color:#cfc;font-weight:700;margin-bottom:15px}.hero h1 span{color:#0f8}.hero .subtitle{color:#fff;font-size:1.1rem;margin-bottom:25px;line-height:1.6}.promo{display:inline-block;background:#0f8;color:#000;padding:10px 25px;border-radius:30px;font-weight:600;font-size:1.1rem;margin-bottom:30px;box-shadow:0 0 10px #0f8}.promo strong{color:#f33;font-size:1.3rem}.hero p{max-width:700px;margin:0 auto 30px;font-size:1.05rem;line-height:1.7;color:#fff}.btn{display:inline-block;background:0 0;color:#fff;border:2px solid #0f8;text-decoration:none;padding:14px 35px;border-radius:40px;font-weight:700;font-size:1.1rem;transition:all .3s ease}.btn:hover{background:#0f8;color:#000;transform:translateY(-3px);box-shadow:0 5px 20px rgba(0,255,136,.4)}@media (max-width:768px){.hero{padding:70px 15px}.hero h1{font-size:2rem}.hero .subtitle{font-size:1rem}.hero p{font-size:.95rem}.btn{padding:12px 28px;font-size:1rem}}