*{box-sizing:border-box}body{margin:0;background:#f4f1eb;color:#2c211b;font-family:Arial,sans-serif}.shell{max-width:980px;margin:auto;padding:24px}.panel{background:#fff;border:1px solid #e4ddd4;border-radius:14px;padding:24px;box-shadow:0 4px 20px #3322110b}.brand{font-size:13px;letter-spacing:3px;font-weight:800;color:#79583e}h1{font-size:28px}h2{font-size:22px}.muted,p{color:#6b625b}label{display:block;margin:12px 0 6px}input{width:100%;padding:12px;border:1px solid #cfc5ba;border-radius:8px;font-size:16px;margin:5px 0 10px}button{background:#4a3426;color:#fff;border:0;border-radius:8px;padding:11px 15px;font-size:14px;cursor:pointer}button:disabled{opacity:.5}article.panel{box-shadow:none}