.page-shell{max-width:1120px;margin:0 auto;padding:110px 20px 70px;position:relative}
.page-shell::before{content:"";position:absolute;inset:58px 0 0;z-index:-2;background:url('/assets/images/effects/tech-grid.svg') center/cover no-repeat;opacity:.28;pointer-events:none}
.page-shell::after{content:"";position:absolute;right:-120px;top:100px;width:460px;height:460px;z-index:-1;background:url('/assets/images/effects/network-glow.svg') center/contain no-repeat;opacity:.28;pointer-events:none}
.page-title{margin:0;color:#073c82;font-size:clamp(2.3rem,5vw,4rem);line-height:1.04;letter-spacing:-.04em}
.page-lead{max-width:860px;margin:14px 0 0;color:#566978;font-size:1.06rem;line-height:1.8}
.system-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:26px;align-items:stretch;margin-top:26px}
.system-copy,.system-visual{border:1px solid rgba(28,122,197,.16);border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 22px 50px rgba(4,65,125,.10);backdrop-filter:blur(10px)}
.system-copy{padding:30px;position:relative;overflow:hidden}
.system-copy::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--sys-accent,#0b72dd),transparent)}
.system-kicker{font-size:.82rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--sys-accent,#0b72dd);margin-bottom:9px}
.system-description{margin:14px 0 0;color:#556777;line-height:1.8}
.system-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.system-actions a{display:inline-flex;align-items:center;justify-content:center;min-width:138px;min-height:44px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,var(--sys-accent,#0b72dd),#0753b9);color:#fff;text-decoration:none;font-weight:900;box-shadow:0 10px 22px color-mix(in srgb,var(--sys-accent,#0b72dd) 26%,transparent)}
.system-actions a.secondary{background:#fff;color:#0b5e9e;border:1px solid rgba(14,105,181,.23);box-shadow:none}
.system-visual{display:flex;align-items:center;justify-content:center;min-height:320px;overflow:hidden;position:relative}
.system-visual img{width:100%;height:100%;object-fit:cover}
.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.info-card{padding:23px;background:rgba(255,255,255,.94);border:1px solid rgba(17,108,192,.16);border-radius:22px;box-shadow:0 18px 35px rgba(5,57,110,.07);position:relative;overflow:hidden}
.info-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--sys-accent,#0b72dd),transparent 80%);opacity:.8}
.info-card h2{margin:0 0 8px;color:#0b4d98;font-size:1.12rem}
.info-card p{margin:0;color:#5e6b78;line-height:1.72}
body[data-page-title*="meegin"]{--sys-accent:#2ebc53}body[data-page-title*="about"]{--sys-accent:#0d78e7}body[data-page-title*="contact"]{--sys-accent:#16a6cf}body[data-page-title*="download"]{--sys-accent:#1767d9}body[data-page-title*="social"]{--sys-accent:#2b8dff}body[data-page-title*="marketplace"]{--sys-accent:#ff9825}body[data-page-title*="service"]{--sys-accent:#944df2}body[data-page-title*="kati"]{--sys-accent:#2ab7ed}body[data-page-title*="solar"]{--sys-accent:#f5ae22}body[data-page-title*="ai"]{--sys-accent:#e52ca9}body[data-page-title*="membership"]{--sys-accent:#2abf56}
@media(max-width:900px){.page-shell{padding:94px 16px 54px}.system-hero{grid-template-columns:1fr}.system-visual{min-height:240px}.info-grid{grid-template-columns:1fr}}
.page-shell .system-copy{max-width:100%;}
.page-shell input:focus{outline:2px solid rgba(11,114,221,.18);border-color:#6eabe0}