@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:"Exo 2",sans-serif;background-color:#0a0f2b;color:#fff;overflow-x:hidden}#root{height:100%;display:flex;flex-direction:column}.font-regular{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-10px,0)}70%{transform:translate3d(0,-5px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes moonMove{0%{transform:translate(-225px,100vh)}to{transform:translate(calc(100vw - 300px),-300px)}}@keyframes particleFloat{0%,to{opacity:0;transform:translate(0)}50%{opacity:1;transform:translate(var(--particle-x, 0),var(--particle-y, 0))}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-fadeIn{animation:fadeIn 1s ease-in-out}.animate-fadeInUp{animation:fadeInUp .8s ease-in-out}.animate-fadeInDown{animation:fadeInDown .8s ease-in-out}.animate-slideInLeft{animation:slideInLeft .8s ease-in-out}.animate-slideInRight{animation:slideInRight .8s ease-in-out}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 1s infinite}.animate-bounceIn{animation:bounceIn 1s ease-in-out}.animate-shake{animation:shake .8s ease-in-out}.animate-spin{animation:spin 1s linear infinite}.animate-zoomIn{animation:zoomIn .3s ease-in-out}.animate-zoomOut{animation:zoomOut .3s ease-in-out}.animate-tada{animation:tada 1s ease-in-out}.animate-flash{animation:flash 1s ease-in-out}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb{background:#00c4ff80;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00c4ffb3}button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}input,textarea{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;outline:none}input::placeholder,textarea::placeholder{color:#ffffff80}img{max-width:100%;height:auto;display:block}@media (max-width: 768px){.navbar{height:60px!important}.nav-items{gap:4px!important}.nav-item{padding:6px 8px!important;font-size:12px!important}.nav-item-text{display:none!important}.hero-title{font-size:2.5rem!important}.responsive-text-sm{font-size:14px}.responsive-text-base{font-size:16px}.responsive-text-lg{font-size:18px}.responsive-text-xl{font-size:20px}.responsive-text-2xl{font-size:24px}.phone-frame{width:250px!important;height:500px!important}}@media (max-width: 480px){.container{padding-top:60px!important}.hero-title{font-size:2rem!important;letter-spacing:2px!important}.hero-subtitle{font-size:1.2rem!important}.mockup-title{font-size:1.5rem!important}.phone-frame{width:200px!important;height:400px!important}.logo-text{font-size:1.2rem!important}}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #00C4FF;outline-offset:2px}::selection{background-color:#00c4ff4d;color:#fff}.nav-item:hover{background-color:#1a1e40cc!important;transform:translateY(-1px)!important}.logo:hover{transform:scale(1.05)!important}