body{background-color:#fff}.logo{margin:20px 0 0;width:60px;height:60px;flex-shrink:0}.main{display:flex;justify-content:space-evenly;flex-direction:column;align-items:center;background-color:#fff;width:340px;height:fit-content;margin:7em auto;border-radius:1.5em;box-shadow:0 11px 35px 2px #00000024}.sign{color:#8c55aa;font-size:1.5em;text-align:center}form input{width:76%;color:#263238;font-size:14px;letter-spacing:1px;background:#887e7e0a;padding:10px 20px;border:none;border-radius:5px;outline:none;border:2px solid rgba(0,0,0,.02);margin-bottom:25px;margin-left:46px;text-align:center}form{padding-top:10px}.un:focus,.pass:focus{border:2px solid rgba(0,0,0,.18)!important}input::placeholder{color:#ccc}.submit{cursor:pointer;border-radius:5em;color:#fff;background:linear-gradient(to right,#8a59f3,#5958f4);border:0;padding:10px 40px;font-size:1em}.sso-wrapper{display:none;&:has(.show){display:block}.or{display:flex;align-items:center;margin:16px 0;white-space:nowrap}.or:before{content:"";display:block;width:100%;height:1px;background-color:#ddd;margin-right:16px}.or:after{content:"";display:block;width:100%;height:1px;background-color:#ddd;margin-left:16px}.sso-list{display:flex;flex-direction:column}.sso-signup{display:none;width:100%;&.show{display:flex}a{display:flex;width:100%;border:1px solid #ccc;padding:6px;border-radius:14px;margin:4px 12px 12px}a:hover{background-color:#eee}.icon{display:inline-flex;align-items:center;padding:0 8px;img{width:25px;height:25px}}.label{flex:1;display:inline-flex;align-items:center;color:#353535;justify-content:center;margin-left:-25px}}}.forgot{color:#ccc;margin:0;font-size:12px;padding:8px}a{color:#ccc;text-decoration:none}@media (max-width: 600px){.main{border-radius:0}}