/* login page-specific CSS (from Claude Design) */
.auth{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}
.auth .left{background:linear-gradient(135deg,#1f7a36,#155026);color:var(--cream);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:60px}
.auth .left .dots{position:absolute;inset:0;opacity:.5}
.auth .left .c{position:relative;z-index:2}
.auth .left img{width:90px;margin-bottom:24px}
.auth .left h2{font-size:2.4rem;line-height:1.1}
.auth .left h2 em{font-style:italic;font-weight:400;color:var(--green-bright)}
.auth .left p{color:rgba(246,241,231,.8);margin-top:14px;max-width:360px}
.auth .right{display:flex;align-items:center;justify-content:center;padding:40px}
.auth .formwrap{width:100%;max-width:380px}
.rolepick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.rolepick label{border:1.5px solid var(--line);border-radius:12px;padding:12px;text-align:center;cursor:pointer;font-size:.84rem;font-weight:600;color:var(--brown-soft);transition:.2s}
.rolepick input{display:none}
.rolepick input:checked+label,.rolepick label:hover{border-color:var(--green);color:var(--green);background:rgba(39,150,60,.06)}
@media(max-width:860px){.auth{grid-template-columns:1fr}.auth .left{display:none}}