:root{--sys-navy:#052b65;--sys-dark:#031d48;--sys-orange:#ff5a00;--sys-line:#dce5f0;--sys-muted:#5b6d89}.sm-page,.error-page{background:#f8fafc;color:#061d47;font-family:Inter,Arial,sans-serif}.sys-shell{width:min(1500px,calc(100% - 64px));margin:auto}.sys-crumb{display:flex;gap:10px;padding:18px 0;color:#60718b;font-size:14px}.sys-crumb a{color:inherit;text-decoration:none}.sm-hero{min-height:315px;border-radius:16px;background:linear-gradient(115deg,#062d69,#031a43);color:#fff;display:grid;grid-template-columns:42% 58%;align-items:center;padding:42px 62px;overflow:hidden}.sm-hero h1{font-size:48px;margin:0 0 16px}.sm-hero p{max-width:500px;font-size:17px;line-height:1.6}.sm-tree{text-align:center}.sm-tree>b{display:inline-block;background:#fff;color:var(--sys-navy);padding:18px 40px;border-radius:8px;font-size:20px}.sm-tree>span{display:block;width:2px;height:38px;background:#c9d9ef;margin:auto}.sm-tree>div{display:flex;justify-content:center;gap:18px;border-top:2px solid #c9d9ef;padding-top:22px}.sm-tree i{width:70px;height:70px;background:#fff;color:var(--sys-navy);padding:20px;border-radius:9px}.sys-title{font-size:25px;margin:30px 0 18px}.sys-title:after{content:"";display:block;width:42px;height:3px;background:var(--sys-orange);margin-top:8px}.sys-title.centered{text-align:center}.sys-title.centered:after{margin:8px auto}.sm-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--sys-line);border-radius:14px;overflow:hidden;background:#fff}.sm-grid article{padding:28px 38px;min-height:310px;border-right:1px solid var(--sys-line);border-bottom:1px solid var(--sys-line)}.sm-grid article:nth-child(5n){border-right:0}.sm-grid article>span{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#f1f5fb;color:var(--sys-navy);margin:auto}.sm-grid article>span svg{width:34px}.sm-grid h3{text-align:center;margin:14px 0 16px}.sm-grid a{display:block;color:#183866;text-decoration:none;font-size:14px;margin:10px 0}.sm-grid a:hover{color:var(--sys-orange)}.sm-legal{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--sys-line);border-radius:12px;overflow:hidden}.sm-legal a{padding:22px;display:flex;align-items:center;gap:12px;color:var(--sys-navy);text-decoration:none;border-right:1px solid var(--sys-line)}.sm-legal svg{color:var(--sys-orange)}.sys-help{display:flex;align-items:center;gap:20px;padding:24px 35px;margin:28px 0;background:#fff7f2;border:1px solid #ffddca;border-radius:13px}.sys-help>svg{width:52px;height:52px;color:var(--sys-navy)}.sys-help div{margin-right:auto}.sys-help h2,.sys-help p{margin:3px 0}.sys-help a{padding:14px 24px;border:1px solid #9aacc5;border-radius:7px;text-decoration:none;color:var(--sys-navy);font-weight:800}.sys-help a.primary{background:var(--sys-orange);border-color:var(--sys-orange);color:#fff}
.error-page{background:linear-gradient(#f8fbff,#fff)}.error-hero{min-height:470px;display:grid;grid-template-columns:45% 55%;align-items:center;position:relative}.error-hero:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(239,245,252,.2),rgba(255,255,255,.4));pointer-events:none}.error-art,.error-copy{position:relative;z-index:1}.error-art img{width:100%;max-height:430px;object-fit:contain}.error-copy{padding:30px}.error-copy h1{font-size:52px;line-height:1.08;margin:0 0 16px}.error-copy h2{font-size:24px;margin:0 0 15px}.error-copy>p{font-size:19px;line-height:1.55;color:var(--sys-muted);max-width:680px}.error-actions{display:flex;gap:16px;margin-top:30px;flex-wrap:wrap}.error-actions a,.error-actions button{min-height:55px;padding:0 24px;border:1px solid #8297b6;border-radius:7px;background:#fff;color:var(--sys-navy);display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:inherit;font-weight:800;cursor:pointer}.error-actions .primary{background:var(--sys-orange);border-color:var(--sys-orange);color:#fff}.error-actions svg{width:22px}.system-links{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 30px}.system-links a{background:#fff;border:1px solid var(--sys-line);border-radius:12px;padding:20px;display:grid;grid-template-columns:65px 1fr 20px;align-items:center;gap:14px;text-decoration:none;color:var(--sys-navy)}.system-links>a>svg{width:62px;height:62px;padding:14px;background:#f2f6fc;border-radius:50%}.system-links strong,.system-links small{display:block}.system-links small{font-size:12px;color:var(--sys-muted);margin-top:6px}.system-links b{color:var(--sys-orange);font-size:20px}.error-cats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:32px}.error-cats a{background:#fff;border:1px solid var(--sys-line);border-radius:10px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--sys-navy);text-decoration:none}.error-cats svg{width:48px;height:48px;color:var(--sys-orange)}.error-page--500 .error-art img{border-radius:20px}.service-note{max-width:560px;display:flex;gap:18px;background:#f3f6fa;border:1px solid var(--sys-line);padding:18px;border-radius:10px;margin-top:20px}.service-note svg{color:var(--sys-orange);width:34px}.service-note span,.service-note strong{display:block}.service-note strong{margin-bottom:7px}
@media(max-width:1050px){.sm-grid{grid-template-columns:repeat(3,1fr)}.sm-grid article:nth-child(5n){border-right:1px solid var(--sys-line)}.sm-hero,.error-hero{grid-template-columns:1fr}.sm-tree{padding-top:20px}.system-links{grid-template-columns:repeat(2,1fr)}.error-cats{grid-template-columns:repeat(3,1fr)}.error-art img{max-height:330px}.error-copy{text-align:center}.error-copy>p,.service-note{margin-left:auto;margin-right:auto}.error-actions{justify-content:center}}
@media(max-width:650px){.sys-shell{width:calc(100% - 24px)}.sm-hero{padding:28px;grid-template-columns:1fr}.sm-hero h1,.error-copy h1{font-size:38px}.sm-tree>div{gap:7px}.sm-tree i{width:47px;height:47px;padding:12px}.sm-grid,.sm-legal,.system-links,.error-cats{grid-template-columns:1fr}.sm-grid article{min-height:auto}.error-hero{padding:20px 0}.error-copy{padding:10px}.error-actions{flex-direction:column}.error-actions a,.error-actions button{justify-content:center}.system-links a{grid-template-columns:54px 1fr 20px}.system-links>a>svg{width:52px;height:52px}.sys-help{align-items:flex-start;flex-direction:column}.sys-help div{margin:0}}
