@font-face{font-family:Vazir;src:url('/workshop/login-font.ttf')}*{box-sizing:border-box}body{margin:0;padding:28px 16px;background:#f5efdf;color:#16334a;font-family:Vazir,Tahoma,sans-serif;line-height:1.9}main{max-width:740px;margin:24px auto;padding:32px;background:#fffdf7;border:1px solid #d9cba8;border-radius:20px;box-shadow:0 12px 36px #18334a0a}h1{font-size:1.8rem;line-height:1.5}small{color:#7b6742}a{color:#214e69}nav{margin-bottom:25px}form{display:grid;gap:18px;margin:24px 0}label{display:grid;gap:8px}input{font:inherit;width:100%;padding:12px;border:1px solid #c0b394;border-radius:9px;background:#fff}button{font:inherit;padding:12px 20px;border:1px solid #18394d;border-radius:9px;background:#18394d;color:#fffdf7;cursor:pointer}button:disabled{opacity:.55;cursor:wait}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #bb9144;outline-offset:3px}.check{display:flex;align-items:center}.check input{width:auto}section{padding:20px;border:1px solid #b28a41;border-radius:14px;background:#f6eedb}output{display:block;overflow-wrap:anywhere;padding:16px;border-radius:9px;background:#fff;font:1.1rem monospace;user-select:all;margin:16px 0}details{margin:24px 0;border-top:1px solid #ded0b4;padding-top:18px}summary{cursor:pointer}#message{white-space:pre-line;font-weight:bold}#state{padding:12px;background:#f1ead8;border-radius:9px}body[data-mode=recover] #login{display:inline-block;padding:10px}@media(max-width:520px){main{margin:0;padding:22px 16px}h1{font-size:1.45rem}}[hidden]{display:none!important}