.hero{width:100%;height:100vh;overflow:hidden;position:relative;transform-origin:top center}.hero-slide{width:100%;height:100%;background-size:cover;background-position:50%;position:absolute;top:0;left:0;filter:brightness(.8)}.hero-content{height:100%;width:100%;position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;padding-left:4rem;color:white;background:rgba(0,0,0,.4);backdrop-filter:blur(2px)}.hero-title{font-size:4rem;margin-bottom:1rem;font-weight:700;color:#ffffff;text-shadow:0 0 20px rgba(0,102,255,.7)}.hero-subtitle{font-size:1.8rem;font-weight:300;color:#d0dfff;max-width:600px;text-shadow:0 0 10px rgba(0,98,255,.4)}.hero-buttons{margin-top:2.5rem}.nav-btn{background:rgba(0,123,255,.2);color:#fff;padding:.6rem 1.2rem;font-size:1.6rem;border:none;margin-right:1rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;border:1px solid rgba(0,123,255,.4)}.nav-btn:hover{background:rgba(0,123,255,.5);transform:scale(1.1)}.top-glow{position:absolute;top:-50px;left:50%;width:300px;height:300px;background:radial-gradient(circle,rgba(0,102,255,.4) 0,transparent 70%);transform:translateX(-50%);filter:blur(80px);z-index:2;pointer-events:none}@media (max-width:768px){.hero-content{flex-direction:column;justify-content:center;padding:20px;text-align:center}.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.2rem}.hero-buttons{margin-top:30px}}