body{background:#f5f7f3;display:grid;place-items:center;min-height:100vh}.login-card{width:min(420px,calc(100vw - 32px));background:#fff;padding:37px;border:1px solid #e4ece5;border-radius:17px;box-shadow:0 9px 38px rgba(20,30,24,.07)}.login-card .brand-symbol{margin-bottom:26px}.login-card h1{font-size:24px;letter-spacing:-.7px;margin:0 0 10px}.login-card p{font-size:12px;color:#8b9891;line-height:1.7;margin:0 0 27px}.login-card label{font-size:11px;font-weight:750}.login-card .input{margin:8px 0 17px}.login-card .btn{width:100%}.error{font-size:12px;color:#b54343;margin:12px 0 0;min-height:16px}.foot{font-size:11px;color:#94a099;margin-top:25px;text-align:center}
*{box-sizing:border-box}body{font-family:system-ui,sans-serif;color:#243c30}.input{display:block;width:100%;padding:12px;border:1px solid #cbd8cd;border-radius:8px}.btn{padding:12px;border:0;border-radius:8px;background:#143f31;color:white;cursor:pointer}.brand-symbol{font-weight:800;font-size:30px;color:#143f31}.input:focus{outline:2px solid #477e57}.btn:disabled{opacity:.6}