:root{--paper: #f3eee4;--ink: #1c1915;--muted: #6b645b;--line: #d9d0c3;--copper: #9a5b3c;--copper-deep: #7a432c;--danger: #9b2c2c;--card: #fffaf3}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Manrope,PingFang SC,sans-serif;background:var(--paper);color:var(--ink);letter-spacing:.01em}.page{min-height:100vh;display:grid;grid-template-columns:minmax(280px,42%) 1fr}.panel{padding:48px 40px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.mark{font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700;letter-spacing:.04em}.mark span{color:var(--copper)}.lede{margin-top:72px;max-width:28ch}.lede h1{font-family:Cormorant Garamond,serif;font-size:44px;line-height:1.1;font-weight:600;margin:0 0 16px}.lede p{margin:0;color:var(--muted);line-height:1.6}.apps{color:var(--muted);font-size:13px}.main{display:flex;align-items:center;justify-content:center;padding:40px 24px}.card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--line);padding:32px}.card h2{font-family:Cormorant Garamond,serif;font-size:28px;margin:0 0 8px;font-weight:600}.sub{color:var(--muted);margin:0 0 24px;font-size:14px}label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}input{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);padding:11px 12px;font:inherit;margin-bottom:14px}input:focus{outline:2px solid var(--copper);outline-offset:1px}.row{display:flex;gap:8px}.row input{flex:1}button{font:inherit;cursor:pointer}.primary{width:100%;margin-top:8px;background:var(--ink);color:var(--paper);border:0;padding:12px;font-weight:600}.primary:hover{background:var(--copper-deep)}.primary:disabled{opacity:.55;cursor:default}.ghost{border:1px solid var(--line);background:transparent;padding:11px 12px;margin-bottom:14px}.error{background:#f8e6e2;color:var(--danger);padding:10px 12px;font-size:13px;margin-bottom:14px}.foot{margin-top:18px;font-size:13px;color:var(--muted)}.foot a{color:var(--copper-deep)}.avatar-row{display:flex;align-items:center;gap:14px;margin-bottom:18px}.avatar-face{width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--line);display:grid;place-items:center;font-family:Cormorant Garamond,serif;font-size:22px;overflow:hidden}.avatar-face img{width:100%;height:100%;object-fit:cover}.apps-label{margin:8px 0 10px;font-size:13px;color:var(--muted)}.app-links{display:grid;gap:8px;margin-bottom:20px}.app-link{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 14px;border:1px solid var(--line);color:inherit;text-decoration:none;background:#fff}.app-link:hover{border-color:var(--copper)}.app-link span{color:var(--muted);font-size:13px}@media (max-width: 820px){.page{grid-template-columns:1fr}.panel{border-right:0;border-bottom:1px solid var(--line);padding:28px}.lede{margin-top:24px}.lede h1{font-size:32px}}