:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light dark;--highlight:#4bab7d;--green-fg:#00ac7f;--highlight2:purple;--link:#07c;--light-bg:#f9f9f9;--main-bg:#f1f1f1;--medium-bg:#b3bfb84d;--dark-bg:#7e8d85;--dark-fg:#222;--main-fg:#3c493f;--medium-fg:#7e8d85;--light-fg:#aaa;--contrast-fg:#fff;--warning-fg:#e69138;--error-fg:#fe4a49;--btn-bg-alpha:80%;--bdr:1px solid #3c493f;--medium-bdr:1px solid #bbb;--light-bdr:1px solid #ddd}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial}}html,body{width:100%;height:100%}body{color:var(--main-fg);background:radial-gradient(circle,#00ac7f4d 0%,#00ac7fcc 100%)}main{display:flex;box-sizing:border-box;position:absolute;justify-content:center;width:62rem;height:38rem;margin-top:-19rem;margin-left:-31rem;top:50%;left:50%}div.name-box,div.login-box{box-sizing:border-box;width:31rem;height:38rem;padding:5rem}div.name-box{background-color:#ffffff4d;border-radius:2rem 0 0 2rem}div.login-box{background-color:#fff9;border-radius:0 2rem 2rem 0}label div{color:#555;margin:1.5rem 0 .5rem .2rem;font-size:1rem;font-weight:600}div.logo{text-align:center;padding-bottom:.5rem}div.logo img{width:1.3rem;height:1.3rem}div.logo span{text-transform:uppercase;color:var(--dark-fg);margin-left:.3rem;font-size:1.8rem;font-weight:400}div.btn{text-align:center}div.form-mesg{color:var(--error-fg);text-align:center;margin-top:2rem}input[type=text],input[type=password],button{color:var(--main-fg);box-sizing:border-box;letter-spacing:1px;background-color:#ffffffb3;border:0;border-radius:.5rem;width:100%;padding:.6rem .5rem;font-size:1rem;box-shadow:0 1px 2px #0000001a}button{background-color:oklch(.6564 .136 248.87/var(--btn-bg-alpha));color:oklch(1 0 0);cursor:pointer;letter-spacing:normal;border-radius:1rem;width:50%;margin-top:2.5rem;font-weight:500}button:hover{--btn-bg-alpha:100%}div.forgot{cursor:pointer;text-align:right;color:var(--link);padding:.5rem;font-size:.9rem}div.trapezoid{display:inline-block;border-bottom:.625rem solid #87ceeb;border-left:.3rem solid #0000;border-right:.3rem solid #0000;width:1rem;height:0;margin:1px}