| .hero-section[data-v-e0315dd4]{min-height:100vh;height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;background:#01123e;background-image:url(../hero-background.jpg);background-size:100% auto;background-position:center -2.8em;background-repeat:no-repeat;overflow:hidden;padding-bottom:0}.hero-section[data-v-e0315dd4]:before{content:"";position:absolute;inset:0;background-image:url(../hero-background.jpg);background-size:100% auto;background-position:center -2.8em;background-repeat:no-repeat;filter:blur(8px);z-index:-1}@media (min-width: 1290px){.hero-section[data-v-e0315dd4],.hero-section[data-v-e0315dd4]:before{background-position:center -8.8vw}}@media (max-width: 900px){.hero-section[data-v-e0315dd4],.hero-section[data-v-e0315dd4]:before{background-position:center top}}.hero-animated-bg[data-v-e0315dd4]{position:absolute;inset:-60px 0 0;width:100%;height:110%;z-index:0;pointer-events:none;overflow:hidden;will-change:transform,opacity}.hero-bg-grid[data-v-e0315dd4]{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,rgba(78,171,248,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(78,171,248,.1) 1px,transparent 1px);background-size:40px 40px;z-index:0;opacity:.3;animation:wavyGrid-e0315dd4 12s linear infinite;will-change:background-position,transform}@keyframes wavyGrid-e0315dd4{0%{background-position:0 0;transform:translate(0) translateY(0)}25%{background-position:20px 20px;transform:translate(5px) translateY(5px)}50%{background-position:0 0;transform:translate(0) translateY(0)}75%{background-position:-20px -20px;transform:translate(-5px) translateY(-5px)}to{background-position:0 0;transform:translate(0) translateY(0)}}.hero-bg-gradient[data-v-e0315dd4]{position:absolute;width:120vw;height:120vh;left:-10vw;top:-10vh;background:radial-gradient(circle at 30% 30%,#4eabf8,#01123e 60% 100%),radial-gradient(circle at 70% 60%,#4eabf8 0%,#01123e 60%,transparent 100%);opacity:.85;filter:blur(8px);will-change:background-position,opacity,filter}.hero-bg-glow[data-v-e0315dd4]{position:absolute;width:400px;height:180px;transform:translate(60%);background:radial-gradient(circle,rgba(255,255,255,.22) 0%,rgba(78,171,248,.12) 60%,transparent 100%);opacity:.7;animation:heroGlowMove-e0315dd4 8s linear infinite alternate;will-change:transform,opacity}@keyframes heroGradientMove-e0315dd4{0%{background-position:30% 30%,70% 60%}to{background-position:40% 40%,60% 70%}}@keyframes heroGlowMove-e0315dd4{0%{transform:translate(60%);opacity:.7}50%{transform:translate(40%,40px);opacity:1}to{transform:translate(60%,60px);opacity:.7}}.hero-bg-wave[data-v-e0315dd4]{position:absolute;top:-60px;left:0;width:100%;height:400px;z-index:1;pointer-events:none;animation:waveFloat-e0315dd4 6s ease-in-out infinite alternate;will-change:transform,opacity}@keyframes waveFloat-e0315dd4{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.hero-bg-wave svg[data-v-e0315dd4]{width:100%;height:100%;display:block}@media (max-width: 900px){.hero-content-wrapper[data-v-e0315dd4]{flex-direction:column;align-items:flex-start;padding:120px 1rem 0;min-height:0}.hero-bg-wave[data-v-e0315dd4]{height:280px;top:0}.hero-section[data-v-e0315dd4]{padding-top:0}.title-with-logo[data-v-e0315dd4]{flex-direction:column;align-items:center;gap:.8rem}.logo-wrapper[data-v-e0315dd4]{width:26px;height:26px}}@media (max-width: 600px){.hero-section[data-v-e0315dd4]{min-height:340px;padding-bottom:1rem}.hero-bg-wave[data-v-e0315dd4]{height:180px;top:-30px}.hero-content-wrapper[data-v-e0315dd4]{padding-top:60px}.title-with-logo[data-v-e0315dd4]{gap:.6rem}.logo-wrapper[data-v-e0315dd4]{width:22px;height:22px}}.hero-content-wrapper[data-v-e0315dd4]{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:1280px;margin:0 auto;width:100%;padding:0 2rem;height:100%;padding-top:0;padding-bottom:0;gap:1.5rem}.hero-left[data-v-e0315dd4]{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:0;gap:1rem;margin-bottom:0;padding-bottom:0;opacity:0;animation:fadeInUp-e0315dd4 1s ease-out forwards}@keyframes fadeInUp-e0315dd4{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-left h1[data-v-e0315dd4]{opacity:0;animation:fadeInUp-e0315dd4 1s ease-out .2s forwards;margin:0;line-height:1.1;font-size:4.2rem;color:#fff;text-align:center}.hero-left h1[data-v-e0315dd4]:first-child{font-size:3.8rem;font-weight:600;letter-spacing:.026em;position:relative;padding-bottom:0;white-space:normal;display:block;text-align:center;color:#fff}.hero-left h1[data-v-e0315dd4]:first-child:after{content:none}.hero-left h1[data-v-e0315dd4]:last-child{font-size:3.5em;text-shadow:none;font-weight:800;letter-spacing:-.03em;margin-top:.2rem;text-transform:none;font-family:Inter,sans-serif;color:#fff;text-align:center}.text-gradient[data-v-e0315dd4]{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;display:block;align-items:center;text-shadow:none;position:static;z-index:auto;gap:0}.hero-button[data-v-e0315dd4]{opacity:0;animation:fadeInUp-e0315dd4 1s ease-out .6s forwards;margin-top:6rem;position:relative;overflow:hidden;z-index:1;background:#4eabf814;border:1px solid rgba(78,171,248,.2);border-radius:6px;padding:14px 40px;height:52px;line-height:24px;color:#4eabf8e6;font-size:1.1rem;font-weight:500;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center}.hero-button[data-v-e0315dd4]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(78,171,248,.2),transparent);animation:codeShine-e0315dd4 2s infinite}.hero-button[data-v-e0315dd4]:after{content:"";position:absolute;inset:0;border:1px solid rgba(78,171,248,.1);border-radius:6px;background:linear-gradient(90deg,transparent,rgba(78,171,248,.1),transparent);opacity:0;transition:opacity .3s ease}@keyframes codeShine-e0315dd4{0%{transform:translate(-100%)}to{transform:translate(200%)}}.hero-button[data-v-e0315dd4]:hover{transform:translateY(-2px);background:#4eabf81f;border-color:#4eabf84d;color:#4eabf8;box-shadow:0 4px 12px #4eabf81a,0 0 0 1px #4eabf81a}.hero-button[data-v-e0315dd4]:hover:before{animation:codeShine-e0315dd4 1s infinite}.hero-button[data-v-e0315dd4]:hover:after{opacity:1}.hero-button[data-v-e0315dd4]:active{transform:translateY(1px);background:#4eabf826;box-shadow:0 2px 8px #4eabf81a}.hero-right[data-v-e0315dd4]{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin-bottom:0;width:100%}.hero-subtitle[data-v-e0315dd4]{opacity:0;animation:fadeInUp-e0315dd4 1s ease-out .4s forwards;font-size:1.3rem;color:var(--text);opacity:.88;text-shadow:0 2px 8px rgba(30,60,120,.1);line-height:1.8;animation:none;transition:none;position:static;margin:1.6rem 4rem;text-align:justify}@media (max-width: 900px){.hero-content-wrapper[data-v-e0315dd4]{flex-direction:column;align-items:center;padding:0 1rem;height:100%}.hero-left[data-v-e0315dd4]{align-items:center;padding-top:0;gap:1.5rem;margin-bottom:0;padding-bottom:0}.hero-left h1[data-v-e0315dd4]:first-child,.hero-left h1[data-v-e0315dd4]:last-child{text-align:center;white-space:normal}.hero-left h1[data-v-e0315dd4]:first-child:after{left:50%;transform:translate(-50%)}.hero-right[data-v-e0315dd4]{padding-left:1rem;padding-right:1rem;padding-top:0;align-items:flex-start;justify-content:flex-start;width:100%;margin-top:0}.hero-subtitle[data-v-e0315dd4]{font-size:1.1rem;max-width:100%;margin-top:0;text-align:left}}@media (max-width: 600px){.hero-section[data-v-e0315dd4]{height:100vh;min-height:100vh}.hero-content-wrapper[data-v-e0315dd4]{padding:0 1rem;height:100%}.hero-left[data-v-e0315dd4]{align-items:center;padding-top:0;gap:1rem;margin-bottom:0;padding-bottom:0}.hero-left h1[data-v-e0315dd4]:first-child,.hero-left h1[data-v-e0315dd4]:last-child{font-size:2.6rem;letter-spacing:-.02em;text-align:center}.hero-left h1[data-v-e0315dd4]:first-child:after{left:50%;transform:translate(-50%)}.hero-right[data-v-e0315dd4]{padding-left:1rem;padding-right:1rem;padding-top:0;align-items:flex-start;justify-content:flex-start;width:100%;margin-top:0}.hero-subtitle[data-v-e0315dd4]{font-size:1rem;max-width:100%;margin-top:0;margin-left:.6rem;margin-right:.6rem;margin-bottom:2rem;text-align:left}.hero-button[data-v-e0315dd4]{margin-top:2.5rem}}.title-with-logo[data-v-e0315dd4]{display:flex;align-items:center;gap:1rem}.logo-wrapper[data-v-e0315dd4]{display:inline-block;width:28px;height:30px;border-radius:50%;overflow:hidden;position:relative;vertical-align:middle;margin-right:.2rem;margin-bottom:.1rem;transform:translateY(-.1rem);background:#ffffff1a;box-shadow:0 0 0 2px #fff6,0 0 20px #ffffff4d;backdrop-filter:blur(4px);animation:logoPulse-e0315dd4 4s ease-in-out infinite}.hero-logo[data-v-e0315dd4]{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../logo.jpg);background-size:100% 100%;background-position:center center;background-repeat:no-repeat;opacity:.9;transition:all .3s ease;filter:brightness(1.1) contrast(1.1);animation:logoSway-e0315dd4 5s ease-in-out infinite}.logo-wrapper[data-v-e0315dd4]:before{content:"";position:absolute;inset:-2px;border-radius:50%;padding:2px;background:linear-gradient(45deg,#fff,#fff9,#fff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderRotate-e0315dd4 3s linear infinite;filter:blur(1px)}.logo-wrapper[data-v-e0315dd4]:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at center,rgba(78,171,248,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.logo-wrapper[data-v-e0315dd4]:hover{transform:translateY(-.1rem) scale(1.1);box-shadow:0 0 0 2px #fff9,0 0 30px #fff6}.logo-wrapper[data-v-e0315dd4]:hover:after{opacity:1}.logo-wrapper:hover .hero-logo[data-v-e0315dd4]{opacity:1;filter:brightness(1.2) contrast(1.2);background-size:110% 110%;animation:logoSway-e0315dd4 4s ease-in-out infinite}@keyframes logoPulse-e0315dd4{0%,to{box-shadow:0 0 0 2px #fff6,0 0 20px #ffffff4d}50%{box-shadow:0 0 0 2px #fff9,0 0 30px #fff6}}@keyframes borderRotate-e0315dd4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logoSway-e0315dd4{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@media (max-width: 900px){.logo-wrapper[data-v-e0315dd4]{width:22px;height:26px}}@media (max-width: 600px){.logo-wrapper[data-v-e0315dd4]{width:18px;height:22px}}.hero-bg-glow-top[data-v-e0315dd4],.hero-bg-glow-bottom[data-v-e0315dd4]{position:absolute;left:0;right:0;height:300px;background:radial-gradient(ellipse at center,#4eabf866,#01123e00 70%);opacity:.6;filter:blur(100px);pointer-events:none;z-index:0}.hero-bg-glow-top[data-v-e0315dd4]{top:-150px}.hero-bg-glow-bottom[data-v-e0315dd4]{bottom:-150px} | |