:root{--bg:#f6f8f5;--surface:#fff;--surface-muted:#f9fbf7;--surface-blue:#f7fbff;--text:#122118;--text-muted:#5f6f64;--border:#dfe8dc;--border-strong:#c6d6df;--primary:#51aa5f;--primary-dark:#3f8c4b;--secondary:#4872b5;--secondary-dark:#36598d;--accent:#8058a4;--warning:#edd356;--danger:#f16053;--shadow-soft:0 8px 20px #0c22140a;--page-max-width:1920px;--page-padding:32px;--page-padding-mobile:16px;--page-narrow-width:980px;--page-text-width:760px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;max-width:100%;min-height:100%;overflow-x:hidden}body{min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:linear-gradient(#f6f8f5 0%,#fbfcfa 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}img{max-width:100%}button,input,select,textarea{font:inherit}input,select,textarea{background:var(--surface);color:var(--text)}.container{width:min(100%, var(--page-max-width));max-width:var(--page-max-width);padding:0 var(--page-padding);margin:0 auto}.page-shell{width:min(100%, var(--page-max-width));max-width:var(--page-max-width);padding-inline:var(--page-padding);margin:0 auto}.page-shell--narrow{max-width:var(--page-narrow-width)}.page-shell--text{max-width:var(--page-text-width)}.btn{cursor:pointer;border:1px solid #0000;border-radius:16px;padding:12px 18px;font-weight:700}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff}.btn-outline{background:var(--surface);border:1px solid var(--border-strong);color:var(--text)}h1,h2,h3{color:var(--text)}.grid{gap:24px;display:grid}.main-nav-link{color:var(--text);letter-spacing:.3px;align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;transition:color .2s;display:inline-flex}.main-nav-link:hover,.main-nav-link.is-active{color:var(--primary)}.main-nav-action{transition:color .2s,border-color .2s,background-color .2s}.main-nav-action:hover{color:var(--secondary)!important;border-color:var(--border-strong)!important;background:var(--surface-blue)!important}@media (width<=900px){:root{--page-padding:20px}.container,.page-shell{padding-inline:var(--page-padding-mobile)}}