*{box-sizing:border-box}body{margin:0;background:#f4f1e8;color:#20352f;font:16px Arial,sans-serif}main{max-width:850px;margin:30px auto;padding:20px}h1{font-size:30px;color:#173d38}.auth{text-align:center;max-width:440px;padding-top:12vh}.symbol{border:1px solid #b99b65;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;margin:auto;font:32px Georgia;color:#b99b65}form,article{background:#fffdf8;border:1px solid #e5dfd2;border-radius:16px;padding:22px;margin:15px 0}input,select{width:100%;padding:14px;margin:7px 0;border:1px solid #d9d3c6;border-radius:9px}button{background:#173d38;color:#fff;border:0;border-radius:10px;padding:13px 18px;margin:5px;font-weight:700}.light{background:#e9e3d6;color:#173d38}header{background:#173d38;color:#fff;padding:18px 5%;display:flex;justify-content:space-between;align-items:center}nav{display:flex;justify-content:center;gap:10px;padding:12px;background:#e8e2d5}.chosen{background:#9c8054}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cards h2{font-size:22px}.line{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding:12px}.error{color:#a22}@media(max-width:600px){main{margin:10px;padding:14px}.cards{grid-template-columns:1fr}nav button{padding:10px}}
