*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;color:#172033;background:#f7f9fb}body{margin:0}header{height:84px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6.2vw}header .logo img{width:290px;max-height:54px;object-fit:contain;object-position:left center}.back{display:flex;gap:10px;text-decoration:none;color:#0873c7;font-size:20px;align-items:center}.back span{display:flex;flex-direction:column}.back small{font-size:12px;color:#657387;font-weight:400;margin-top:4px}.hero{height:300px;background:linear-gradient(90deg,rgba(3,19,32,.88),rgba(3,27,45,.63)),url('img/hero.jpg') center 42%/cover;color:#fff;padding:64px 5.8vw}.hero h1{font-size:62px;line-height:1;margin:0 0 18px;letter-spacing:-2px}.hero p{font-size:27px;line-height:1.25;margin:0}.cards{width:92%;max-width:1420px;margin:-50px auto 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative}.card{min-height:570px;border:1px solid #e2e7ed;border-radius:14px;padding:32px 28px 24px;box-shadow:0 8px 24px rgba(22,45,66,.08);background:linear-gradient(145deg,#fff,#f4f9fd)}.monitor{background:linear-gradient(145deg,#fff,#f2fbf4)}.support{background:linear-gradient(145deg,#fff,#f8f2fc)}.head{display:flex;gap:22px;align-items:flex-start;min-height:110px}.icon{font-size:52px;line-height:1;color:#0b80d5}.monitor .icon{color:#1cab42}.support .icon{color:#7728b9}.head h2{font-size:26px;margin:2px 0 8px}.portal h2{color:#0872c8}.head p{font-size:17px;color:#526176;line-height:1.45;margin:0}form{display:grid;gap:14px}label{height:58px;border:1px solid #d9e1e9;border-radius:9px;background:#fff;display:flex;align-items:center;padding:0 16px;gap:14px;color:#68778a}label input{width:100%;border:0;outline:0;font-size:17px;background:transparent}button,.supportbtn{height:58px;border:0;border-radius:8px;color:#fff;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;background:#087bd5}.monitor button{background:#18a63e}.supportbtn{background:#7029b9;margin-top:0}.info{margin-top:26px;border-top:1px solid #dfe7ed;padding:24px 18px 18px;background:#eaf5fd;border-radius:0 0 9px 9px;font-size:15px;line-height:1.45}.monitor .info{background:#eaf8ed}.support .info{background:#f1e9fa}.info p{margin:7px 0 0;color:#526176}.support ol{list-style:none;padding:22px 4px 5px;margin:0;display:grid;gap:18px}.support li{display:flex;gap:16px;align-items:center;color:#45536a;line-height:1.4}.support i{font-style:normal;flex:0 0 42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eadffc;color:#7029b9;font-size:20px;font-weight:700}footer{min-height:80px;background:#fff;border-top:1px solid #e0e6ec;padding:20px 5.8vw;display:flex;align-items:center;justify-content:space-between;color:#657286;font-size:13px}.footbrand{display:flex;align-items:center;gap:20px}.footbrand img{width:180px;max-height:35px;object-fit:contain;object-position:left}footer a{color:#526176;text-decoration:none;margin-left:30px}@media(max-width:900px){header{padding:0 20px}header .logo img{width:230px}.hero{height:260px;padding:48px 24px}.hero h1{font-size:44px}.hero p{font-size:20px}.cards{grid-template-columns:1fr;margin-top:-40px;width:94%;gap:18px}.card{min-height:auto}.head{min-height:auto;margin-bottom:24px}footer{flex-direction:column;gap:16px;text-align:center}.footbrand{flex-direction:column;gap:8px}}