:root{font-family:"Segoe UI",Arial,sans-serif;color:#302d3b;background:#f1f0f5;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px 20px}.login-card{width:100%;max-width:438px;padding:43px 40px;background:white;border:1px solid #e6e1ec;border-radius:20px;box-shadow:0 14px 50px #37234f09}.site-label{font-size:11px;font-weight:700;letter-spacing:.6px;color:#8059d1;margin-bottom:18px}h1{font-family:Georgia,serif;font-size:34px;font-weight:400;letter-spacing:-1px;margin:0 0 12px;color:#2d2837}.login-card>p{font-size:13px;line-height:1.7;color:#83748f;margin:0 0 28px}label{display:block;font-size:12px;font-weight:500;color:#3d304e;margin-bottom:9px}input[type=password]{display:block;width:100%;height:49px;border:1px solid #d9cfe4;border-radius:9px;padding:10px 13px;font-size:17px;color:#483954;background:#fff}input:focus-visible,button:focus-visible{outline:3px solid #b6a0df;outline-offset:3px}.remember{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400;color:#796687;margin:19px 0}.remember input{width:16px;height:16px;accent-color:#7956c7;margin:0}button{width:100%;height:47px;border:0;background:#7956c7;color:white;border-radius:9px;font:600 13px "Segoe UI",Arial,sans-serif;cursor:pointer}button:hover{background:#6c46b9}button span{padding-left:12px;font-size:18px}.motto{font-family:Georgia,serif;font-style:italic;font-size:12px;color:#9784a4;margin-top:28px}.login-card .error{color:#a24b60;background:#fcf0f4;border-radius:7px;padding:10px 12px;font-size:12px;margin-bottom:18px}@media(max-width:500px){.login-card{padding:35px 28px}h1{font-size:31px}}