:root{--bg:#f5f6f8;--surface:#ffffff;--muted:#6b7280;--text:#18181b;--border:#d9dde3;--accent:#111827;--accent-soft:#eef2f7;--max:1100px;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:"Inter","Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.7}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.container{max-width:var(--max);margin:0 auto;padding:0 24px}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.site-header .inner,.site-footer .inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.brand{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.nav{display:flex;flex-wrap:wrap;gap:22px}.nav a{font-size:.96rem;color:#3f4752}.nav a:hover{color:var(--text)}
main section{padding:72px 0;border-bottom:1px solid var(--border)}.hero{background:#fff}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:start}
.eyebrow{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:600}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.15;margin:0 0 14px}h1{font-size:3.2rem}h2{font-size:2rem}h3{font-size:1.25rem}
.lead{font-size:1.22rem;color:#444d58;max-width:760px}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 28px rgba(17,24,39,.05)}
.panel{padding:32px}.card{padding:24px}.muted{color:var(--muted)}.button-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:18px;border:1px solid var(--border);font-weight:600;transition:.18s transform ease,.18s background ease,.18s color ease}
.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.secondary{background:#fff;color:var(--text)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.page-intro{max-width:840px}.feature-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}.profile-grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:start}
.avatar{border-radius:24px;overflow:hidden;border:1px solid var(--border);background:#fff}.list-clean{list-style:none;padding:0;margin:0}.list-clean li{padding:10px 0;border-bottom:1px solid #eceff3}.list-clean li:last-child{border-bottom:none}.links-list{display:grid;gap:18px;grid-template-columns:1fr}
@media (min-width: 900px){.links-list{grid-template-columns:repeat(2,1fr)}}
@media (min-width: 1100px){.links-list{grid-template-columns:repeat(3,1fr)}}.link-card{display:block}.link-card:hover{border-color:#b8c0cc}.site-footer{background:#f0f2f5}.site-footer p{margin:0}.footer-meta{display:grid;gap:8px}.kv{display:grid;gap:14px}.kv div{padding:14px 0;border-bottom:1px solid #eceff3}.kv div:last-child{border-bottom:none}.note{font-size:.95rem;color:var(--muted)}.page-title{max-width:900px}
@media (max-width:920px){.hero-grid,.feature-grid,.profile-grid,.grid-3,.grid-2{grid-template-columns:1fr}h1{font-size:2.4rem}h2{font-size:1.7rem}.site-header .inner,.site-footer .inner{flex-direction:column;align-items:flex-start;padding:16px 0}}