.container{width:100%;height:100%;max-width:400px;margin:0 auto;padding-top:3rem;padding-inline:1.5em;background-color:#fff}.logo{background:#eae8e8;border-radius:100%;width:70px;height:70px;display:flex;align-items:center;justify-content:center}.logo img{width:50px;height:50px}.content{padding:2em 0}.content .title{text-align:start;font-size:1.4em;font-weight:500;font-family:Noto Sans JP,sans-serif;margin-bottom:10px}.content .sub{font-size:.98em;font-family:Noto Sans JP,sans-serif;color:#595858;margin-bottom:20px}.inputs{margin-bottom:15px}.inputs label{font-size:1em;font-family:Noto Sans JP,sans-serif;color:#595858;display:block}.input{display:flex;align-items:center;background-color:#f8fafc;border-radius:.78em;padding:10px;border:1px solid #f2f4f7;margin:5px 0 0}.input .homeIcon{margin-right:10px;font-size:1.7em;color:#595858}.input input{border:none;background:none;outline:none;flex:1;padding:10px;font-family:Noto Sans JP,sans-serif;font-size:1.1em}.forgot-password{margin-bottom:20px;text-align:end}.forgot-password a{color:#007bff;text-decoration:none;font-family:Noto Sans JP,sans-serif;font-size:1em;font-weight:600}.sign-in-button{margin-bottom:20px}.sign-in-button button{width:100%;height:50px;background:linear-gradient(90deg,#394be7 32.81%,#ea577e);border:0;border-radius:8px;color:var(--primary_white);cursor:pointer;font-family:Noto Sans JP,sans-serif;font-size:1em;font-weight:600;color:#fff;outline:0;padding:10px 32px;text-transform:capitalize}.sign-in-button button:hover{opacity:.9}*{margin:0;padding:0;box-sizing:border-box;font-family:Noto Sans JP,sans-serif}body{background:#fff;font-family:Noto Sans JP,sans-serif}.errorMessage{font-size:1.1em;color:red;display:inline-block}.pin-container{max-width:400px;margin:4em auto 0;padding:20px;background-color:#fff;border-radius:8px;text-align:center;font-family:Noto Sans JP,sans-serif}.pin-container h2{font-size:24px;font-weight:700;margin-bottom:10px;text-align:start}.pin-container p{font-size:14px;color:#666;margin-bottom:20px;text-align:start}.pin-inputs{display:flex;justify-content:center;gap:10px;margin-top:2em;margin-bottom:10px}.pin-input-wrapper{position:relative}.pin-input{width:40px;height:40px;text-align:center;font-size:18px;border:1px solid #ccc;border-radius:50%;background-color:#f1f1f1;outline:none;transition:border-color .2s,background-color .2s}.pin-input::placeholder{color:#999;font-size:24px}.icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#999}.pin-input:focus{border-color:#007bff;background-color:#fff}.verify-button{margin-top:40px}.verify-button button{width:100%;height:50px;background:linear-gradient(90deg,#394be7 32.81%,#ea577e);border:0;border-radius:8px;color:var(--primary_white);cursor:pointer;font-family:Noto Sans JP,sans-serif;font-size:1em;font-weight:600;color:#fff;outline:0;padding:10px 32px;text-transform:capitalize}.verify-button button:hover{opacity:.9}.auth-container{display:flex;justify-content:center;align-items:center;height:100dvh;font-family:Noto Sans JP,sans-serif;background-color:#e5e5e5}.auth{display:flex;align-items:center;justify-content:center}.auth-card{background-color:#fff;border-radius:10px;padding:20px 40px;text-align:center;box-shadow:0 4px 8px #0000001a;height:300px;width:80%;display:flex;flex-direction:column;justify-content:center}.auth-buttons{display:flex;justify-content:space-around;margin-top:20px}.btn{padding:10px 20px;border-radius:5px;font-size:16px;cursor:pointer;border:2px solid transparent;transition:all .3s ease;text-decoration:none}.no-btn{background-color:#fff;color:#000;border:0;border-radius:8px;cursor:pointer;font-family:Noto Sans JP,sans-serif;font-size:1em;font-weight:600;outline:0;padding:10px 32px;text-transform:capitalize;border:none;border:2px solid #394be7}.no-btn:hover{background-color:#f0f0f0}.yes-btn{background:linear-gradient(90deg,#394be7 32.81%,#ea577e);border:0;border-radius:8px;cursor:pointer;font-family:Noto Sans JP,sans-serif;font-size:1em;font-weight:600;outline:0;padding:10px 32px;text-transform:capitalize;color:#fff;border:none}.yes-btn:hover{background-image:linear-gradient(to right,#5a10bb,#1564dc)}