:root{--bg:#f4f7f2;--surface:#fff;--surface-muted:#f6f8f5;--surface-blue:#eef5ff;--surface-glass:#ffffffc7;--text:#14201a;--text-muted:#63736a;--border:#dce7df;--border-strong:#bfd2de;--primary:#4f9f58;--primary-dark:#347741;--secondary:#386fae;--secondary-dark:#28558b;--accent:#8a5ca8;--accent-bg:#f5eef9;--accent-border:#d8bee6;--warning:#f0cc4d;--danger:#e45a4f;--text-h:#14201a;--social-bg:#f6f8f5;--shadow:0 16px 36px #11231c1a;--shadow-soft:0 10px 26px #11231c0f;--shadow-lift:0 18px 44px #11231c1f;--focus-ring:0 0 0 4px #386fae2e;--page-max-width:1920px;--page-padding:32px;--page-padding-mobile:16px;--page-narrow-width:980px;--page-text-width:760px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;max-width:100%;min-height:100%;overflow-x:hidden}html{background:var(--bg);scroll-behavior:smooth}body{min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:linear-gradient(135deg,#386fae14 0%,#386fae00 32%),linear-gradient(315deg,#4f9f5817 0%,#4f9f5800 34%),linear-gradient(#f4f7f2 0%,#fbfcfa 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif}::selection{color:var(--text);background:#386fae38}img{max-width:100%}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:disabled,[aria-disabled=true]{cursor:not-allowed;opacity:.62}button:focus-visible{outline:2px solid var(--secondary);outline-offset:3px;box-shadow:var(--focus-ring)}a:focus-visible{outline:2px solid var(--secondary);outline-offset:3px;box-shadow:var(--focus-ring)}input:focus-visible{outline:2px solid var(--secondary);outline-offset:3px;box-shadow:var(--focus-ring)}select:focus-visible{outline:2px solid var(--secondary);outline-offset:3px;box-shadow:var(--focus-ring)}textarea:focus-visible{outline:2px solid var(--secondary);outline-offset:3px;box-shadow:var(--focus-ring)}input,select,textarea{background:var(--surface);color:var(--text);border-color:var(--border);transition:border-color .18s,box-shadow .18s,background .18s}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--secondary)}.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:10px;min-height:44px;padding:12px 18px;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;box-shadow:0 12px 24px #386fae2e}.btn-outline{background:var(--surface);border:1px solid var(--border-strong);color:var(--text);box-shadow:0 8px 18px #11231c0a}.btn:not(:disabled):hover,.ui-interactive:hover,.main-nav-action:hover{transform:translateY(-1px)}.btn-primary:not(:disabled):hover{filter:saturate(1.08)brightness(1.01);box-shadow:var(--shadow-lift)}.btn-outline:not(:disabled):hover{background:var(--surface-blue);border-color:var(--secondary)}h1,h2,h3{color:var(--text)}.grid{gap:24px;display:grid}.main-nav-link{color:var(--text);letter-spacing:0;align-items:center;gap:8px;padding:10px 0;font-size:14px;font-weight:800;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex;position:relative}.main-nav-link:after{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));opacity:0;border-radius:999px;height:2px;transition:opacity .2s,transform .2s;position:absolute;bottom:4px;left:0;right:0;transform:scaleX(.4)}.main-nav-link:hover,.main-nav-link.is-active{color:var(--secondary-dark)}.main-nav-link:hover:after,.main-nav-link.is-active:after{opacity:1;transform:scaleX(1)}.main-nav-action{transition:color .2s,border-color .2s,background-color .2s,transform .2s,box-shadow .2s}.main-nav-action:hover{color:var(--secondary)!important;border-color:var(--border-strong)!important;background:var(--surface-blue)!important;box-shadow:0 12px 28px #11231c14!important}.public-header{transition:background .24s,box-shadow .24s,border-color .24s}.public-page-shell{animation:.34s both ui-reveal}.public-scroll-progress{background:linear-gradient(90deg, var(--primary), var(--secondary), var(--accent));transform-origin:0;height:3px;transition:width .12s linear}.ui-reveal{animation:.42s both ui-reveal}.ui-interactive{transition:transform .22s,box-shadow .22s,border-color .22s,background .22s}.ui-interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lift)}.role-shell:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(110deg,#4f9f5821,#4f9f5800 42%),linear-gradient(250deg,#386fae21,#386fae00 48%);height:330px;position:absolute;top:0;bottom:auto;left:0;right:0}.role-sidebar,.role-topbar,.role-page-frame{animation:.38s both ui-reveal}.role-topbar{z-index:25;position:sticky;top:18px}.role-page-frame{min-width:0}.role-nav-link:hover{transform:translate(2px);border-color:var(--border-strong)!important;box-shadow:0 10px 24px #11231c12!important}.role-nav-link.is-active{box-shadow:inset 3px 0 0 var(--secondary), 0 10px 24px #386fae14!important}.role-live-dot{background:var(--primary);border-radius:999px;width:8px;height:8px;animation:1.9s ease-out infinite live-pulse;box-shadow:0 0 #4f9f5852}@keyframes ui-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes live-pulse{70%{box-shadow:0 0 0 10px #4f9f5800}to{box-shadow:0 0 #4f9f5800}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:900px){:root{--page-padding:20px}.container,.page-shell{padding-inline:var(--page-padding-mobile)}.role-topbar{top:10px}.main-nav-link{padding:8px 0}}