*{box-sizing:border-box}body{margin:0;background:#f3f4f5;color:#24282b;font:16px 'Segoe UI',Arial,sans-serif}header{background:#080808;color:white;display:flex;align-items:center;gap:25px;padding:23px 35px}header strong{letter-spacing:2px;margin-right:auto}header a{color:#eee}header form{margin:0}main{max-width:1100px;margin:55px auto;padding:0 25px}h1{font-size:32px}h2{font-size:21px}.eyebrow{font-size:12px;letter-spacing:2px;color:#656c72}p{line-height:1.6;color:#60686f}a{color:#303c46}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:30px}.card{background:#fff;border:1px solid #dce0e3;border-radius:12px;padding:30px;margin:20px 0}.narrow{max-width:520px;margin:50px auto}input,select{display:block;width:100%;padding:12px;font:inherit;border:1px solid #c8ced3;border-radius:5px;margin-top:8px}label{font-weight:600}.primary,button{display:inline-block;padding:11px 18px;border-radius:5px;border:1px solid #bac2c8;background:#24292d;color:white;font:inherit;text-decoration:none;cursor:pointer}.muted,.helptext{font-size:13px;color:#69727a}.errorlist{color:#a52626}.member{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #eee;padding:12px 0}input:focus,select:focus{outline:2px solid #6b7783}@media(max-width:700px){header{flex-wrap:wrap;padding:20px}main{margin:25px auto}.card{padding:22px}}