:root{--moss-100:#e7eadc;--moss-500:#918a53;--moss-900:#282309;--brown-100:#f2ece7;--brown-900:#30281b;--surface:var(--brown-100);--surface-alt:var(--moss-100);--ink:var(--moss-900);--ink-soft:var(--brown-900);--accent:var(--moss-500);--display:var(--font-comfortaa);--body:"Museo Sans Cyrl", "Museo Sans", system-ui, sans-serif}body{background:var(--surface);min-height:100svh;color:var(--ink-soft);font:400 16px/1.6 var(--body);text-align:center;flex-direction:column;margin:0;display:flex}main{box-sizing:border-box;flex:1;width:100%;max-width:440px;margin:0 auto;padding:32px 20px 8px}.logo{margin-bottom:24px;display:inline-block}.logo img{width:216px;height:auto;display:block}h1{font:700 28px/1.2 var(--display);color:var(--ink);margin:0 0 16px}p{margin:0 0 24px}ul{gap:12px;margin:0 0 28px;padding:0;list-style:none;display:grid}.btn{border:1.5px solid var(--accent);background:var(--surface-alt);color:var(--ink);font:700 17px/1.3 var(--display);border-radius:999px;padding:15px 20px;text-decoration:none;transition:background .15s,color .15s;display:block}.btn:hover,.btn:active{background:var(--ink);border-color:var(--ink);color:var(--surface)}a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.follow{border-top:1px solid var(--accent);margin:0 0 28px;padding-top:28px}.follow h2{font:700 19px/1.3 var(--display);color:var(--ink);margin:0 0 8px}.follow p{margin-bottom:16px}.follow__links{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.btn--social{background:0 0;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;font-size:14px;display:flex}.btn--social span{width:24px;height:24px;color:var(--accent);display:inline-flex}.btn--social:hover span,.btn--social:active span{color:inherit}.btn--social svg{width:100%;height:100%}.follow .follow__meta{margin:10px 0 0;font-size:12px;line-height:1.4}.sign{font:700 24px/1.2 var(--display);color:var(--accent)}.note{margin-bottom:12px;font-size:14px}.note a{color:var(--ink)}.art{pointer-events:none;height:150px;position:relative;overflow:hidden}.art img{width:auto;height:100%;position:absolute;bottom:0}.art__forest{left:0;transform:scaleX(-1)}.art__sky{right:0}@media (width>=768px){main{padding-top:56px}h1{font-size:32px}.art{height:200px}}@media (width>=1100px){.art{height:280px;margin-top:-200px}}
