*{margin:0;padding:0}body,main{display:flex;flex-direction:column}main{height:100vh;align-items:center;justify-content:center}a,button,input,p{font-family:Roboto}a{color:#193b60}.logo{width:280px;margin-bottom:32px}.item-value-container{display:flex;flex-direction:column}.container{display:flex;width:80%;max-width:600px;margin-left:auto;margin-right:auto;align-items:center;flex-direction:row;gap:24px;padding:32px;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.05);border:1px solid hsla(0,0%,100%,.8)}.social-button-container{padding-bottom:16px}.payment-item-label{flex:1}.payment-item-label-2{display:flex}.commission-item-container{display:flex;justify-content:space-around}.social-button{width:260px;height:40px;display:flex;flex-direction:row;align-items:center;justify-content:center;border:none;border-radius:12px;margin:8px 0;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2);font-weight:600}.social-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.3);opacity:.9}.social-button img{width:12px;margin-right:8px}.social-button span{color:#fff}.social-button.apple{background:linear-gradient(135deg,#000,#333);border:1px solid hsla(0,0%,100%,.1)}.social-button.google{background:linear-gradient(135deg,#ea4335,#d32f2f);border:1px solid hsla(0,0%,100%,.1)}.social-button.facebook{background-color:#3b5998}.login-button{width:260px;height:44px;display:flex;flex-direction:row;align-items:center;justify-content:center;border:none;border-radius:12px;background:linear-gradient(135deg,#193b60,#2a5a8a);color:#fff;margin:8px 0;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(25,59,96,.3);font-weight:600;font-size:16px}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(25,59,96,.4);background:linear-gradient(135deg,#2a5a8a,#193b60)}.login-input{border:none;border-bottom:2px solid #193b60;font-size:16px;outline:none;margin:12px 0;padding:8px 4px;flex:1;transition:all .3s ease;background:transparent}.login-input:focus{border-bottom-color:#2a5a8a;box-shadow:0 2px 8px rgba(42,90,138,.2)}.sub-header{margin-top:24px}.link{margin:12px 0;color:#193b60;text-decoration:none;font-weight:500;cursor:pointer;transition:all .3s ease;padding:8px 16px;border-radius:8px}.link:hover{background:rgba(25,59,96,.1);color:#2a5a8a;transform:translateY(-1px)}.left-container{border-right:1px solid #aaa;padding-right:16px}.left-container,.right-container{display:flex;flex-direction:column}.password-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.show-password{background:none;border:none;cursor:pointer}.show-password-image{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}@media screen and (max-width:720px){.container{display:flex;width:auto;max-width:600px;margin-left:auto;margin-right:auto;align-items:center;flex-direction:column;gap:16px;padding:8px 24px;background-color:#fff;border-radius:16px;box-shadow:0 0 8px rgba(0,0,0,.45)}.left-container{border-right:none;border-bottom:1px solid #aaa;padding-right:0;padding-bottom:16px}}.loading-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999999;background-color:rgba(0,0,0,.3)}.loading-container,.loading-wrapper{display:flex;align-items:center;justify-content:center}.loading-container{background-color:#fff;padding:16px;flex-direction:row;gap:8px;border-radius:8px;box-shadow:0 0 16px rgba(0,0,0,.45)}.loading-container img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.loading-container span{color:#193b60}