:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#000;color:#fff}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px}main{width:min(100%,440px)}.logo{display:block;width:100%;height:auto;max-height:240px;object-fit:contain;margin:0 auto 20px}h1{font-size:30px;margin:16px 0}p{line-height:1.6}.field{display:block;margin:18px 0 8px;font-weight:700}input{font:inherit;font-size:18px;width:100%;padding:15px;background:#080808;border:2px solid #ccc;border-radius:8px;color:#fff}input:focus{outline:2px solid #7fffd4;outline-offset:2px}.password{position:relative}.password input{padding-right:68px}.eye{position:absolute;right:4px;top:4px;bottom:4px;padding:8px;background:none;color:#fff;font-size:14px;border:none;cursor:pointer}.primary{display:block;text-align:center;text-decoration:none;background:#7fffd4;color:#000;border:0;border-radius:8px;padding:16px;width:100%;font-size:21px;font-weight:700;cursor:pointer;margin:22px 0}.primary:disabled{opacity:.45;cursor:wait}ul{padding-left:24px;font-size:14px;line-height:1.7}.pass{color:#7fffd4}.error{color:#ffb2ac;line-height:1.5}small{display:block;color:#bdbdbd;line-height:1.5}a{color:#7fffd4}#email{overflow-wrap:anywhere}button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:4px}[hidden]{display:none!important}