.hero-art{position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e3a5f,#2563eb);min-height:500px}.hero-waves{position:absolute;bottom:0;left:0;width:100%;height:200px;z-index:1}.wave{position:absolute;bottom:0;left:0;width:200%;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%231E3A5F' fill-opacity='0.3' d='M0,192L48,197.3C96,203,192,213,288,229.3C384,245,480,267,576,250.7C672,235,768,181,864,181.3C960,181,1056,235,1152,234.7C1248,235,1344,181,1392,154.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;animation:wave 8s linear infinite}.wave:nth-child(2){bottom:10px;opacity:.5;animation:wave 12s linear infinite reverse}.wave:nth-child(3){bottom:20px;opacity:.3;animation:wave 15s linear infinite}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-orbs{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(60px);animation:float 15s ease-in-out infinite}.orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.4) 0%,transparent 70%);top:-100px;right:-100px;animation-delay:0s}.orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(245,158,11,.3) 0%,transparent 70%);bottom:-50px;left:-50px;animation-delay:-5s}.orb-3{width:200px;height:200px;background:radial-gradient(circle,rgba(13,148,136,.3) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.hero-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:#ffffff80;border-radius:50%;animation:sparkle 3s ease-in-out infinite}.particle:nth-child(1){top:20%;left:10%;animation-delay:0s}.particle:nth-child(2){top:40%;left:30%;animation-delay:.5s}.particle:nth-child(3){top:60%;left:50%;animation-delay:1s}.particle:nth-child(4){top:30%;left:70%;animation-delay:1.5s}.particle:nth-child(5){top:70%;left:90%;animation-delay:2s}.particle:nth-child(6){top:50%;left:20%;animation-delay:2.5s}.particle:nth-child(7){top:80%;left:40%;animation-delay:.3s}.particle:nth-child(8){top:10%;left:60%;animation-delay:1.2s}.particle:nth-child(9){top:90%;left:80%;animation-delay:1.8s}.particle:nth-child(10){top:45%;left:15%;animation-delay:2.2s}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.hero-fishing-line{position:absolute;top:0;right:20%;width:2px;height:100%;z-index:2}.fishing-line{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:line-swing 4s ease-in-out infinite}@keyframes line-swing{0%,to{transform:translate(0) skew(0)}25%{transform:translate(10px) skew(2deg)}75%{transform:translate(-10px) skew(-2deg)}}.hero-jig{position:absolute;bottom:30%;right:20%;z-index:3}.jig-head{width:24px;height:24px;background:radial-gradient(circle at 30% 30%,#fcd34d,#f59e0b);border-radius:50%;position:relative;animation:jig-bounce 2s ease-in-out infinite}.jig-head:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:2px;height:12px;background:#fff9}.jig-head:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:8px;height:8px;border:2px solid rgba(255,255,255,.6);border-radius:50%;border-top-color:transparent;border-left-color:transparent;transform:translate(-50%) rotate(45deg)}@keyframes jig-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.hero-rays{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.ray{position:absolute;top:0;left:50%;width:2px;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,.1) 0%,transparent 100%);transform-origin:top center}.ray:nth-child(1){transform:rotate(-30deg)}.ray:nth-child(2){transform:rotate(-15deg)}.ray:nth-child(3){transform:rotate(0)}.ray:nth-child(4){transform:rotate(15deg)}.ray:nth-child(5){transform:rotate(30deg)}.hero-content{position:relative;z-index:10}@media(max-width:768px){.hero-art{min-height:400px}.orb-1{width:200px;height:200px}.orb-2{width:150px;height:150px}.orb-3{width:100px;height:100px}}