:root{color-scheme:light dark;--bg:light-dark(#f6f5f0,#14171c);--surface:light-dark(#ffffff,#1d2128);--ink:light-dark(#20362b,#e8ebef);--muted:light-dark(#67736a,#a4acb8);--line:light-dark(#e0e5dc,#343b47);--accent:light-dark(#315d43,#9eb7ad);--deep:light-dark(#244b35,#bccdc5);--on:light-dark(#ffffff,#1b2421);--error:light-dark(#9c2828,#ffb7ac);--notice:light-dark(#eaf0e4,#2a3235);--veil:light-dark(#f6f5f026,#14171c66);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px 24px;background:linear-gradient(var(--veil),var(--veil)),url('/static/images/auth-potager-adrien-olichon.jpg') center 65%/cover no-repeat fixed}
.auth-card{width:100%;max-width:460px;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:32px;box-shadow:0 16px 64px #0003}
.brand{display:inline-flex;align-items:center;gap:8px;font:27px Georgia,serif;letter-spacing:-.7px;text-decoration:none;color:var(--ink)}
.brand img{flex-shrink:0}
h1{font:30px/1.2 Georgia,serif;letter-spacing:-.7px;margin:28px 0 16px}
p{line-height:1.6;color:var(--muted)}
a{color:var(--accent);text-underline-offset:3px}
form{display:grid;gap:18px;margin:24px 0}
label{display:grid;gap:8px;font-size:14px;font-weight:600}
input{width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);font:inherit}
button{padding:13px;border:1px solid var(--deep);border-radius:7px;background:var(--deep);color:var(--on);font:600 15px system-ui;cursor:pointer}
button:hover{filter:brightness(.96)}
input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.error{color:var(--error)}
.notice{padding:12px;background:var(--notice);border-radius:8px}
footer{border-top:1px solid var(--line);padding-top:20px;margin-top:28px;font-size:12px;line-height:1.8;color:var(--muted)}
.photo-credit{margin:0;padding:8px 12px;max-width:100%;border-radius:6px;background:var(--surface);color:var(--muted);font-size:12px;line-height:1.5;text-align:center}
@media(max-width:480px){body{padding:24px 16px;gap:18px;background-attachment:scroll;background-position:58% center}.auth-card{padding:24px}h1{font-size:27px}}