@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");.container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.container,form{position:relative;width:100%}form{margin-top:20px;background:#121f3a;padding:3em;border-radius:.5rem;border-left:1px solid #2a3654;border-top:1px solid #2a3654;box-shadow:0 4px 12px rgba(0,0,0,.25);text-align:center;z-index:10;max-width:400px}form,input{transition:all .2s ease-in-out}input{background:#1a2b4a;padding:.75rem;width:100%;margin-bottom:1em;margin-top:1em;border:1px solid #2a3654;border-radius:.375rem;color:#fff;font-family:Inter,sans-serif;font-weight:400}input:focus,input:hover{border-color:#f97316}input:focus{outline:none;box-shadow:0 4px 8px rgba(249,115,22,.2)}button{font-size:.875rem;background:#f97316;width:150px;padding:.5rem 1rem;margin-bottom:1em;margin-top:.5em;border:none;border-radius:.375rem;color:#fff;font-family:Inter,sans-serif;font-weight:500;transition:background-color .3s ease-in;cursor:pointer}button:hover{background-color:#ff8c4c}button:active{background-color:#f97316}button:disabled{background-color:#b9c1d9;cursor:not-allowed}.error-message,.success-message{text-align:center;margin-top:10px;font-size:.875rem}.error-message{color:#ff4d4d}.success-message{color:#4ade80}input::placeholder{color:#b9c1d9;opacity:.7}.drop{background:hsla(0,0%,100%,.15);border-radius:10px;border-left:1px solid #2a3654;border-top:1px solid #2a3654;position:absolute;transition:all .5s ease-in-out;opacity:.5}.drop-4{height:80px;width:80px;top:-20px;z-index:11;background:url(/logo.png) no-repeat 50%/cover #121f3a;border:1px solid #2a3654;border-radius:50%}.footer-text{text-align:center;margin-top:10px;color:#b9c1d9;opacity:.8;font-size:.8rem}.footer-text p{margin:5px 0}@media (max-width:768px){form{padding:2em;max-width:90%}}@media (max-width:480px){form{padding:1.5em}}