body{background:#f3f7fc!important;color:#102033!important;font-family:Arial,Helvetica,sans-serif!important}

.top{background:#fff!important;border-bottom:1px solid #e6edf7!important;box-shadow:0 3px 16px rgba(16,32,51,.04)!important;position:sticky!important;top:0!important;z-index:99!important}

.topin{max-width:1200px!important;height:66px!important;min-height:66px!important;margin:auto!important;padding:0 20px!important;display:flex!important;align-items:center!important;gap:22px!important}

.logo{width:150px!important;min-width:150px!important;height:66px!important;display:flex!important;align-items:center!important}

.logo img{max-width:145px!important;max-height:42px!important;object-fit:contain!important;background:transparent!important}

.nav{display:flex!important;align-items:center!important;gap:22px!important;flex:1!important;flex-wrap:nowrap!important}

.nav a{font-size:15px!important;line-height:66px!important;color:#172033!important;font-weight:800!important;white-space:nowrap!important}

.dd{height:66px!important;display:flex!important;align-items:center!important;position:relative!important}

.dd>a{line-height:66px!important}

.ddm{top:58px!important;left:50%!important;transform:translateX(-50%)!important;min-width:310px!important;border-radius:14px!important;padding:9px 0!important;box-shadow:0 18px 38px rgba(10,31,68,.16)!important;background:#fff!important;border:1px solid #e5edf8!important;position:absolute!important;display:none!important;z-index:999!important}

.dd:hover .ddm{display:block!important}

.ddm a{display:block!important;line-height:1.35!important;font-size:14px!important;padding:11px 20px!important}

.search{width:220px!important;min-width:220px!important;height:38px!important;margin-left:auto!important;border-radius:22px!important;overflow:hidden!important;border:1px solid #d8e2f0!important;display:flex!important}

.search input{width:140px!important;min-width:0!important;border:0!important;padding:0 14px!important;font-size:14px!important}

.search button{width:80px!important;min-width:80px!important;border:0!important;background:#174ea6!important;color:#fff!important;font-size:13px!important;font-weight:800!important}

.hero{padding:58px 0 98px!important;background:linear-gradient(135deg,#0b3973 0%,#174ea6 58%,#087d86 100%)!important;color:#fff!important}

.hero h1{font-size:42px!important;line-height:1.22!important;max-width:880px!important}

.hero p{max-width:880px!important}

.topics{position:relative!important;z-index:5!important;margin-top:-58px!important;padding:0 0 36px!important;background:transparent!important}

.topicgrid{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:12px!important}

.topic{min-height:78px!important;padding:15px 14px!important;border-radius:15px!important;background:#fff!important;border:1px solid #e4ebf7!important;box-shadow:0 12px 28px rgba(20,50,90,.08)!important;cursor:pointer!important;text-align:left!important}

.topic:hover,.topic.active{border-color:#174ea6!important;transform:translateY(-2px)!important;box-shadow:0 18px 34px rgba(23,78,166,.14)!important}

.topic strong{font-size:14px!important;line-height:1.25!important;color:#102033!important;display:block!important}

.topic small{font-size:12px!important;color:#66758c!important;margin-top:8px!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

.note{margin-top:24px!important;border-radius:14px!important;background:#eef8ff!important;border:1px solid #cfe0f4!important}

.searchbar{margin-top:22px!important;max-width:100%!important}

.grid{gap:20px!important}

.card{border-radius:18px!important;box-shadow:0 10px 26px rgba(20,50,90,.06)!important}

.card:hover{border-color:#174ea6!important;box-shadow:0 18px 36px rgba(23,78,166,.14)!important;transform:translateY(-2px)!important}

.cta{width:100%!important;margin-top:48px!important;background:linear-gradient(135deg,#0c6394 0%,#087c86 100%)!important}

.ctain{max-width:1200px!important;padding:34px 20px!important}

.ctain span{display:block!important;color:#d7f5ff!important;margin-bottom:8px!important;font-size:14px!important;font-weight:700!important}

.ctain h2{max-width:820px!important;font-size:23px!important;line-height:1.45!important}

.foot{background:#081f49!important;padding:52px 0 0!important}

.footgrid{max-width:1200px!important;grid-template-columns:1.7fr 1fr 1.45fr 1.45fr!important;gap:44px!important;align-items:start!important}

.foot img{max-width:180px!important;max-height:62px!important;object-fit:contain!important;background:transparent!important}

.foot p{font-size:15px!important;line-height:1.85!important;color:#c6d7f3!important}

.foot h3{font-size:19px!important;margin-bottom:18px!important}

.foot a{font-size:15px!important;line-height:1.55!important}

.copy{margin-top:38px!important;padding:19px 0!important}

@media(max-width:1180px){.nav{gap:15px!important}.nav a{font-size:14px!important}.search{width:185px!important;min-width:185px!important}.topicgrid{grid-template-columns:repeat(4,1fr)!important}}

@media(max-width:900px){.topin{height:auto!important;flex-direction:column!important;align-items:flex-start!important;padding:14px 20px!important}.nav{flex-wrap:wrap!important}.nav a,.dd>a{line-height:1.3!important}.dd{height:auto!important}.ddm,.search{display:none!important}.topicgrid,.footgrid{grid-template-columns:1fr 1fr!important}}

@media(max-width:640px){.topicgrid,.footgrid{grid-template-columns:1fr!important}.hero h1{font-size:32px!important}}