@keyframes starTwinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes shootingStar1{0%{opacity:0;transform:translate(0)}10%{opacity:1}to{opacity:0;transform:translate(300px,150px)}}@keyframes shootingStar2{0%{opacity:0;transform:translate(0)}10%{opacity:.6}to{opacity:0;transform:translate(-250px,120px)}}.starfield-background{position:absolute;inset:0;overflow:hidden}.starfield-background .gradient-bg{background:linear-gradient(#002c8c,#003eb3,#061178);position:absolute;inset:0}.starfield-background .star{will-change:opacity,transform;background:#fff;border-radius:50%;animation:ease-in-out infinite starTwinkle;position:absolute}.starfield-background .shooting-star{will-change:transform,opacity;background:#fff;border-radius:50%;width:4px;height:4px;position:absolute}.starfield-background .shooting-star-1{animation:3s ease-out 2s infinite shootingStar1;top:20%;left:10%}.starfield-background .shooting-star-2{animation:2.5s ease-out 6s infinite shootingStar2;top:60%;left:70%}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-section{justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-section .starfield-background{z-index:0;position:absolute;inset:0}.hero-section .hero-content{z-index:10;text-align:center;color:#fff;max-width:1536px;margin:0 auto;padding:0 16px;position:relative}@media (min-width:576px){.hero-section .hero-content{padding:0 24px}}@media (min-width:992px){.hero-section .hero-content{padding:0 32px}}.hero-section .hero-title{margin-bottom:36px;font-size:36px;font-weight:700;line-height:1.3}@media (min-width:768px){.hero-section .hero-title{font-size:60px}}.hero-section .hero-subtitle{max-width:768px;margin-bottom:80px;margin-left:auto;margin-right:auto;font-size:20px;line-height:1.6}@media (min-width:768px){.hero-section .hero-subtitle{font-size:24px}}.hero-section .hero-buttons{flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-bottom:48px;display:flex}@media (min-width:576px){.hero-section .hero-buttons{flex-direction:row}}.hero-section .hero-buttons .hero-btn-primary,.hero-section .hero-buttons .hero-btn-secondary{cursor:pointer;border:2px solid #0000;border-radius:12px;padding:12px 32px;font-size:18px;font-weight:500;transition:all .3s}.hero-section .hero-buttons .hero-btn-primary{color:#fff;background:#1677ff}.hero-section .hero-buttons .hero-btn-primary:hover{background:#4096ff;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.hero-section .hero-buttons .hero-btn-secondary{color:#fff;background:0 0;border-color:#fff}.hero-section .hero-buttons .hero-btn-secondary:hover{background:#1677ff;border-color:#1677ff}.hero-section .hero-features .hero-feature-text{color:#f5f5f5;margin-bottom:12px;font-size:18px}@media (min-width:768px){.hero-section .hero-features .hero-feature-text{font-size:20px}}.hero-section .scroll-indicator{color:#fff;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero-section .scroll-indicator .scroll-box{border:2px solid #fff;border-radius:20px;justify-content:center;width:24px;height:40px;display:flex}.hero-section .scroll-indicator .scroll-dot{background:#fff;border-radius:2px;width:4px;height:12px;margin-top:8px}