.banner{width:100vw;height:80vh;margin-left:calc(50% - 50vw);position:relative;overflow:hidden}.banner img{object-fit:contain;width:100%;height:100%;display:block}.banner .overlay{background:#0000004d;position:absolute;inset:0}.banner-text{color:#fff;z-index:2;text-align:left;max-width:500px;animation:1s ease-out forwards slideUp;position:absolute;top:35%;left:10%;transform:translateY(-50%)}.banner-text h1{margin-bottom:1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.banner-text p{color:#e6e6e6;margin-bottom:2rem;font-size:1.1rem}.banner-btn{color:#fff;background-color:#0070f3;border-radius:6px;padding:.8rem 1.5rem;font-weight:600;text-decoration:none;transition:background-color .3s,transform .2s}.banner-btn:hover{background-color:#005bb5;transform:translateY(-3px)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.banner-text{top:50%;left:5%}.banner-text h1{font-size:1.8rem}.banner-text p{font-size:1rem}.banner-btn{padding:.6rem 1.2rem;font-size:.9rem}}