:root { --forest:#1f5130; --orange:#e07c31; --line:#d9d2c4; --white:#fff; --muted:#526257; }
*{box-sizing:border-box} body{margin:0;background:linear-gradient(180deg,#f9f6f0 0%,#f2ecdf 100%);font-family:"Segoe UI","Trebuchet MS",Arial,sans-serif}
.wrap{min-height:calc(100vh - 140px);display:grid;place-items:center;padding:1rem}
.panel{width:min(100%,520px);background:var(--white);border:1px solid var(--line);border-radius:12px;padding:1rem;border-top:8px solid var(--orange)}
.tabs{display:flex;gap:.5rem;margin-bottom:.8rem}
.tab-btn{flex:1;background:#f4efe5;border:1px solid #d5cbba;border-radius:10px;padding:.55rem .7rem;font-weight:700;cursor:pointer;color:#2f352f}
.tab-btn.active{background:var(--orange);border-color:#c46620;color:#2f1809}
.login-pane{display:none}
.login-pane.active{display:block}
.input{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.7rem}
input{padding:.6rem .7rem;border:1px solid #c9c0af;border-radius:8px}
button[type="submit"]{background:var(--orange);border:1px solid #c46620;border-radius:10px;padding:.65rem .9rem;font-weight:700;cursor:pointer}
.btn-light{background:#f5f2ea;border:1px solid #d4cab9;color:#4b4d4b;border-radius:10px;padding:.65rem .9rem;font-weight:700;cursor:pointer}
.forgot-box{margin-top:1rem;padding-top:.9rem;border-top:1px dashed #d8d0c0}
.forgot-box h3{margin:.1rem 0 .6rem;font-size:1rem}
.ok{margin-top:.5rem;color:#1f5b31;font-weight:700}
.error{margin-top:.5rem;color:#9f2f2f;font-weight:700}