:root{--font-serif:"Source Serif 4 Variable",serif;--color-emerald:#10B981;--color-emerald-dark:#059669;--color-tan:#FDF8F3;--color-tan-dark:#FAF5ED;--color-gray:#2A2823;--color-gray-light:#5E5A52}*{box-sizing:border-box}html{font-size:18px;line-height:1.6;background:var(--color-tan);-webkit-font-smoothing:antialiased}#app,body,html{height:100%}body{font-family:var(--font-serif);font-size:18px;line-height:1.6;margin:0;color:var(--color-gray);background:var(--color-tan);@media (max-width:1024px){font-size:16px}}img{max-width:100%;height:auto;display:block}h1{margin:0;font-size:72px;line-height:1.1;font-weight:700;letter-spacing:-.02em;@media (max-width:1024px){font-size:56px}@media (max-width:768px){font-size:48px}@media (max-width:400px){font-size:40px}}p{margin:24px 0;@media (max-width:1024px){margin:calc(var(--base) * .75) 0}}a{color:currentColor;&:focus{opacity:.8;outline:none}&:active{opacity:.7;outline:none}}svg{vertical-align:middle}.home{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;padding:60px 40px;max-width:1200px;margin:0 auto;@media (max-width:768px){padding-left:24px;padding-bottom:40px;padding-right:24px;padding-top:40px}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;text-align:center;width:100%}.logo{margin-bottom:32px;.brand{font-family:var(--font-serif);color:var(--color-gray);margin-bottom:8px}.tagline{font-size:18px;color:var(--color-gray-light);font-weight:400;margin:0;text-transform:uppercase;letter-spacing:.1em;font-size:14px;@media (max-width:768px){font-size:12px}}}.description{max-width:600px;margin:0 auto 48px;p{font-size:20px;line-height:1.7;color:var(--color-gray-light);margin:0;@media (max-width:768px){font-size:18px}}}.links{display:flex;align-items:center;gap:16px;.btn{text-decoration:none;padding:14px 32px;border-radius:6px;font-size:16px;font-weight:500;transition:all .2s ease;display:inline-block;&.btn-primary{background:var(--color-emerald);color:white;border:2px solid var(--color-emerald);&:hover{background:var(--color-emerald-dark);border-color:var(--color-emerald-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.3)}&:active{transform:translateY(0)}}}}.footer{width:100%;text-align:center;padding-top:40px;border-top:1px solid rgba(42,40,35,.1);p{margin:0;font-size:14px;color:var(--color-gray-light)}}}