body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4f0f5);color:#2c3e50;display:flex;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;margin:0;min-height:100vh;overflow-x:hidden;position:relative}body:before{animation:floatingParticles 15s linear infinite;background-image:radial-gradient(circle at 25% 25%,#407d930d 5px,#0000 0),radial-gradient(circle at 75% 55%,#3a66970d 3px,#0000 0),radial-gradient(circle at 35% 85%,#4c7d850d 4px,#0000 0);background-size:100px 100px;content:"";height:100%;pointer-events:none;position:absolute;width:100%;z-index:0}@keyframes floatingParticles{0%{background-position:0 0}to{background-position:100px 100px}}.container{animation:containerAppear 1s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:4px solid #3a6697;border-radius:20px;border-top:4px solid #407d93;box-shadow:0 15px 35px #3a66971a,0 5px 15px #3a66970d;margin:30px 0;overflow:hidden;padding:35px 40px;position:relative;text-align:center;width:350px}.logo{animation:logoFloat 3s ease-in-out infinite;display:block;height:80px;margin:-20px auto 20px;width:80px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes containerAppear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}h2{color:#3a6697;display:inline-block;font-size:28px;font-weight:600;letter-spacing:.5px;margin-bottom:25px;position:relative}h2:after{animation:underlineExpand 1.5s ease-in-out;background:linear-gradient(90deg,#3a6697,#407d93);bottom:-10px;content:"";height:3px;left:30%;position:absolute;width:40%}@keyframes underlineExpand{0%{left:50%;width:0}to{left:30%;width:40%}}.input-box{background:#ffffffe6;border:none;border-left:2px solid #0000;border-radius:12px;box-shadow:0 2px 10px #0000000d,inset 0 -3px 0 #0000000d;font-size:15px;margin:12px 0;padding:15px;transform-origin:center;transition:all .4s ease;width:90%}.input-box:focus{background:#fffffff2;border-left:2px solid #407d93;box-shadow:0 4px 15px #3a669733,0 2px 5px #3a669733;outline:none;transform:translateY(-2px);width:95%}.input-box::placeholder{color:#94a3b8;transition:all .3s ease}.input-box:focus::placeholder{opacity:.5;transform:translateX(5px)}.btn{background:linear-gradient(135deg,#3a6697,#407d93);border:none;border-radius:15px;box-shadow:0 10px 20px #3a66974d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;margin-top:20px;padding:15px;text-transform:uppercase;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:80%}.btn:after{background:linear-gradient(90deg,#fff3,#0000);height:100%;left:-100%;top:0;transition:all .6s ease;width:100%}.btn:hover{box-shadow:0 15px 25px #3a669766;transform:translateY(-5px)}.btn:hover:after{left:100%}.btn:active{box-shadow:0 5px 10px #3a66974d;transform:translateY(2px)}.btn{overflow:hidden;position:relative}.btn:after{background:#ffffff4d;border-radius:50%;content:"";display:block;margin-left:-120%;margin-top:-120%;opacity:0;padding-left:240%;padding-top:240%;position:absolute;transition:all .8s}.btn:active:after{margin-left:0;margin-top:0;opacity:1;padding-left:0;padding-top:0;transition:0s}@keyframes inputPulse{0%{box-shadow:0 0 0 0 #3a669766}70%{box-shadow:0 0 0 10px #407d9300}to{box-shadow:0 0 0 0 #407d9300}}.input-box:focus{animation:inputPulse 2s infinite}@keyframes spinLoader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn.loading:before{animation:spinLoader .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.footer{color:#666;font-size:14px;margin-top:25px;text-align:right}.container:hover{box-shadow:0 20px 40px #3a669726,0 10px 20px #3a66971a;transform:translateY(-5px);transition:all .5s ease}@media (max-width:480px){.container{padding:25px 15px;width:90%}.btn{width:90%}}
/*# sourceMappingURL=main.5535bb8e.css.map*/