*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:#102849;background:#fff}
body{background:linear-gradient(180deg,#fff,#fbfdff)}
.portal{width:min(1220px,calc(100% - 40px));margin:0 auto;padding:14px 0 10px}
.top{height:54px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.title{display:flex;align-items:center;gap:10px}.title h1{font-size:22px;margin:0;letter-spacing:.2px}.title b{display:block;width:52px;height:2px;background:#0968cd;margin-top:7px}
.mark{display:grid;grid-template-columns:repeat(2,10px);gap:3px}.mark i{width:10px;height:10px;background:#0968cd;border-radius:2px}
.motto{font-size:10px;letter-spacing:1.6px}.motto span{padding-bottom:6px;border-bottom:2px solid #19943a}
.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}
.brand-card{height:104px;border:1px solid;border-radius:13px;background:#fff;display:grid;grid-template-columns:165px 1fr 40px;align-items:center;gap:12px;padding:12px 22px;text-decoration:none;color:#102849;box-shadow:0 5px 16px rgba(20,45,80,.045)}
.brand-card.blue{border-color:#1771e1}.brand-card.green{border-color:#3ca74b}.brand-card img{max-width:145px;max-height:68px;object-fit:contain;justify-self:center}.brand-text h2{font-size:18px;margin:0 0 5px}.brand-text p{font-size:14px;margin:0;line-height:1.2}.go{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eff5fb;color:#0866cc;font-size:29px}.green .go,.parva .go{background:#eef8ef;color:#078b20}
.family{position:relative;margin-top:25px;border:1px solid #ced9e5;border-radius:13px;padding:16px 18px 12px}.family.parva{border-color:#bddcc1}
.family-title{position:absolute;left:18px;top:-18px;background:#fff;padding:0 8px;color:#0866cc;font-size:18px;font-weight:800;display:flex;align-items:center;gap:7px}.family-title i{display:block;width:125px;height:1px;background:#a9c8ed}.parva .family-title{color:#078b20}.parva .family-title i{background:#a8d3ad}
.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.module-card{height:88px;border:1px solid #d5dee9;border-radius:12px;background:#fff;display:grid;grid-template-columns:1fr 40px;align-items:center;gap:13px;padding:10px 20px;text-decoration:none;color:#102849;box-shadow:0 4px 13px rgba(20,45,80,.04)}
.icon{width:64px;height:64px;border-radius:14px;display:grid;place-items:center}.blue-icon{background:#eaf3fd;color:#0966ca}.green-icon{background:#eef8ef;color:#078c20}.icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.module-card strong{font-size:18px;color:#0866cc;border-bottom:2px solid #0866cc;padding-bottom:3px}.parva .module-card strong{color:#078b20;border-color:#078b20}.module-card h2{font-size:16px;margin:6px 0 3px}.module-card p{font-size:12px;color:#405876;margin:0}
footer{height:36px;margin-top:12px;border-top:1px solid #bcc9d7;display:flex;align-items:flex-end;justify-content:center;gap:12px;font-size:10px}footer a{color:#526987;text-decoration:none}footer b{color:#078b20}
.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%,20px);background:#12213d;color:#fff;padding:10px 15px;border-radius:9px;font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.disabled{cursor:pointer}
@media(max-height:760px) and (min-width:901px){.portal{transform:scale(.91);transform-origin:top center;width:min(1320px,calc(100% - 20px))}.top{margin-bottom:8px}.family{margin-top:20px}}
@media(max-width:900px){.portal{width:calc(100% - 28px)}.brand-grid,.module-grid{grid-template-columns:1fr}.brand-card{grid-template-columns:140px 1fr 38px}.motto{display:none}.family-title i{width:70px}}
@media(max-width:560px){.brand-card{grid-template-columns:1fr 36px;height:auto;min-height:82px}.brand-card img,.icon{display:none}.module-card{grid-template-columns:1fr 36px;height:auto;min-height:75px}.title h1{font-size:17px}.portal{width:calc(100% - 18px)}}