.banner{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#222 50% 100%);justify-content:flex-start;align-items:center;min-height:90vh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.banner-image-wrapper{z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.banner-image,.banner-video{opacity:.8;filter:brightness(.7)contrast(1.1);width:100%;height:100%}.banner-video{object-fit:cover;object-position:center}.banner-background{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.banner-background canvas{opacity:.6;display:block;width:100%!important;height:100%!important}.banner .container{width:100%;margin-left:0;margin-right:auto}.banner-content{z-index:1;text-align:left;max-width:min(900px,90vw);margin:0;position:relative}.banner-title{letter-spacing:.03em;background:linear-gradient(135deg,#fff 0%,#e2e8f0 100%);-webkit-text-fill-color:transparent;text-align:left;-webkit-background-clip:text;background-clip:text;margin-bottom:3.5rem;font-size:clamp(2.5rem,6vw,5rem);font-weight:600;line-height:1.1}.banner-subtitle{color:#f0f0f0;text-align:left;max-width:min(900px,90vw);margin-bottom:2.5rem;font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.6}.banner-actions{flex-wrap:wrap;justify-content:flex-start;gap:1rem;display:flex}.btn{text-align:center;cursor:pointer;border:none;border-radius:8px;padding:14px 32px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-block}.btn-primary{color:#fff;background-color:#0e85dd}.btn-primary:hover{background-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 10px 25px #2563eb4d}@media (max-width:1024px){.banner{min-height:85vh;padding:100px 0 60px}.banner-content{max-width:100%;padding:0 2rem}.banner-title{margin-bottom:2.5rem;font-size:clamp(2.5rem,6vw,4rem)}.banner-subtitle{margin-bottom:2rem;font-size:clamp(1.125rem,2vw,1.375rem)}}@media (max-width:768px){.banner{min-height:70vh;padding:100px 0 40px}.banner-title{margin-bottom:1rem;font-size:2rem}.banner-subtitle{margin-bottom:2rem;font-size:1rem}.banner-content{padding:0 1rem}}@media (max-width:480px){.banner{min-height:60vh;padding:100px 0 30px}.banner-title{margin-bottom:.75rem;font-size:1.75rem}.banner-subtitle{margin-bottom:1.5rem;font-size:.95rem}}