:root{--bg:#f5f2ea;--surface:#fffdf8;--surface2:#faf7ef;--ink:#211f1a;--ink2:#5b5a50;--muted:#98968a;--line:#e8e4d6;--border:rgba(33,31,26,.08);--green:#2e5c46;--green-soft:#e3ede5;--gold:#b8933f;--gold-soft:#f3ecdb;--terra:#c26a47;--terra-soft:#f6e7de;--slate:#3f5c78;--slate-soft:#e4ebf1;--plum:#7d5a86;--plum-soft:#efe6f0;--good:#0ca30c;--shadow:0 2px 6px rgba(33,31,26,.04),0 16px 40px rgba(33,31,26,.07);--r:18px}[data-theme=dark]{--bg:#151511;--surface:#1e1e18;--surface2:#232319;--ink:#f0eee4;--ink2:#b9b7a9;--muted:#807e72;--line:#2e2e26;--border:hsla(50,29%,92%,.09);--green:#7fb598;--green-soft:#25332a;--gold:#d3b46a;--gold-soft:#322c1c;--terra:#e0906c;--terra-soft:#372520;--slate:#8fb0cd;--slate-soft:#1f2a34;--plum:#b58fc0;--plum-soft:#2e2431;--shadow:0 2px 6px rgba(0,0,0,.25),0 16px 40px rgba(0,0,0,.35)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Outfit,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh;font-weight:350;transition:background .3s,color .3s}button{cursor:pointer}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}.serif{font-family:Fraunces,Georgia,serif}.login-wrap{display:flex;min-height:100vh}.login-left{flex:1.1 1;background:linear-gradient(160deg,#22443a,#2e5c46 45%,#3c6f56);color:#f3efe2;display:flex;flex-direction:column;justify-content:space-between;padding:48px;position:relative;overflow:hidden}.login-left:after{width:520px;height:520px;background:radial-gradient(circle,hsla(42,59%,63%,.35),transparent 65%);top:-140px;right:-160px}.login-left:after,.login-left:before{content:"";position:absolute;border-radius:50%}.login-left:before{width:400px;height:400px;border:1px solid hsla(46,41%,92%,.2);bottom:-120px;left:-100px}.login-brand{font-family:Fraunces,serif;font-size:30px;font-weight:600;letter-spacing:-.01em;position:relative}.login-brand span{color:#e5c87e}.login-tag{font-family:Fraunces,serif;font-size:clamp(32px,4.2vw,54px);font-weight:340;line-height:1.12;max-width:460px;position:relative}.login-tag em{font-style:italic;color:#e5c87e}.login-foot{font-size:13px;opacity:.65;letter-spacing:.12em;text-transform:uppercase;position:relative}.login-right{flex:1 1;display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:100%;max-width:360px}.login-card h1{font-family:Fraunces,serif;font-size:28px;font-weight:500;margin-bottom:6px}.login-card>p{color:var(--ink2);font-size:15px;margin-bottom:28px}.field{margin-bottom:16px}.field label{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.field input{width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:border .2s,box-shadow .2s}.field input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.msg{font-size:13.5px;padding:11px 14px;border-radius:11px;margin-bottom:14px;line-height:1.5}.msg.err{background:#f6e0de;color:#8f3229}.msg.ok{background:var(--green-soft);color:var(--green)}[data-theme=dark] .msg.err{background:#3a2422;color:#e8a49d}.linkbtn{background:none;border:none;padding:0;color:var(--green);font-size:13.5px;text-decoration:underline;margin-top:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:12px;border:none;background:var(--green);color:#f7f4ea;font-weight:500;letter-spacing:.02em;transition:transform .15s,box-shadow .2s,background .2s;text-decoration:none}[data-theme=dark] .btn{color:#12140f}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(46,92,70,.35)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn.block{width:100%;margin-top:10px;padding:14px}.btn.ghost{background:transparent;color:var(--ink2);border:1px solid var(--line);box-shadow:none}.btn.ghost:hover{background:var(--surface2);transform:none}.btn.small{padding:8px 14px;font-size:13.5px;border-radius:10px}.login-note{font-size:12.5px;color:var(--muted);margin-top:20px;line-height:1.55}@media (max-width:820px){.login-wrap{flex-direction:column}.login-left{min-height:230px}.login-left,.login-right{padding:34px 26px}}