:root{--bg:#c5dfe7;--panel:rgba(244,250,251,.92);--panel-strong:rgba(234,245,247,.96);--line:rgba(60,100,113,.24);--text:#29424a;--muted:#4d6a73;--accent:#6c8d96;--accent-strong:#48656f}*,:after,:before{box-sizing:border-box}html{background:#d5e8ed}body{background:linear-gradient(#d5e8ede0,#d5e8ede6),url(../images/background35.png);background-attachment:fixed;color:var(--text);font-family:Armata,sans-serif;margin:0}a{color:var(--accent-strong);text-decoration:none;transition:color .15s}a:hover{color:var(--text);text-decoration:underline}a:focus-visible{border-radius:3px;outline:2px solid var(--accent);outline-offset:3px}img{display:block;max-width:100%}.site-shell{margin:24px auto 40px;width:min(1120px,calc(100% - 32px))}.site-shell__header{background:linear-gradient(#f0f6f7c7,#f0f6f7c7),url(../images/header-bg.png) top /cover;border:1px solid var(--line);border-radius:28px 28px 0 0;padding:28px 32px}.brand{align-items:center;display:flex;gap:22px}.brand,.brand:hover{text-decoration:none}.brand__logo{width:140px}.brand__logo-tree{height:120px;margin-left:auto;-o-object-fit:contain;object-fit:contain;width:120px}.brand__text{display:grid;gap:6px}.brand__name{font-family:Glass Antiqua,cursive;font-size:clamp(2rem,4vw,3.6rem);line-height:1}.brand__tagline{color:var(--muted);font-size:.85rem;letter-spacing:.05em;text-transform:uppercase}.site-shell__layout{background:#c5dfe7f0;border:1px solid var(--line);border-top:0;display:grid;gap:24px;grid-template-columns:260px minmax(0,1fr);padding:24px}.site-shell__sidebar{align-content:start;display:grid;gap:18px}.content-card,.hero,.sidebar-card,.site-nav{background:var(--panel);border:1px solid var(--line);box-shadow:0 14px 30px #3b606d14}.site-nav{padding:14px}.site-nav__link{border-bottom:1px solid rgba(72,101,111,.12);border-radius:8px;color:var(--text);display:flex;gap:10px;padding:10px 12px;transition:background .15s,box-shadow .15s}.site-nav__link:last-child{border-bottom:0}.site-nav__link:hover{background:#6c8d961a;color:var(--text);text-decoration:none}.site-nav__link--active{background:#6c8d962e;box-shadow:inset 3px 0 0 var(--accent-strong);font-weight:700}.site-nav__bullet{color:var(--accent);transition:transform .15s}.site-nav__link--active .site-nav__bullet,.site-nav__link:hover .site-nav__bullet{transform:translate(2px)}.sidebar-card{padding:16px}.sidebar-card h2{color:var(--muted);font-size:.95rem;letter-spacing:.06em;margin:0 0 10px;text-transform:uppercase}.sidebar-card a{display:block;margin-top:8px;transition:color .15s}.site-shell__content{display:grid;gap:20px}.hero{align-items:start;background:linear-gradient(135deg,var(--panel-strong),hsla(0,0%,94%,.92));display:grid;gap:24px;grid-template-columns:1fr;padding:24px}.hero--home{grid-template-columns:minmax(0,1.1fr) 380px}.hero__headline{grid-column:1/-1}.hero__copy{max-width:60ch}.eyebrow{color:var(--muted);font-size:.82rem;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.hero h1{font-family:Comfortaa,sans-serif;font-size:clamp(2rem,4vw,3rem);line-height:1.08;margin:0}.hero__subtitle{color:var(--accent-strong);font-size:1.1rem;margin:16px 0 0}.hero__intro{margin-top:14px}.hero__image{border-radius:18px;min-height:260px;-o-object-fit:cover;object-fit:cover;width:100%}.content-card{padding:24px}.content-card h2{border-bottom:1px solid var(--line);font-family:Comfortaa,sans-serif;font-size:1.25rem;margin:0 0 14px;padding-bottom:10px}.content-card li,.content-card p{line-height:1.7}.content-card ul{margin:16px 0 0;padding-left:20px}.site-footer{align-items:center;background:#eff7f8e6;border:1px solid var(--line);border-radius:0 0 28px 28px;border-top:0;display:flex;gap:18px;padding:18px 24px 26px}.site-footer p{margin:0}.site-footer a,.site-footer p{color:var(--muted)}.site-footer a:hover{color:var(--text)}.site-footer__mark{width:92px}@media(max-width:1000px){.hero,.hero--home{grid-template-columns:1fr}}@media(max-width:900px){.hero,.hero--home,.site-shell__layout{grid-template-columns:1fr}.brand{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.site-shell{margin-top:12px;width:min(100% - 20px,1120px)}.site-footer,.site-shell__header,.site-shell__layout{padding-left:16px;padding-right:16px}.site-shell__layout{gap:16px;padding-bottom:16px;padding-top:16px}.content-card,.hero{padding:18px}.brand__logo{width:112px}}
