@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{--ink:#18302d;--cream:#f4f2ec;--paper:#faf9f5;--lime:#d7e967;--muted:#6e7a73;--line:#d8ddd4;--serif:'Playfair Display',Georgia,serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}.auth-wrap{max-width:1180px;margin:auto;padding:0 30px}.auth-nav{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.03em;color:var(--ink);text-decoration:none}.mark{display:grid;place-items:center;background:var(--ink);color:var(--lime);width:29px;height:29px;border-radius:50%;font:9px var(--mono)}.auth-nav a:last-child{font:10px var(--mono);text-transform:uppercase;text-decoration:none;color:var(--ink)}.auth-main{min-height:calc(100vh - 145px);display:grid;place-items:center;padding:58px 0 90px}.auth-card{width:min(100%,470px);background:var(--paper);border:1px solid var(--line);padding:48px 52px;box-shadow:12px 12px 0 #dce5bd}.auth-kicker{font:10px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:#718078}.auth-card h1{font:500 clamp(45px,7vw,67px)/.94 var(--serif);letter-spacing:-.07em;margin:18px 0}.auth-card h1 em{color:#78914f}.auth-lede{color:var(--muted);line-height:1.55;font-size:15px;margin:0 0 30px}.demo-notice{background:#eef2e2;border-left:3px solid #78914f;padding:12px 14px;color:#506248;font-size:12px;line-height:1.5;margin:0 0 28px}.auth-form label{display:block;color:#6d7c72;font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-top:18px}.auth-form input{display:block;width:100%;border:0;border-bottom:1px solid #aab8aa;background:transparent;color:var(--ink);padding:13px 0 11px;outline:none;font:15px 'DM Sans',sans-serif}.auth-form input:focus{border-color:var(--ink)}.auth-submit{width:100%;border:0;border-radius:99px;background:var(--ink);color:var(--cream);padding:16px 20px;font-weight:600;margin-top:28px;cursor:pointer}.auth-switch{text-align:center;color:var(--muted);font-size:13px;margin:24px 0 0}.auth-switch a{color:var(--ink);font-weight:600}.auth-message{background:#fff2e5;border:1px solid #e5c8a7;color:#765433;padding:16px;font-size:13px;line-height:1.55;margin-top:24px}.auth-message strong{display:block;color:#5f4022;margin-bottom:4px}.auth-footer{border-top:1px solid var(--line);padding:25px 30px;color:var(--muted);font:10px var(--mono)}@media(max-width:600px){.auth-wrap{padding-left:20px;padding-right:20px}.auth-nav{height:72px}.auth-card{padding:35px 25px;box-shadow:7px 7px 0 #dce5bd}.auth-main{padding-top:30px}}