:root{--ink:#102a28;--paper:#fbfaf5;--accent:#d76a47;--line:#d8ded8}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:16px/1.55 Arial,sans-serif}main{max-width:1100px;margin:auto;padding:28px}nav{justify-content:space-between;align-items:center;display:flex}a{color:inherit}.hero{max-width:740px;padding:110px 0 80px}.hero h1{letter-spacing:-.05em;margin:12px 0 24px;font:700 clamp(3rem,8vw,6rem)/.96 Georgia,serif}.hero p{max-width:620px;font-size:1.2rem}.eyebrow{letter-spacing:.13em;font-size:.75rem;font-weight:700}.button,button{background:var(--ink);color:#fff;border:0;border-radius:99px;padding:13px 20px;font-weight:700;text-decoration:none;display:inline-block}.text{margin-left:22px}.cards{grid-template-columns:repeat(3,1fr);gap:16px;padding:40px 0;display:grid}article{border:1px solid var(--line);background:#fff;border-radius:16px;padding:24px}footer{color:#556;padding:50px 0}.login,.workspace{max-width:620px;padding-top:100px}.login form{gap:16px;margin:28px 0;display:grid}.login label{gap:7px;font-weight:700;display:grid}input{border:1px solid var(--line);font:inherit;border-radius:8px;padding:13px}@media (max-width:650px){.cards{grid-template-columns:1fr}.hero{padding-top:70px}}