*{box-sizing:border-box}body{margin:0;background:#f5f4ef;color:#172a31;font-family:system-ui,sans-serif;line-height:1.6}header,main,footer{max-width:1200px;margin:auto;padding:24px 32px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cdd4cf}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #c96623;outline-offset:4px}.brand{text-decoration:none;font-weight:900;font-size:24px;letter-spacing:2px}.brand span{color:#166353}nav{display:flex;align-items:center;gap:24px}nav a{text-decoration:none}nav form{margin:0}button,input{font:inherit}.button{display:inline-block;border:0;background:#175b4c;color:white;padding:12px 22px;border-radius:5px;text-decoration:none;cursor:pointer}.hero{padding:70px 0 90px;max-width:850px}h1{font-size:clamp(34px,6vw,72px);line-height:1.12;letter-spacing:-2px;margin:16px 0 24px}h2{font-size:32px;line-height:1.2}h3{font-size:24px;margin:20px 0 10px}.eyebrow,article span{font-size:12px;font-weight:750;letter-spacing:2px;color:#38695e}.intro{font-size:21px;max-width:600px;margin-bottom:32px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}article{border:1px solid #cdd4cf;padding:30px;border-radius:8px;background:#fffef9}article p{color:#526268}.community{background:#deebe3;border-radius:8px;padding:28px 36px;margin:50px 0}.login{max-width:460px;margin:45px auto}.login label{display:block;margin-top:18px}.login input{width:100%;padding:12px;border:1px solid #829b93;border-radius:4px}.login button{margin-top:24px}footer{font-size:13px;border-top:1px solid #cdd4cf;color:#526268}@media(max-width:600px){header,main,footer{padding:20px}.grid{grid-template-columns:1fr}.hero{padding:40px 0}nav{gap:12px}nav a{font-size:14px}.community{padding:24px}}