@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'Plus Jakarta Sans',sans-serif;color:#102344;font-synthesis:none;background:#fff}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:56% 44%;min-height:100dvh}a{color:#174bce;text-underline-offset:3px}.art{background:#f1f7ff;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-bottom:5vh}.intro{padding:2rem 13%}.intro h1{font-size:clamp(2rem,3.6vw,4rem);font-weight:500;line-height:1.18;letter-spacing:-.045em;margin:0 0 2rem}.art>img{width:100%;height:auto;mix-blend-mode:darken;mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)}main{position:relative;display:flex;flex-direction:column;justify-content:center;padding:7rem max(2rem,7vw);min-width:0}.brand{flex-direction:column;position:absolute;top:3rem;left:4.5rem;display:flex;align-items:flex-end;gap:2px;text-decoration:none;color:#102344}.brand img{object-fit:contain;width:142px;height:auto}.brand span{font-size:10px;font-weight:600;letter-spacing:5px;padding-right:2px}.form-area{max-width:410px;width:100%;margin:auto}h2{font-size:31px;font-weight:600;letter-spacing:-.035em;margin:0 0 12px}p{font-size:13px;line-height:1.7}#description{margin-bottom:30px}label{display:block;font-size:13px;font-weight:500;margin:0 0 8px}input{width:100%;min-height:42px;border:1px solid #b7c4d8;border-radius:6px;padding:10px 12px;font:inherit;font-size:14px;color:#102344;background:white;margin:0 0 20px}.password-label{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.password-label a{font-size:11px}button{font:500 13px 'Plus Jakarta Sans',sans-serif;cursor:pointer;border-radius:6px;padding:12px;width:100%;background:#2255e6;border:1px solid #2255e6;color:white;min-height:42px}button:disabled{opacity:.65;cursor:wait}button:hover:not(:disabled){background:#1946c3}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #2255e6;outline-offset:3px}#access-status{color:#9d2029;margin:0 0 14px;min-height:1.5em}#access-status:empty{display:none}.text-button{background:transparent;color:#174bce;border:0;margin-top:12px}.text-button:hover:not(:disabled){background:#eef3ff}#restart{display:block;margin-top:20px;font-size:12px}#restart[hidden]{display:none}.support{text-align:center;font-size:11px;margin-top:26px}footer{position:absolute;bottom:2rem;left:1rem;right:1rem;text-align:center;font-size:10px}.seed{font-family:monospace;overflow-wrap:anywhere;user-select:all;padding:12px;background:#edf3ff;font-size:16px}#fields p{margin-bottom:20px}@media(max-width:900px){body{grid-template-columns:48% 52%}main{padding:7rem 2rem}.brand{left:2rem}.intro{padding:2rem 9%}.intro h1{font-size:2.5rem}}@media(max-width:650px){body{display:block}.art{display:none}.art img{content:none}main{min-height:100dvh;padding:7rem 1.5rem 5rem}.brand{top:2rem;left:1.5rem}.form-area{margin:auto}h2{font-size:29px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.password-control{position:relative}.password-control input{padding-right:58px}.password-control button{position:absolute;right:4px;top:3px;width:52px;min-height:36px;padding:6px;background:transparent;border:0;color:#102344;font-size:11px}.password-control button:hover:not(:disabled){background:#edf3ff}.recovery-link{text-align:right;margin:-4px 0 26px;font-size:12px}
