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