:root{--pjs-primary:#0759a6;--pjs-primary-dark:#06386f;--pjs-accent:#ff6b18;--pjs-green:#12a85b;--pjs-page:#f4f8fd;--pjs-card:#fff;--pjs-text:#153b63;--pjs-border:#d9e7f5}
body{margin:0;background:linear-gradient(180deg,#f8fbff,#f1f6fc);font-family:Arial,Helvetica,sans-serif;color:var(--pjs-text)}
.mod-head{position:relative;overflow:hidden;background:linear-gradient(135deg,#06386f 0%,#0759a6 60%,#0b73d1 100%);color:#fff;padding:28px 24px 34px;box-shadow:0 10px 28px rgba(6,56,111,.16)}
.mod-head:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-100px;top:-170px;background:rgba(255,255,255,.09)}
.mod-wrap{max-width:1100px;margin:0 auto;padding:22px;box-sizing:border-box}.mod-head .mod-wrap{position:relative;z-index:1}
.mod-back{display:inline-flex;align-items:center;gap:7px;color:#e5f2ff;text-decoration:none;font-size:12px;font-weight:900;padding:7px 10px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.08)}
.mod-title{font-size:32px;font-weight:950;margin:18px 0 6px;letter-spacing:-.6px}.mod-sub{font-size:13px;color:#d8e9fb;max-width:760px;line-height:1.6}
.mod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}
.mod-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f9fcff);border:1px solid var(--pjs-border);border-radius:20px;padding:20px;box-shadow:0 10px 28px rgba(25,65,105,.07);text-decoration:none;color:var(--pjs-text);transition:.2s;min-height:165px}.mod-card:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(180deg,var(--pjs-primary),var(--pjs-accent));opacity:.85}.mod-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(25,65,105,.14);border-color:#a9cdf0}.mod-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#eaf4ff,#fff3ea);font-size:27px;box-shadow:inset 0 0 0 1px #dceaf7}.mod-card h3{margin:12px 0 6px;font-size:16px}.mod-card p{margin:0;color:#718198;font-size:11px;line-height:1.5}.mod-btn{display:inline-flex;margin-top:16px;background:var(--pjs-primary);color:#fff;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:900}.mod-card:hover .mod-btn{background:var(--pjs-accent)}
@media(max-width:900px){.mod-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.mod-grid{grid-template-columns:1fr;gap:13px}.mod-title{font-size:26px}.mod-wrap{padding:16px}.mod-card{min-height:145px}}