html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: 'Fira Sans', sans-serif;
}

*:focus {
  outline: 2px dashed #4C42CC;
  outline-offset: 3px;
}

.hdplate {
  box-sizing: border-box;
  background: #ffffff;
  border-bottom: 1px solid #EDF7FF;
  box-shadow: 2px 3px 4px -1px rgba(76, 66, 204, 0.05);
  position: relative;
  z-index: 100;
}

.hdinner {
  box-sizing: border-box;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  min-height: 80px;
}

.brandcell {
  display: flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
  flex-shrink: 0;
}

.logopod {
  width: 44px;
  height: 44px;
  background-color: #ffffff;
  border: 1px solid #EDF7FF;
  box-shadow: 2px 3px 4px -1px rgba(115, 197, 19, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px;
  flex-shrink: 0;
}

.logopod img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  display: block;
}

.brandlabel {
  font-family: 'Fira Sans', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
  color: #1a1a2e;
  letter-spacing: 0;
  background: linear-gradient(135deg, #4C42CC 0%, #73C513 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.menuplate {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.menuplate a {
  font-family: 'Fira Sans', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: #2d2d2d;
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 0px;
  transition: color 0.2s ease-out, background-color 0.25s ease-out;
  white-space: nowrap;
  min-height: 44px;
  display: flex;
  align-items: center;
}

.menuplate a:hover {
  color: #4C42CC;
  background-color: #EDF7FF;
}

.menuplate a[data-active] {
  color: #4C42CC;
  font-weight: 700;
}

.hdaccent {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.hdaccent a {
  font-family: 'Fira Sans', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  background: linear-gradient(135deg, #4C42CC 0%, #73C513 100%);
  padding: 8px 20px;
  border-radius: 10px;
  text-decoration: none;
  min-height: 44px;
  display: flex;
  align-items: center;
  transition: opacity 0.2s ease-out, transform 0.15s ease-out;
  box-shadow: 2px 6px 25px -1px rgba(76, 66, 204, 0.11);
}

.hdaccent a:hover {
  opacity: 0.88;
}

.hdaccent a:active {
  transform: scale(0.97);
}

.ftrplate {
  box-sizing: border-box;
  background: #EDF7FF;
  border-top: 1px solid rgba(76, 66, 204, 0.1);
  padding: 80px 40px 40px;
  position: relative;
  overflow: hidden;
}

.ftrplate::before {
  content: '';
  position: absolute;
  top: -60px;
  right: -60px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(115, 197, 19, 0.08) 0%, rgba(76, 66, 204, 0.06) 100%);
  pointer-events: none;
}

.ftrplate::after {
  content: '';
  position: absolute;
  bottom: -40px;
  left: -40px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(76, 66, 204, 0.06) 0%, rgba(115, 197, 19, 0.05) 100%);
  pointer-events: none;
}

.ftrdeck {
  box-sizing: border-box;
  max-width: 1500px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  position: relative;
  z-index: 1;
}

.ftrbrand {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ftrbrandrow {
  display: flex;
  align-items: center;
  gap: 16px;
}

.ftrlogopod {
  width: 44px;
  height: 44px;
  background-color: #ffffff;
  border: 1px solid rgba(76, 66, 204, 0.15);
  box-shadow: 2px 3px 4px -1px rgba(115, 197, 19, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px;
  flex-shrink: 0;
}

.ftrlogopod img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  display: block;
}

.ftrbrandname {
  font-family: 'Fira Sans', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
  color: #2d2d2d;
}

.ftrdesc {
  font-family: 'Fira Sans', sans-serif;
  font-size: 15px;
  line-height: 1.8;
  font-weight: 300;
  color: #3a3a3a;
}

.ftrcontact {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ftrcontact h3 {
  font-family: 'Fira Sans', sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.1;
  color: #2d2d2d;
  margin: 0;
}

.contactitem {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.contactlabel {
  font-family: 'Fira Sans', sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  color: #4C42CC;
}

.contactval {
  font-family: 'Fira Sans', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: #2d2d2d;
}

.contactval a {
  color: #2d2d2d;
  text-decoration: none;
  transition: color 0.2s ease-out;
}

.contactval a:hover {
  color: #4C42CC;
}

.ftrlinks {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ftrlinks h3 {
  font-family: 'Fira Sans', sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.1;
  color: #2d2d2d;
  margin: 0;
}

.ftrnav {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.ftrnav li a {
  font-family: 'Fira Sans', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: #3a3a3a;
  text-decoration: none;
  transition: color 0.2s ease-out;
  display: inline-block;
  min-height: 44px;
  line-height: 44px;
}

.ftrnav li a:hover {
  color: #4C42CC;
}

.ftrbase {
  box-sizing: border-box;
  max-width: 1500px;
  margin: 40px auto 0;
  padding-top: 20px;
  border-top: 1px solid rgba(76, 66, 204, 0.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}

.copyright {
  font-family: 'Fira Sans', sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.5;
  color: #3a3a3a;
}

@media (max-width: 1024px) {
  .hdinner {
    padding: 0 20px;
    gap: 20px;
  }

  .ftrdeck {
    grid-template-columns: 1fr 1fr;
  }

  .ftrbrand {
    grid-column: 1 / -1;
  }

  .ftrplate {
    padding: 40px 20px 40px;
  }
}

@media (max-width: 768px) {
  .hdinner {
    flex-wrap: wrap;
    padding: 16px 20px;
    min-height: auto;
    gap: 16px;
  }

  .menuplate {
    width: 100%;
    justify-content: flex-start;
  }

  .hdaccent {
    width: 100%;
  }

  .ftrdeck {
    grid-template-columns: 1fr;
  }

  .ftrbrand {
    grid-column: 1;
  }

  .ftrbase {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 480px) {
  .menuplate a {
    padding: 8px 8px;
    font-size: 15px;
  }

  .brandlabel {
    font-size: 19px;
  }
}

.legal-box {
  max-width: 1500px;
  margin: 0 auto;
  padding: 80px 40px;
  color: #2a2a35;
}

.legal-box h1 {
  font-size: 56px;
  line-height: 1.1;
  margin-bottom: 40px;
  color: #1b1b28;
}

.legal-box h2 {
  font-size: 41px;
  line-height: 1.1;
  margin-top: 80px;
  margin-bottom: 20px;
  color: #1b1b28;
}

.legal-box h3 {
  font-size: 24px;
  line-height: 1.5;
  margin-top: 40px;
  margin-bottom: 16px;
  color: #1b1b28;
}

.legal-box h4 {
  font-size: 19px;
  line-height: 1.5;
  margin-top: 40px;
  margin-bottom: 8px;
  color: #1b1b28;
}

.legal-box h5 {
  font-size: 15px;
  line-height: 1.5;
  margin-top: 20px;
  margin-bottom: 8px;
  color: #1b1b28;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.legal-box h6 {
  font-size: 15px;
  line-height: 1.5;
  margin-top: 16px;
  margin-bottom: 8px;
  color: #4C42CC;
}

.legal-box p {
  font-size: 19px;
  line-height: 1.8;
  margin-bottom: 20px;
  color: #2a2a35;
  max-width: 78ch;
}

.legal-box strong,
.legal-box b {
  font-weight: 700;
  color: #1b1b28;
}

.legal-box em,
.legal-box i {
  font-style: italic;
  color: #3a3a4a;
}

.legal-box hr {
  border: none;
  border-top: 2px solid #EDF7FF;
  margin: 80px 0;
}

.legal-box table {
  width: 100%;
  border-collapse: collapse;
  margin: 40px 0;
  font-size: 15px;
  line-height: 1.5;
  box-shadow: 2px 6px 25px -1px rgba(76, 66, 204, 0.11);
  border-radius: 10px;
  overflow: hidden;
}

.legal-box thead {
  background: #4C42CC;
  color: #ffffff;
}

.legal-box thead th {
  padding: 16px 20px;
  text-align: left;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
}

.legal-box tbody tr {
  border-bottom: 1px solid #EDF7FF;
  transition: background-color 0.2s ease-out;
}

.legal-box tbody tr:last-child {
  border-bottom: none;
}

.legal-box tbody tr:nth-child(even) {
  background: #EDF7FF;
}

.legal-box tbody tr:hover {
  background: #dff0ff;
}

.legal-box td {
  padding: 16px 20px;
  font-size: 15px;
  line-height: 1.8;
  color: #2a2a35;
  vertical-align: top;
}

.legal-box div {
  margin-bottom: 20px;
}

@media (max-width: 1024px) {
  .legal-box {
    padding: 80px 40px;
  }

  .legal-box h1 {
    font-size: 41px;
  }

  .legal-box h2 {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  .legal-box {
    padding: 40px 20px;
  }

  .legal-box h1 {
    font-size: 41px;
  }

  .legal-box h2 {
    font-size: 24px;
    margin-top: 40px;
  }

  .legal-box p {
    font-size: 15px;
    max-width: 100%;
  }

  .legal-box table {
    display: block;
    overflow-x: auto;
    border-radius: 10px;
  }

  .legal-box td,
  .legal-box thead th {
    padding: 8px 16px;
    min-width: 140px;
  }
}

@media (max-width: 480px) {
  .legal-box {
    padding: 40px 16px;
  }

  .legal-box h1 {
    font-size: 24px;
  }

  .legal-box h2 {
    font-size: 19px;
  }

  .legal-box hr {
    margin: 40px 0;
  }
}

.blogdet {
  max-width: 1500px;
  margin: 0 auto;
  overflow: hidden;
}

.blogdet .titblk {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 520px;
  background: radial-gradient(ellipse at 0% 0%, rgba(115, 197, 19, 0.18) 0%, rgba(76, 66, 204, 0.12) 60%, #EDF7FF 100%);
}

.blogdet .titblk .atm1 {
  position: absolute;
  width: 320px;
  height: 320px;
  background: rgba(115, 197, 19, 0.13);
  border-radius: 50%;
  filter: blur(60px);
  top: -60px;
  left: -60px;
  pointer-events: none;
}

.blogdet .titblk .atm2 {
  position: absolute;
  width: 260px;
  height: 260px;
  background: rgba(76, 66, 204, 0.10);
  border-radius: 50%;
  filter: blur(50px);
  bottom: -40px;
  right: 40%;
  pointer-events: none;
}

.blogdet .titblk .txtp {
  position: relative;
  z-index: 1;
  padding: 80px 40px 80px 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}

.blogdet .titblk .tagrow {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.blogdet .titblk .atag {
  font-size: 15px;
  line-height: 1.5;
  color: #4C42CC;
  background: rgba(76, 66, 204, 0.08);
  border-radius: 0px;
  padding: 4px 16px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.blogdet .titblk .ctag {
  font-size: 15px;
  line-height: 1.5;
  color: #73C513;
  background: rgba(115, 197, 19, 0.10);
  border-radius: 0px;
  padding: 4px 16px;
  font-weight: 600;
}

.blogdet .titblk .arttit {
  font-size: 41px;
  line-height: 1.1;
  color: #1b1b2e;
  font-weight: 800;
  margin: 0;
  position: relative;
  padding-bottom: 16px;
}

.blogdet .titblk .arttit::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background: linear-gradient(90deg, #73C513 0%, #4C42CC 100%);
  transform-origin: left center;
  animation: lineIn 0.45s ease-out forwards;
}

@keyframes lineIn {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

.blogdet .titblk .subttl {
  font-size: 19px;
  line-height: 1.5;
  color: #3a3a5c;
  margin: 0;
}

.blogdet .titblk .metarow {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
}

.blogdet .titblk .metarow .mitem {
  font-size: 15px;
  line-height: 1.5;
  color: #5a5a7a;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.blogdet .titblk .metarow .mitem svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.blogdet .titblk .ptlist {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.blogdet .titblk .ptlist li {
  font-size: 15px;
  line-height: 1.5;
  color: #2d2d4a;
  padding-left: 20px;
  position: relative;
}

.blogdet .titblk .ptlist li::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  background: #73C513;
  border-radius: 0px;
  transform: rotate(45deg);
}

.blogdet .titblk .imgp {
  position: relative;
  overflow: hidden;
}

.blogdet .titblk .imgp img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
  display: block;
  transition: transform 0.45s ease-out;
}

.blogdet .titblk .imgp:hover img {
  transform: scale(1.04);
}

.blogdet .titblk .imgtint {
  position: absolute;
  inset: 0;
  background: rgba(115, 197, 19, 0.13);
  pointer-events: none;
}

.blogdet .titblk .btnrow {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.blogdet .titblk .btnprint {
  font-size: 15px;
  line-height: 1.5;
  color: #fff;
  background: #4C42CC;
  border: none;
  border-radius: 10px;
  padding: 8px 20px;
  cursor: pointer;
  font-weight: 600;
  box-shadow: 2px 3px 4px -1px rgba(76, 66, 204, 0.05);
  transition: background 0.2s ease-out, transform 0.15s ease-out;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.blogdet .titblk .btnprint:hover {
  background: #3730a3;
}

.blogdet .titblk .btnprint:active {
  transform: scale(0.96);
}

.blogdet .titblk .btncopy {
  font-size: 15px;
  line-height: 1.5;
  color: #4C42CC;
  background: transparent;
  border: 2px solid #4C42CC;
  border-radius: 10px;
  padding: 8px 16px;
  cursor: pointer;
  font-weight: 600;
  transition: background 0.25s ease-out, color 0.25s ease-out, transform 0.15s ease-out;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.blogdet .titblk .btncopy:hover {
  background: #4C42CC;
  color: #fff;
}

.blogdet .titblk .btncopy:active {
  transform: scale(0.96);
}

.blogdet .titblk .btncopy svg,
.blogdet .titblk .btnprint svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.blogdet .divsvg {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 40px;
  background: #fff;
}

.blogdet .divsvg::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: rgba(76, 66, 204, 0.18);
  border-top: 1px dashed rgba(76, 66, 204, 0.25);
}

.blogdet .divsvg svg {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 0 8px;
}

.blogdet .artbody {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 40px;
  padding: 80px 80px 80px 80px;
  background: #fff;
  position: relative;
}

.blogdet .artbody::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: repeating-linear-gradient(180deg,
      transparent 0px,
      transparent 38px,
      rgba(115, 197, 19, 0.04) 38px,
      rgba(115, 197, 19, 0.04) 39px);
  pointer-events: none;
  animation: scandrift 12s linear infinite;
}

@keyframes scandrift {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 0 39px;
  }
}

.blogdet .artbody .artcol {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  z-index: 1;
}

.blogdet .artbody .artcol .firstpara {
  font-size: 19px;
  line-height: 1.8;
  color: #2d2d4a;
  background: rgba(237, 247, 255, 0.7);
  border-radius: 10px;
  padding: 20px;
  margin: 0;
}

.blogdet .artbody .artcol .artcontent {
  font-size: 19px;
  line-height: 1.8;
  color: #3a3a5c;
}

.blogdet .artbody .artcol .artcontent p {
  margin: 0 0 16px 0;
}

.blogdet .artbody .artcol .artcontent h2 {
  font-size: 24px;
  line-height: 1.1;
  color: #1b1b2e;
  font-weight: 700;
  margin: 40px 0 16px 0;
  position: relative;
  padding-bottom: 8px;
}

.blogdet .artbody .artcol .artcontent h2::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 48px;
  height: 3px;
  background: #73C513;
  transition: width 0.35s ease-out;
}

.blogdet .artbody .artcol .artcontent h2:hover::after {
  width: 100%;
}

.blogdet .artbody .artcol .artcontent h4 {
  font-size: 19px;
  line-height: 1.5;
  color: #4C42CC;
  font-weight: 700;
  margin: 20px 0 8px 0;
}

.blogdet .artbody .artcol .artcontent blockquote {
  margin: 20px 0;
  padding: 20px 20px 20px 20px;
  background: rgba(76, 66, 204, 0.05);
  border-radius: 10px;
  font-size: 19px;
  line-height: 1.8;
  color: #4C42CC;
  font-style: italic;
}

.blogdet .artbody .artcol .artcontent ul,
.blogdet .artbody .artcol .artcontent ol {
  padding-left: 20px;
  margin: 0 0 16px 0;
}

.blogdet .artbody .artcol .artcontent li {
  font-size: 19px;
  line-height: 1.8;
  color: #3a3a5c;
  margin-bottom: 4px;
}

.blogdet .artbody .artcol .artcontent table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 15px;
  line-height: 1.5;
}

.blogdet .artbody .artcol .artcontent th {
  background: #4C42CC;
  color: #fff;
  padding: 8px 16px;
  text-align: left;
  font-weight: 700;
}

.blogdet .artbody .artcol .artcontent td {
  padding: 8px 16px;
  border-bottom: 1px solid rgba(76, 66, 204, 0.10);
  color: #3a3a5c;
}

.blogdet .artbody .artcol .artcontent caption {
  font-size: 15px;
  color: #5a5a7a;
  margin-bottom: 8px;
  text-align: left;
}

.blogdet .artbody .artcol .artcontent abbr {
  text-decoration: underline dotted #73C513;
  cursor: help;
}

.blogdet .artbody .artcol .artcontent time {
  color: #4C42CC;
  font-weight: 600;
}

.blogdet .artbody .sidecol {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  z-index: 1;
}

.blogdet .artbody .sidecol .statcard {
  background: rgba(237, 247, 255, 0.85);
  border-radius: 10px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 2px 6px 25px -1px rgba(115, 197, 19, 0.11);
}

.blogdet .artbody .sidecol .statcard .stath {
  font-size: 15px;
  line-height: 1.5;
  color: #4C42CC;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 0;
}

.blogdet .artbody .sidecol .statcard .statrow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.blogdet .artbody .sidecol .statcard .statrow .slbl {
  font-size: 15px;
  line-height: 1.5;
  color: #5a5a7a;
}

.blogdet .artbody .sidecol .statcard .statrow .sval {
  font-size: 19px;
  line-height: 1.5;
  color: #1b1b2e;
  font-weight: 700;
}

.blogdet .artbody .sidecol .statcard .sline {
  height: 1px;
  background: rgba(76, 66, 204, 0.12);
  border: none;
  margin: 0;
}

.blogdet .artbody .sidecol .quotecard {
  background: #4C42CC;
  border-radius: 10px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 2px 8px 36px -1px rgba(76, 66, 204, 0.10);
  text-align: right;
}

.blogdet .artbody .sidecol .quotecard .qtext {
  font-size: 19px;
  line-height: 1.5;
  color: #EDF7FF;
  font-style: italic;
  margin: 0;
}

.blogdet .artbody .sidecol .quotecard .qauth {
  font-size: 15px;
  line-height: 1.5;
  color: rgba(237, 247, 255, 0.7);
  margin: 0;
}

.blogdet .artbody .sidecol .dashline {
  border: none;
  border-top: 2px dashed rgba(115, 197, 19, 0.35);
  margin: 0;
}

.blogdet .artbody .sidecol .authinfo {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-shadow: 2px 3px 4px -1px rgba(115, 197, 19, 0.05);
}

.blogdet .artbody .sidecol .authinfo .authlbl {
  font-size: 15px;
  line-height: 1.5;
  color: #5a5a7a;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.blogdet .artbody .sidecol .authinfo .authname {
  font-size: 19px;
  line-height: 1.5;
  color: #1b1b2e;
  font-weight: 700;
  margin: 0;
}

.blogdet .artbody .sidecol .authinfo .authlink {
  font-size: 15px;
  line-height: 1.5;
  color: #4C42CC;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s ease-out;
}

.blogdet .artbody .sidecol .authinfo .authlink:hover {
  color: #73C513;
}

.blogdet .divsvg2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 40px;
  background: rgba(237, 247, 255, 0.6);
}

.blogdet .divsvg2::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-top: 1px dashed rgba(115, 197, 19, 0.35);
}

.blogdet .divsvg2 svg {
  position: relative;
  z-index: 1;
  background: rgba(237, 247, 255, 0.6);
  padding: 0 8px;
}

.blogdet .accentblk {
  background: rgba(237, 247, 255, 0.55);
  padding: 80px 80px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  overflow: hidden;
}

.blogdet .accentblk .scanlines {
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(180deg,
      transparent 0px,
      transparent 36px,
      rgba(76, 66, 204, 0.03) 36px,
      rgba(76, 66, 204, 0.03) 37px);
  pointer-events: none;
  animation: scandrift2 14s linear infinite;
}

@keyframes scandrift2 {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 0 37px;
  }
}

.blogdet .accentblk .acch {
  font-size: 24px;
  line-height: 1.1;
  color: #1b1b2e;
  font-weight: 700;
  margin: 0;
  position: relative;
  z-index: 1;
  padding-bottom: 8px;
}

.blogdet .accentblk .acch::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 64px;
  height: 3px;
  background: linear-gradient(90deg, #73C513, #4C42CC);
  animation: lineIn 0.45s ease-out forwards;
}

.blogdet .accentblk .accgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  position: relative;
  z-index: 1;
}

.blogdet .accentblk .accgrid .acard {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 2px 3px 4px -1px rgba(115, 197, 19, 0.05);
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.25s ease-out, transform 0.2s ease-out;
}

.blogdet .accentblk .accgrid .acard::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #73C513, #4C42CC);
  border-radius: 0px;
  transition: transform 0.35s ease-out;
  transform-origin: center;
}

.blogdet .accentblk .accgrid .acard:hover::after {
  transform: translateX(-50%) scaleX(1);
}

.blogdet .accentblk .accgrid .acard:hover {
  box-shadow: 2px 6px 25px -1px rgba(115, 197, 19, 0.11);
  transform: translateY(-2px);
}

.blogdet .accentblk .accgrid .acard .acardh {
  font-size: 19px;
  line-height: 1.5;
  color: #4C42CC;
  font-weight: 700;
  margin: 0;
}

.blogdet .accentblk .accgrid .acard .acardp {
  font-size: 15px;
  line-height: 1.8;
  color: #3a3a5c;
  margin: 0;
}

.blogdet .accentblk .acclink {
  font-size: 15px;
  line-height: 1.5;
  color: #4C42CC;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  z-index: 1;
  align-self: flex-end;
  transition: color 0.2s ease-out;
}

.blogdet .accentblk .acclink:hover {
  color: #73C513;
}

.blogdet .accentblk .acclink svg {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease-out;
}

.blogdet .accentblk .acclink:hover svg {
  transform: translateX(4px);
}

.blogdet .accentblk .bracketphrase {
  font-size: 19px;
  line-height: 1.5;
  color: #3a3a5c;
  margin: 0;
  position: relative;
  z-index: 1;
}

.blogdet .accentblk .bracketphrase .brkt {
  color: #73C513;
  font-weight: 700;
}

@media (max-width: 1024px) {
  .blogdet .titblk {
    grid-template-columns: 1fr;
  }

  .blogdet .titblk .txtp {
    padding: 40px 40px 40px 40px;
  }

  .blogdet .titblk .imgp {
    min-height: 280px;
  }

  .blogdet .artbody {
    grid-template-columns: 1fr;
    padding: 40px 40px;
    gap: 40px;
  }

  .blogdet .accentblk {
    padding: 40px 40px;
  }

  .blogdet .accentblk .accgrid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .blogdet .titblk .arttit {
    font-size: 24px;
  }

  .blogdet .titblk .txtp {
    padding: 40px 20px;
  }

  .blogdet .artbody {
    padding: 40px 20px;
  }

  .blogdet .accentblk {
    padding: 40px 20px;
  }

  .blogdet .accentblk .accgrid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .blogdet .titblk .arttit {
    font-size: 19px;
  }

  .blogdet .titblk .metarow {
    gap: 8px;
  }

  .blogdet .artbody .artcol .artcontent h2 {
    font-size: 19px;
  }
}

@keyframes gradShift {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes underlineIn {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes angleRotate {
  0% {
    background-position: 0% 0%;
  }

  50% {
    background-position: 100% 100%;
  }

  100% {
    background-position: 0% 0%;
  }
}

.blg {
  max-width: 100%;
  overflow-x: hidden;
}

.blg .pgwrap {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 40px;
}

.blg .titlesec {
  padding: 80px 40px 40px;
  background: linear-gradient(135deg, #73C513, #4C42CC, #73C513);
  background-size: 300% 300%;
  animation: gradShift 8s ease-out infinite;
  position: relative;
}

.blg .titlesec::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(115, 197, 19, 0.08);
  pointer-events: none;
}

.blg .titlesec .tinner {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 40px;
}

.blg .titlesec .tlabel {
  display: inline-block;
  font-size: 15px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding: 4px 16px;
  border-radius: 0px;
  margin-bottom: 20px;
  line-height: 1.5;
}

.blg .titlesec .th1 {
  font-size: 56px;
  line-height: 1.1;
  color: #fff;
  font-weight: 800;
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
}

.blg .titlesec .th1::after {
  content: '';
  display: block;
  height: 3px;
  background: rgba(255, 255, 255, 0.6);
  width: 100%;
  animation: underlineIn 0.45s ease-out forwards;
}

.blg .titlesec .tdesc {
  font-size: 19px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
  max-width: 600px;
}

.blg .titlesec .tdeco {
  position: absolute;
  top: 20px;
  right: 80px;
  width: 120px;
  height: 120px;
  border-radius: 0px;
  background: rgba(115, 197, 19, 0.12);
  border: 2px solid rgba(115, 197, 19, 0.2);
  pointer-events: none;
}

.blg .titlesec .tdeco2 {
  position: absolute;
  bottom: 16px;
  right: 200px;
  width: 60px;
  height: 60px;
  border-radius: 0px;
  background: rgba(76, 66, 204, 0.1);
  border: 1px solid rgba(76, 66, 204, 0.2);
  pointer-events: none;
}

.blg .scallop {
  width: 100%;
  height: 40px;
  overflow: hidden;
  line-height: 0;
}

.blg .scallop svg {
  display: block;
  width: 100%;
  height: 40px;
}

.blg .postsec {
  padding: 80px 0;
  background: #fff;
}

.blg .postsec .pgwrap {}

.blg .gridhead {
  margin-bottom: 40px;
}

.blg .gridhead .gh2 {
  font-size: 41px;
  line-height: 1.1;
  font-weight: 700;
  color: #111;
  display: inline-block;
  position: relative;
}

.blg .gridhead .gh2::after {
  content: '';
  display: block;
  height: 2px;
  background: #73C513;
  width: 0;
  animation: underlineIn 0.35s ease-out 0.2s forwards;
}

.blg .cardgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.blg .pcard {
  background: #fff;
  border-radius: 10px;
  box-shadow: 2px 6px 25px -1px rgba(115, 197, 19, 0.11);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.25s ease-out, transform 0.2s ease-out;
  container-type: inline-size;
}

.blg .pcard:hover {
  box-shadow: 2px 8px 36px -1px rgba(115, 197, 19, 0.10);
  transform: translateY(-2px);
}

.blg .pcard .cimgwrap {
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 0;
}

.blg .pcard .cimgwrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border: 3px solid #EDF7FF;
  box-sizing: border-box;
  transition: transform 0.4s ease-out;
}

.blg .pcard:hover .cimgwrap img {
  transform: scale(1.03);
}

.blg .pcard .cbody {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.blg .pcard .ctag {
  font-size: 15px;
  color: #4C42CC;
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 1.5;
}

.blg .pcard .ctitle {
  font-size: 19px;
  font-weight: 700;
  color: #111;
  line-height: 1.5;
  margin-bottom: 8px;
  display: block;
  text-decoration: none;
  transition: color 0.2s ease-out;
}

.blg .pcard .ctitle:hover {
  color: #4C42CC;
}

.blg .pcard .csub {
  font-size: 15px;
  color: #333;
  line-height: 1.5;
  margin-bottom: 8px;
}

.blg .pcard .cdesc {
  font-size: 15px;
  color: #444;
  line-height: 1.8;
  flex: 1;
  margin-bottom: 16px;
}

.blg .pcard .cmeta {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  border-top: 1px solid #EDF7FF;
  padding-top: 16px;
  margin-top: auto;
}

.blg .pcard .cauth {
  font-size: 15px;
  color: #555;
  line-height: 1.5;
}

.blg .pcard .cdate {
  font-size: 15px;
  color: #777;
  line-height: 1.5;
}

.blg .pcard .cread {
  font-size: 15px;
  color: #73C513;
  font-weight: 600;
  line-height: 1.5;
  margin-left: auto;
}

.blg .pcard .cstats {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-top: 8px;
  width: 100%;
}

.blg .pcard .cstat {
  font-size: 15px;
  color: #888;
  line-height: 1.5;
}

.blg .pcard .clink {
  display: inline-block;
  margin-top: 16px;
  padding: 8px 20px;
  background: #4C42CC;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border-radius: 0px;
  text-decoration: none;
  line-height: 1.5;
  transition: background 0.2s ease-out, transform 0.15s ease-out;
  align-self: flex-start;
}

.blg .pcard .clink:hover {
  background: #73C513;
}

.blg .pcard .clink:active {
  transform: scale(0.97);
}

.blg .pcard.featured {
  grid-column: span 2;
}

.blg .pcard.featured .cbody {
  padding: 40px;
}

.blg .pcard.featured .ctitle {
  font-size: 24px;
}

.blg .waveline {
  width: 100%;
  height: 8px;
  overflow: hidden;
}

.blg .waveline svg {
  display: block;
  width: 100%;
  height: 8px;
}

.blg .aboutsec {
  padding: 80px 0;
  background: #EDF7FF;
}

.blg .aboutsec .pgwrap {
  display: flex;
  flex-direction: row;
  gap: 80px;
  align-items: center;
}

.blg .aboutsec .atxt {
  flex: 1;
}

.blg .aboutsec .aimg {
  flex: 0 0 420px;
}

.blg .aboutsec .aimg img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 2px 8px 36px -1px rgba(76, 66, 204, 0.10);
  border: 3px solid #fff;
  display: block;
}

.blg .aboutsec .ah2 {
  font-size: 41px;
  line-height: 1.1;
  font-weight: 700;
  color: #111;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
}

.blg .aboutsec .ah2::after {
  content: '';
  display: block;
  height: 2px;
  background: #4C42CC;
  width: 0;
  animation: underlineIn 0.35s ease-out 0.3s forwards;
}

.blg .aboutsec .afirst {
  font-size: 19px;
  line-height: 1.5;
  color: #222;
  background: rgba(115, 197, 19, 0.08);
  border-radius: 0px;
  padding: 16px 20px;
  margin-bottom: 20px;
}

.blg .aboutsec .apara {
  font-size: 15px;
  line-height: 1.8;
  color: #333;
  margin-bottom: 16px;
}

.blg .aboutsec .abracket {
  color: #4C42CC;
  font-weight: 700;
}

.blg .scallop2 {
  width: 100%;
  height: 40px;
  overflow: hidden;
  line-height: 0;
}

.blg .scallop2 svg {
  display: block;
  width: 100%;
  height: 40px;
}

.blg .topicsec {
  padding: 80px 0;
  background: #fff;
}

.blg .topicsec .pgwrap {}

.blg .topicsec .toph2 {
  font-size: 41px;
  line-height: 1.1;
  font-weight: 700;
  color: #111;
  margin-bottom: 40px;
  display: inline-block;
  position: relative;
}

.blg .topicsec .toph2::after {
  content: '';
  display: block;
  height: 2px;
  background: #73C513;
  width: 0;
  animation: underlineIn 0.35s ease-out 0.2s forwards;
}

.blg .topicsec .toplist {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.blg .topicsec .topitem {
  background: #EDF7FF;
  border-radius: 10px;
  padding: 40px 20px;
  text-align: center;
  transition: background 0.25s ease-out, box-shadow 0.25s ease-out;
}

.blg .topicsec .topitem:hover {
  background: #fff;
  box-shadow: 2px 6px 25px -1px rgba(76, 66, 204, 0.11);
}

.blg .topicsec .topicon {
  width: 40px;
  height: 40px;
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blg .topicsec .topicon svg {
  width: 36px;
  height: 36px;
}

.blg .topicsec .topname {
  font-size: 19px;
  font-weight: 700;
  color: #111;
  line-height: 1.5;
  margin-bottom: 8px;
}

.blg .topicsec .topdesc {
  font-size: 15px;
  color: #444;
  line-height: 1.8;
}

.blg .waveline2 {
  width: 100%;
  height: 8px;
  overflow: hidden;
}

.blg .waveline2 svg {
  display: block;
  width: 100%;
  height: 8px;
}

.blg .newslettersec {
  padding: 80px 0;
  background: linear-gradient(160deg, #4C42CC 0%, #73C513 100%);
  background-size: 200% 200%;
  animation: angleRotate 10s ease-out infinite;
  position: relative;
}

.blg .newslettersec .pgwrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 80px;
}

.blg .newslettersec .ntxt {
  flex: 1;
}

.blg .newslettersec .nform {
  flex: 0 0 400px;
}

.blg .newslettersec .nh2 {
  font-size: 41px;
  line-height: 1.1;
  font-weight: 800;
  color: #fff;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
}

.blg .newslettersec .nh2::after {
  content: '';
  display: block;
  height: 2px;
  background: rgba(255, 255, 255, 0.5);
  width: 0;
  animation: underlineIn 0.4s ease-out 0.2s forwards;
}

.blg .newslettersec .ndesc {
  font-size: 19px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
}

.blg .newslettersec .nicons {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-top: 20px;
  align-items: center;
  justify-content: flex-start;
}

.blg .newslettersec .niconitem {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 15px;
  line-height: 1.5;
}

.blg .newslettersec .niconitem svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.blg .newslettersec form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.blg .newslettersec .ninput {
  padding: 16px 20px;
  border-radius: 0px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  font-size: 15px;
  line-height: 1.5;
  outline: none;
  box-shadow: inset 0 1px 4px rgba(76, 66, 204, 0.08);
  transition: border-color 0.2s ease-out, background 0.2s ease-out;
}

.blg .newslettersec .ninput::placeholder {
  color: rgba(255, 255, 255, 0.6);
  transition: opacity 0.25s ease-out;
}

.blg .newslettersec .ninput:focus::placeholder {
  opacity: 0;
}

.blg .newslettersec .ninput:focus {
  border-color: #fff;
  background: rgba(255, 255, 255, 0.25);
}

.blg .newslettersec .nsubmit {
  padding: 16px 40px;
  background: #fff;
  color: #4C42CC;
  font-size: 19px;
  font-weight: 700;
  border: none;
  border-radius: 0px;
  cursor: pointer;
  line-height: 1.5;
  transition: background 0.2s ease-out, color 0.2s ease-out, transform 0.15s ease-out;
}

.blg .nsubmit:hover {
  background: #EDF7FF;
  color: #4C42CC;
}

.blg .nsubmit:active {
  transform: scale(0.97);
}

.blg .edvoisec {
  padding: 80px 0;
  background: #fff;
}

.blg .edvoisec .pgwrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

.blg .edvoisec .evleft {}

.blg .edvoisec .evright {
  padding-top: 40px;
}

.blg .edvoisec .evh2 {
  font-size: 41px;
  line-height: 1.1;
  font-weight: 700;
  color: #111;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
}

.blg .edvoisec .evh2::after {
  content: '';
  display: block;
  height: 2px;
  background: #73C513;
  width: 0;
  animation: underlineIn 0.35s ease-out 0.2s forwards;
}

.blg .edvoisec .evfirst {
  font-size: 19px;
  line-height: 1.5;
  color: #222;
  background: rgba(115, 197, 19, 0.08);
  padding: 16px 20px;
  margin-bottom: 20px;
}

.blg .edvoisec .evpara {
  font-size: 15px;
  line-height: 1.8;
  color: #333;
  margin-bottom: 16px;
}

.blg .edvoisec .evbracket {
  color: #73C513;
  font-weight: 700;
}

.blg .edvoisec .evstats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 40px;
}

.blg .edvoisec .evstat {
  background: #EDF7FF;
  border-radius: 10px;
  padding: 20px;
}

.blg .edvoisec .evstatnum {
  font-size: 41px;
  font-weight: 800;
  line-height: 1.1;
  color: #4C42CC;
  display: block;
}

.blg .edvoisec .evstatlbl {
  font-size: 15px;
  color: #555;
  line-height: 1.5;
}

.blg .edvoisec .evright .evh3 {
  font-size: 24px;
  font-weight: 700;
  color: #111;
  line-height: 1.5;
  margin-bottom: 16px;
}

.blg .edvoisec .evitems {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.blg .edvoisec .evitem {
  padding: 20px;
  border-radius: 10px;
  background: #EDF7FF;
  box-shadow: 2px 3px 4px -1px rgba(115, 197, 19, 0.05);
  transition: box-shadow 0.25s ease-out;
}

.blg .edvoisec .evitem:hover {
  box-shadow: 2px 6px 25px -1px rgba(115, 197, 19, 0.11);
}

.blg .edvoisec .evitemtitle {
  font-size: 19px;
  font-weight: 700;
  color: #111;
  line-height: 1.5;
  margin-bottom: 8px;
}

.blg .edvoisec .evitemdesc {
  font-size: 15px;
  color: #444;
  line-height: 1.8;
}

@media (max-width: 1024px) {
  .blg .cardgrid {
    grid-template-columns: repeat(2, 1fr);
  }

  .blg .pcard.featured {
    grid-column: span 2;
  }

  .blg .topicsec .toplist {
    grid-template-columns: repeat(2, 1fr);
  }

  .blg .aboutsec .pgwrap {
    flex-direction: column;
    gap: 40px;
  }

  .blg .aboutsec .aimg {
    flex: 0 0 auto;
    width: 100%;
  }

  .blg .newslettersec .pgwrap {
    flex-direction: column;
    gap: 40px;
  }

  .blg .newslettersec .nform {
    flex: 0 0 auto;
    width: 100%;
  }

  .blg .edvoisec .pgwrap {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .blg .edvoisec .evright {
    padding-top: 0;
  }
}

@media (max-width: 768px) {
  .blg .titlesec {
    padding: 40px 20px 20px;
  }

  .blg .titlesec .tinner {
    padding: 0;
  }

  .blg .titlesec .th1 {
    font-size: 41px;
  }

  .blg .pgwrap {
    padding: 0 20px;
  }

  .blg .cardgrid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .blg .pcard.featured {
    grid-column: span 1;
  }

  .blg .pcard.featured .cbody {
    padding: 20px;
  }

  .blg .topicsec .toplist {
    grid-template-columns: 1fr 1fr;
  }

  .blg .edvoisec .evstats {
    grid-template-columns: 1fr 1fr;
  }

  .blg .postsec {
    padding: 40px 0;
  }

  .blg .aboutsec {
    padding: 40px 0;
  }

  .blg .topicsec {
    padding: 40px 0;
  }

  .blg .newslettersec {
    padding: 40px 0;
  }

  .blg .edvoisec {
    padding: 40px 0;
  }
}

@media (max-width: 480px) {
  .blg .titlesec .th1 {
    font-size: 24px;
  }

  .blg .topicsec .toplist {
    grid-template-columns: 1fr;
  }

  .blg .edvoisec .evstats {
    grid-template-columns: 1fr;
  }

  .blg .newslettersec .nicons {
    flex-direction: column;
    align-items: flex-start;
  }

  .blg .titlesec .tdeco {
    display: none;
  }

  .blg .titlesec .tdeco2 {
    display: none;
  }
}

.anlyt {
  max-width: 1500px;
  margin: 0 auto;
  overflow: hidden;
}

.anlyt .pgrid {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 40px;
  padding: 80px 40px;
  align-items: start;
}

.anlyt .pleft {}

.anlyt .pright {
  padding-top: 8px;
}

.anlyt .plabel {
  font-size: 15px;
  color: #4C42CC;
  line-height: 1.5;
  border-top: 2px solid #4C42CC;
  padding-top: 8px;
  margin-bottom: 40px;
}

.anlyt .ptag {
  display: inline-block;
  font-size: 15px;
  background: #EDF7FF;
  color: #4C42CC;
  padding: 4px 16px;
  border-radius: 0px;
  margin-bottom: 20px;
}

.anlyt .phead {
  font-size: 56px;
  line-height: 1.1;
  color: #1b1b2f;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
}

.anlyt .phead::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 3px;
  background: #73C513;
  animation: drawline 0.45s ease-out 0.2s forwards;
}

@keyframes drawline {
  to {
    width: 100%;
  }
}

.anlyt .pthesis {
  font-size: 19px;
  line-height: 1.8;
  color: #2a2a3d;
  max-width: 680px;
  margin-bottom: 20px;
  padding: 16px 20px;
  background: #EDF7FF;
  border-radius: 0px;
}

.anlyt .pthesis2 {
  font-size: 19px;
  line-height: 1.8;
  color: #2a2a3d;
  max-width: 680px;
}

.anlyt .dotgrid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle, #4C42CC22 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none;
  z-index: 0;
}

.anlyt .titlewrap {
  position: relative;
}

.anlyt .titlewrap .dotgrid {
  clip-path: inset(0);
}

.anlyt .imgwrap {
  position: relative;
  aspect-ratio: 16/9;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 40px;
}

.anlyt .imgwrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.anlyt .imgwrap .imggrad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  background: linear-gradient(to top, #1b1b2f 0%, transparent 100%);
  pointer-events: none;
}

.anlyt .imgcap {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  font-size: 19px;
  color: #fff;
  line-height: 1.5;
  z-index: 1;
}

.anlyt .raccentbox {
  background: #1b1b2f;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 2px 6px 25px -1px rgba(76, 66, 204, 0.11);
}

.anlyt .raccentbox .rlabel {
  font-size: 15px;
  color: #73C513;
  line-height: 1.5;
  margin-bottom: 8px;
}

.anlyt .raccentbox .rtext {
  font-size: 15px;
  color: #c8c8e0;
  line-height: 1.8;
}

.anlyt .rlink {
  display: block;
  font-size: 15px;
  color: #4C42CC;
  line-height: 1.5;
  text-decoration: none;
  padding: 8px 0;
  border-bottom: 1px solid #e8e8f4;
  transition: color 0.2s ease-out, padding-left 0.25s ease-out;
}

.anlyt .rlink:hover {
  color: #73C513;
  padding-left: 8px;
}

.anlyt .rlinkhead {
  font-size: 15px;
  color: #888;
  margin-bottom: 8px;
  margin-top: 20px;
}

.anlyt .spotbg {
  position: absolute;
  top: -40px;
  right: -80px;
  width: 320px;
  height: 320px;
  background: radial-gradient(ellipse at 60% 40%, #73C51322 0%, transparent 70%);
  animation: spotdrift 6s ease-out infinite alternate;
  pointer-events: none;
  z-index: 0;
}

@keyframes spotdrift {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-40px, 30px);
  }
}

.anlyt .s2 {
  background: linear-gradient(160deg, #73C51308 0%, #4C42CC08 100%);
  padding: 80px 40px;
  position: relative;
}

.anlyt .s2inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  max-width: 1500px;
  margin: 0 auto;
}

.anlyt .s2head {
  grid-column: 1 / -1;
  margin-bottom: 20px;
}

.anlyt .s2h {
  font-size: 41px;
  line-height: 1.1;
  color: #1b1b2f;
  position: relative;
  display: inline-block;
}

.anlyt .s2h::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 3px;
  background: #4C42CC;
  animation: drawline2 0.4s ease-out 0.3s forwards;
}

@keyframes drawline2 {
  to {
    width: 100%;
  }
}

.anlyt .s2sub {
  font-size: 19px;
  color: #555568;
  line-height: 1.8;
  margin-top: 8px;
}

.anlyt .acard {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 2px 3px 4px -1px rgba(115, 197, 19, 0.05);
  transition: box-shadow 0.2s ease-out, transform 0.15s ease-out;
  position: relative;
}

.anlyt .acard:hover {
  box-shadow: 2px 8px 36px -1px rgba(115, 197, 19, 0.10);
  transform: translateY(-2px);
}

.anlyt .acard .acnum {
  font-size: 41px;
  line-height: 1.1;
  font-weight: 700;
  color: #4C42CC;
  margin-bottom: 8px;
}

.anlyt .acard .actitle {
  font-size: 19px;
  line-height: 1.5;
  color: #1b1b2f;
  margin-bottom: 8px;
  position: relative;
  display: inline-block;
}

.anlyt .acard .actitle::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: #73C513;
  transition: width 0.35s ease-out;
}

.anlyt .acard:hover .actitle::after {
  width: 100%;
}

.anlyt .acard .actext {
  font-size: 15px;
  color: #555568;
  line-height: 1.8;
}

.anlyt .acard .acbar {
  margin-top: 16px;
  height: 4px;
  background: #EDF7FF;
  border-radius: 0px;
  overflow: hidden;
}

.anlyt .acard .acfill {
  height: 100%;
  background: linear-gradient(90deg, #73C513 0%, #4C42CC 100%);
  border-radius: 0px;
  animation: barfill 1.2s ease-out forwards;
  width: 0;
}

@keyframes barfill {
  to {
    width: var(--bar-w);
  }
}

.anlyt .diamond {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #73C513;
  transform: rotate(45deg);
  margin: 0 8px;
  vertical-align: middle;
}

.anlyt .divtxt {
  text-align: center;
  position: relative;
  padding: 40px 0;
  font-size: 15px;
  color: #aaa;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.anlyt .divtxt::before,
.anlyt .divtxt::after {
  content: '';
  flex: 1;
  height: 1px;
  background: #ddd;
}

.anlyt .s3 {
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.anlyt .s3left {
  background: #1b1b2f;
  padding: 80px 40px;
  position: relative;
}

.anlyt .s3right {
  background: #EDF7FF;
  padding: 80px 40px;
}

.anlyt .s3h {
  font-size: 41px;
  line-height: 1.1;
  color: #fff;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
}

.anlyt .s3h::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 3px;
  background: #73C513;
  animation: drawline3 0.4s ease-out 0.5s forwards;
}

@keyframes drawline3 {
  to {
    width: 100%;
  }
}

.anlyt .s3p {
  font-size: 19px;
  color: #c8c8e0;
  line-height: 1.8;
  margin-bottom: 20px;
}

.anlyt .s3p2 {
  font-size: 15px;
  color: #9898b8;
  line-height: 1.8;
}

.anlyt .statusblock {
  margin-top: 40px;
}

.anlyt .statusitem {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}

.anlyt .statusdot {
  width: 12px;
  height: 12px;
  border-radius: 0px;
  flex-shrink: 0;
}

.anlyt .statusdot.active {
  background: #73C513;
  box-shadow: 0 0 0 3px rgba(115, 197, 19, 0.2);
  animation: dotpulse 2s ease-out infinite;
}

.anlyt .statusdot.warn {
  background: #f0a500;
}

.anlyt .statusdot.neutral {
  background: #4C42CC;
}

@keyframes dotpulse {

  0%,
  100% {
    box-shadow: 0 0 0 3px rgba(115, 197, 19, 0.2);
  }

  50% {
    box-shadow: 0 0 0 6px rgba(115, 197, 19, 0.08);
  }
}

.anlyt .statuslabel {
  font-size: 15px;
  color: #c8c8e0;
  line-height: 1.5;
  flex: 1;
}

.anlyt .statusval {
  font-size: 15px;
  color: #73C513;
  line-height: 1.5;
  font-weight: 600;
}

.anlyt .s3rh {
  font-size: 41px;
  line-height: 1.1;
  color: #1b1b2f;
  margin-bottom: 20px;
  text-align: right;
  position: relative;
  display: inline-block;
  width: 100%;
}

.anlyt .s3rh::after {
  content: '';
  position: absolute;
  bottom: -4px;
  right: 0;
  width: 0;
  height: 3px;
  background: #4C42CC;
  animation: drawline4 0.4s ease-out 0.6s forwards;
}

@keyframes drawline4 {
  to {
    width: 100%;
  }
}

.anlyt .s3rp {
  font-size: 19px;
  color: #2a2a3d;
  line-height: 1.8;
  text-align: right;
  margin-bottom: 20px;
}

.anlyt .s3rp2 {
  font-size: 15px;
  color: #555568;
  line-height: 1.8;
  text-align: right;
}

.anlyt .accent {
  color: #4C42CC;
}

.anlyt .accentg {
  color: #73C513;
}

.anlyt .bracketphrase {
  color: #4C42CC;
}

.anlyt .s4 {
  padding: 80px 40px;
  background: #fff;
  position: relative;
}

.anlyt .s4inner {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 80px;
  align-items: start;
  max-width: 1500px;
  margin: 0 auto;
}

.anlyt .s4left {
  position: sticky;
  top: 40px;
}

.anlyt .s4h {
  font-size: 41px;
  line-height: 1.1;
  color: #1b1b2f;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
}

.anlyt .s4h::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 3px;
  background: #73C513;
  animation: drawline5 0.4s ease-out 0.4s forwards;
}

@keyframes drawline5 {
  to {
    width: 100%;
  }
}

.anlyt .s4lp {
  font-size: 15px;
  color: #555568;
  line-height: 1.8;
  margin-bottom: 20px;
}

.anlyt .s4badge {
  display: inline-block;
  background: linear-gradient(160deg, #73C513 0%, #4C42CC 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 700;
}

.anlyt .s4right {}

.anlyt .qblock {
  border-top: 1px solid #e8e8f4;
  padding: 20px 0;
  display: grid;
  grid-template-columns: 1fr 200px;
  gap: 40px;
  align-items: start;
  transition: background 0.2s ease-out;
  border-radius: 0px;
  padding-left: 16px;
  padding-right: 16px;
}

.anlyt .qblock:hover {
  background: #EDF7FF;
}

.anlyt .qblock:last-child {
  border-bottom: 1px solid #e8e8f4;
}

.anlyt .qbottom {
  position: relative;
}

.anlyt .qbottom::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: #73C513;
  transition: width 0.35s ease-out;
}

.anlyt .qblock:hover .qbottom::after {
  width: 100%;
}

.anlyt .qh {
  font-size: 19px;
  color: #1b1b2f;
  line-height: 1.5;
  margin-bottom: 8px;
  font-weight: 600;
}

.anlyt .qp {
  font-size: 15px;
  color: #555568;
  line-height: 1.8;
}

.anlyt .qtag {
  font-size: 15px;
  color: #4C42CC;
  background: #EDF7FF;
  padding: 4px 16px;
  border-radius: 0px;
  display: inline-block;
  margin-top: 4px;
  transition: background 0.2s ease-out, color 0.2s ease-out;
}

.anlyt .qblock:hover .qtag {
  background: #4C42CC;
  color: #fff;
}

.anlyt .s3spot {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 200px;
  background: radial-gradient(ellipse at 70% 30%, #73C51318 0%, transparent 70%);
  pointer-events: none;
  animation: spotdrift2 7s ease-out infinite alternate;
}

@keyframes spotdrift2 {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-20px, 20px);
  }
}

@media (max-width: 1024px) {
  .anlyt .pgrid {
    grid-template-columns: 1fr;
    padding: 40px 20px;
  }

  .anlyt .pright {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }

  .anlyt .rlinkhead,
  .anlyt .rlink {
    grid-column: 1 / -1;
  }

  .anlyt .s2inner {
    grid-template-columns: 1fr 1fr;
  }

  .anlyt .s2head {
    grid-column: 1 / -1;
  }

  .anlyt .s3 {
    grid-template-columns: 1fr;
  }

  .anlyt .s3rh,
  .anlyt .s3rp,
  .anlyt .s3rp2 {
    text-align: left;
  }

  .anlyt .s4inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .anlyt .s4left {
    position: static;
  }

  .anlyt .qblock {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .anlyt .s2,
  .anlyt .s4 {
    padding: 40px 20px;
  }

  .anlyt .s3left,
  .anlyt .s3right {
    padding: 40px 20px;
  }
}

@media (max-width: 768px) {
  .anlyt .phead {
    font-size: 41px;
  }

  .anlyt .s2inner {
    grid-template-columns: 1fr;
  }

  .anlyt .s2h,
  .anlyt .s3h,
  .anlyt .s3rh,
  .anlyt .s4h {
    font-size: 24px;
  }

  .anlyt .pright {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .anlyt .pgrid {
    padding: 20px 16px;
  }

  .anlyt .phead {
    font-size: 24px;
  }

  .anlyt .pthesis {
    font-size: 15px;
  }

  .anlyt .s2,
  .anlyt .s4 {
    padding: 40px 16px;
  }

  .anlyt .s3left,
  .anlyt .s3right {
    padding: 40px 16px;
  }
}

.abtauth {
  max-width: 1500px;
  margin: 0 auto;
  overflow-x: clip;
}

.abtauth .pg-intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 520px;
  position: relative;
}

.abtauth .pg-intro::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(118deg, #fff 52%, #EDF7FF 52%);
  z-index: 0;
  pointer-events: none;
}

.abtauth .pg-intro .tri-tl {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 60px 60px 0 0;
  border-color: #73C513 transparent transparent transparent;
  z-index: 1;
  pointer-events: none;
}

.abtauth .pg-intro .tri-br {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 60px 60px;
  border-color: transparent transparent #4C42CC transparent;
  z-index: 1;
  pointer-events: none;
}

.abtauth .intro-img {
  position: relative;
  z-index: 2;
  padding: 40px 40px 40px 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.abtauth .intro-img .imgwrap {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 2px 8px 36px -1px rgba(76, 66, 204, 0.10);
}

.abtauth .intro-img .imgwrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.35s ease-out;
}

.abtauth .intro-img .imgwrap::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 0px solid #73C513;
  border-radius: 10px;
  transition: border-width 0.2s ease-out;
  pointer-events: none;
}

.abtauth .intro-img .imgwrap:hover::after {
  border-width: 3px;
}

.abtauth .intro-img .imgwrap:hover img {
  transform: scale(1.03);
}

.abtauth .intro-img .pattern-row {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-top: 16px;
}

.abtauth .intro-img .pdot {
  width: 8px;
  height: 8px;
  border-radius: 0px;
  background: #73C513;
  opacity: 0.4;
}

.abtauth .intro-img .pdot.alt {
  background: #4C42CC;
  opacity: 0.25;
}

.abtauth .intro-text {
  position: relative;
  z-index: 2;
  padding: 80px 80px 80px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.abtauth .intro-text .lbl {
  font-size: 15px;
  line-height: 1.5;
  color: #4C42CC;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 16px;
}

.abtauth .intro-text .pghead {
  font-size: 56px;
  line-height: 1.1;
  font-weight: 800;
  color: #1a1a2e;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
}

.abtauth .intro-text .pghead::after {
  content: "";
  display: block;
  height: 3px;
  width: 0;
  background: linear-gradient(90deg, #73C513, #4C42CC);
  margin-top: 8px;
  animation: underln 0.45s ease-out 0.2s forwards;
}

@keyframes underln {
  to {
    width: 100%;
  }
}

.abtauth .intro-text .sub {
  font-size: 19px;
  line-height: 1.8;
  color: #2c2c4a;
  margin-bottom: 40px;
  max-width: 480px;
}

.abtauth .intro-text .readmore {
  display: inline-block;
  padding: 16px 40px;
  background: linear-gradient(118deg, #73C513, #4C42CC);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  border-radius: 10px;
  text-decoration: none;
  align-self: flex-start;
  box-shadow: 2px 6px 25px -1px rgba(76, 66, 204, 0.11);
  transition: box-shadow 0.25s ease-out, transform 0.15s ease-out;
}

.abtauth .intro-text .readmore:hover {
  box-shadow: 2px 8px 36px -1px rgba(76, 66, 204, 0.20);
  transform: translateY(-2px);
}

.abtauth .intro-text .readmore:active {
  transform: scale(0.97);
}

.abtauth .svgdiv1 {
  width: 100%;
  overflow: hidden;
  line-height: 0;
  margin-top: -1px;
}

.abtauth .svgdiv1 svg {
  display: block;
  width: 100%;
}

.abtauth .biog {
  background: #fff;
  padding: 80px 80px 40px 80px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 80px;
  align-items: start;
  container-type: inline-size;
}

.abtauth .biog-left .firstpara {
  font-size: 19px;
  line-height: 1.8;
  color: #2c2c4a;
  background: #EDF7FF;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
}

.abtauth .biog-left .bhead {
  font-size: 41px;
  line-height: 1.1;
  font-weight: 800;
  color: #1a1a2e;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
}

.abtauth .biog-left .bhead::after {
  content: "";
  display: block;
  height: 3px;
  width: 0;
  background: #73C513;
  margin-top: 8px;
  animation: underln 0.4s ease-out 0.35s forwards;
}

.abtauth .biog-left .bodytxt {
  font-size: 19px;
  line-height: 1.8;
  color: #2c2c4a;
  margin-bottom: 20px;
}

.abtauth .biog-left .accentphrase {
  color: #4C42CC;
}

.abtauth .biog-right {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.abtauth .biog-right .profcard {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 2px 3px 4px -1px rgba(115, 197, 19, 0.05);
  background: #EDF7FF;
}

.abtauth .biog-right .profcard .portrait {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.3s ease-out;
}

.abtauth .biog-right .profcard:hover .portrait {
  transform: scale(1.04);
}

.abtauth .biog-right .profcard .profinfo {
  padding: 20px;
}

.abtauth .biog-right .profcard .profname {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
  color: #1a1a2e;
  margin-bottom: 8px;
}

.abtauth .biog-right .profcard .profrole {
  font-size: 15px;
  line-height: 1.5;
  color: #4C42CC;
  font-weight: 600;
}

.abtauth .biog-right .statlist {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.abtauth .biog-right .statitem {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  background: #fff;
  border-radius: 10px;
  padding: 16px 20px;
  box-shadow: 2px 3px 4px -1px rgba(115, 197, 19, 0.05);
}

.abtauth .biog-right .statitem .stnum {
  font-size: 41px;
  font-weight: 900;
  line-height: 1.1;
  background: linear-gradient(118deg, #73C513, #4C42CC);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  min-width: 60px;
  text-align: right;
}

.abtauth .biog-right .statitem .stdesc {
  font-size: 15px;
  line-height: 1.5;
  color: #2c2c4a;
}

.abtauth .svgdiv2 {
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.abtauth .svgdiv2 svg {
  display: block;
  width: 100%;
}

.abtauth .worksec {
  position: relative;
  padding: 80px 80px;
  overflow: hidden;
}

.abtauth .worksec .isogrid {
  position: absolute;
  inset: 0;
  opacity: 0.045;
  pointer-events: none;
  background-image:
    linear-gradient(30deg, #4C42CC 1px, transparent 1px),
    linear-gradient(150deg, #4C42CC 1px, transparent 1px),
    linear-gradient(90deg, #4C42CC 1px, transparent 1px);
  background-size: 40px 70px, 40px 70px, 40px 70px;
}

.abtauth .worksec .glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 60%;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(237, 247, 255, 0.7) 0%, rgba(237, 247, 255, 0) 70%);
  animation: glowpulse 5s ease-out infinite alternate;
  pointer-events: none;
  z-index: 0;
}

@keyframes glowpulse {
  0% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

.abtauth .worksec .tri-tr {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 60px 60px 0;
  border-color: transparent #73C513 transparent transparent;
  pointer-events: none;
  z-index: 1;
}

.abtauth .worksec .wshead {
  font-size: 41px;
  font-weight: 800;
  line-height: 1.1;
  color: #1a1a2e;
  margin-bottom: 40px;
  position: relative;
  display: inline-block;
  z-index: 2;
}

.abtauth .worksec .wshead::after {
  content: "";
  display: block;
  height: 3px;
  width: 0;
  background: #4C42CC;
  margin-top: 8px;
  animation: underln 0.4s ease-out 0.5s forwards;
}

.abtauth .worksec .wsgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  position: relative;
  z-index: 2;
}

.abtauth .worksec .wsgrid .wcard {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 2px 6px 25px -1px rgba(115, 197, 19, 0.11);
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.25s ease-out, transform 0.2s ease-out;
  position: relative;
}

.abtauth .worksec .wsgrid .wcard:focus-within {
  box-shadow: 2px 8px 36px -1px rgba(76, 66, 204, 0.20) !important;
  outline: 3px solid #4C42CC !important;
  outline-offset: 2px !important;
}

.abtauth .worksec .wsgrid .wcard:hover {
  box-shadow: 2px 8px 36px -1px rgba(115, 197, 19, 0.10);
  transform: translateY(-4px);
}

.abtauth .worksec .wsgrid .wcard .wcimgwrap {
  aspect-ratio: 16/9;
  overflow: hidden;
  position: relative;
}

.abtauth .worksec .wsgrid .wcard .wcimgwrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.35s ease-out;
}

.abtauth .worksec .wsgrid .wcard .wcimgwrap::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 0px solid #73C513;
  transition: border-width 0.2s ease-out;
  pointer-events: none;
}

.abtauth .worksec .wsgrid .wcard:hover .wcimgwrap::after {
  border-width: 3px;
}

.abtauth .worksec .wsgrid .wcard:hover .wcimgwrap img {
  transform: scale(1.05);
}

.abtauth .worksec .wsgrid .wcard .wctxt {
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.abtauth .worksec .wsgrid .wcard .wctag {
  font-size: 15px;
  color: #73C513;
  font-weight: 700;
  line-height: 1.5;
}

.abtauth .worksec .wsgrid .wcard .wctitle {
  font-size: 19px;
  font-weight: 800;
  line-height: 1.5;
  color: #1a1a2e;
}

.abtauth .worksec .wsgrid .wcard .wcdesc {
  font-size: 15px;
  line-height: 1.8;
  color: #2c2c4a;
  flex: 1;
}

.abtauth .worksec .wsgrid .wcard .wclink {
  display: inline-block;
  margin-top: 8px;
  font-size: 15px;
  font-weight: 700;
  color: #4C42CC;
  text-decoration: none;
  transition: color 0.2s ease-out;
}

.abtauth .worksec .wsgrid .wcard .wclink:hover {
  color: #73C513;
}

.abtauth .worksec .wsgrid .wcard .wclink:focus-visible {
  outline: 3px solid #4C42CC !important;
  outline-offset: 2px !important;
  border-radius: 0px;
}

.abtauth .worksec .collab {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  position: relative;
  z-index: 2;
}

.abtauth .worksec .collab .collabcard {
  background: #EDF7FF;
  border-radius: 10px;
  padding: 20px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}

.abtauth .worksec .collab .collabcard .cportrait {
  width: 80px;
  height: 80px;
  object-fit: cover;
  object-position: center;
  display: block;
  flex-shrink: 0;
  border-radius: 0px;
}

.abtauth .worksec .collab .collabcard .cinfo {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.abtauth .worksec .collab .collabcard .cname {
  font-size: 19px;
  font-weight: 800;
  line-height: 1.1;
  color: #1a1a2e;
}

.abtauth .worksec .collab .collabcard .crole {
  font-size: 15px;
  line-height: 1.5;
  color: #4C42CC;
}

.abtauth .worksec .collab .collabcard .cquote {
  font-size: 15px;
  line-height: 1.8;
  color: #2c2c4a;
  font-style: italic;
}

.abtauth .worksec .collab .collabcard .cbracket {
  color: #73C513;
  font-style: normal;
  font-weight: 700;
}

.abtauth .worksec .collabhead {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
  color: #1a1a2e;
  margin-top: 40px;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
  text-align: right;
}

.abtauth .worksec .collabhead::after {
  content: "";
  display: block;
  height: 2px;
  width: 0;
  background: #73C513;
  margin-top: 8px;
  margin-left: auto;
  animation: underln 0.35s ease-out 0.6s forwards;
}

@media (max-width: 1024px) {
  .abtauth .pg-intro {
    grid-template-columns: 1fr;
  }

  .abtauth .pg-intro::before {
    background: linear-gradient(180deg, #fff 50%, #EDF7FF 50%);
  }

  .abtauth .intro-img {
    padding: 40px 40px 20px 40px;
  }

  .abtauth .intro-text {
    padding: 20px 40px 40px 40px;
  }

  .abtauth .biog {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 40px;
  }

  .abtauth .worksec {
    padding: 40px;
  }

  .abtauth .worksec .wsgrid {
    grid-template-columns: 1fr 1fr;
  }

  .abtauth .worksec .collab {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .abtauth .intro-img {
    padding: 40px 20px 20px 20px;
  }

  .abtauth .intro-text {
    padding: 20px 20px 40px 20px;
  }

  .abtauth .intro-text .pghead {
    font-size: 41px;
  }

  .abtauth .biog {
    padding: 40px 20px;
  }

  .abtauth .worksec {
    padding: 40px 20px;
  }

  .abtauth .worksec .wsgrid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .abtauth .intro-text .pghead {
    font-size: 41px;
  }

  .abtauth .biog-right .statitem .stnum {
    font-size: 24px;
    min-width: 40px;
  }
}

.abtauth input,
.abtauth textarea {
  box-shadow: inset 2px 3px 4px -1px rgba(76, 66, 204, 0.05);
}

.abtauth input::placeholder,
.abtauth textarea::placeholder {
  transition: opacity 0.2s ease-out;
}

.abtauth input:focus::placeholder,
.abtauth textarea:focus::placeholder {
  opacity: 0;
}

.abtauth *:focus-visible {
  outline: 3px solid #4C42CC !important;
  outline-offset: 2px !important;
}

.successPage {
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 20px;
  background: #fff;
}

.successPage .successWrap {
  max-width: 560px;
  width: 100%;
  text-align: center;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 2px 6px 25px -1px rgba(115, 197, 19, 0.11);
}

.successPage .iconWrap {
  width: 64px;
  height: 64px;
  margin: 0 auto 40px;
  border-radius: 10px;
  background: #EDF7FF;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.successPage .iconWrap svg {
  display: block;
}

.successPage .successTitle {
  font-size: 41px;
  line-height: 1.1;
  font-weight: 700;
  color: #111;
  margin: 0 0 16px;
}

.successPage .successTitle span {
  background: linear-gradient(120deg, #73C513, #4C42CC);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.successPage .successText {
  font-size: 19px;
  line-height: 1.5;
  color: #333;
  margin: 0 0 40px;
}

.successPage .successNote {
  font-size: 15px;
  line-height: 1.8;
  color: #555;
  background: #EDF7FF;
  border-radius: 10px;
  padding: 16px 20px;
  margin: 0 0 40px;
  text-align: left;
}

.successPage .successNote strong {
  color: #4C42CC;
}

.successPage .backBtn {
  display: inline-block;
  padding: 16px 40px;
  background: #73C513;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border-radius: 10px;
  text-decoration: none;
  transition: background 0.25s ease-out, box-shadow 0.2s ease-out, transform 0.15s ease-out;
  box-shadow: 2px 3px 4px -1px rgba(115, 197, 19, 0.05);
}

.successPage .backBtn:hover {
  background: #4C42CC;
  box-shadow: 2px 6px 25px -1px rgba(76, 66, 204, 0.11);
}

.successPage .backBtn:active {
  transform: scale(0.97);
}

.successPage .backBtn:focus-visible {
  outline: 2px solid #4C42CC;
  outline-offset: 4px;
}

@media (max-width: 480px) {
  .successPage {
    padding: 40px 16px;
  }

  .successPage .successWrap {
    padding: 20px 16px;
  }

  .successPage .successTitle {
    font-size: 24px;
  }

  .successPage .successText {
    font-size: 15px;
  }
}

.rt {
  max-width: 100%;
  overflow-x: hidden;
}

.rt .pgwrap {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 40px;
}

.rt .titblk {
  background: #111827;
  position: relative;
}

.rt .titblk .pgwrap {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  min-height: 480px;
  gap: 0;
}

.rt .titimg {
  flex: 0 0 60%;
  position: relative;
  overflow: hidden;
}

.rt .titimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  filter: saturate(0.6) brightness(0.7);
  transition: transform 0.45s ease-out;
}

.rt .titimg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(115, 197, 19, 0.35) 0%, rgba(76, 66, 204, 0.55) 100%);
}

.rt .tittext {
  flex: 0 0 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 80px 40px 80px 40px;
  z-index: 1;
}

.rt .tittext .brand {
  font-size: 15px;
  color: #73C513;
  letter-spacing: 0;
  margin-bottom: 20px;
}

.rt .tittext h1 {
  font-size: 70px;
  line-height: 1.1;
  color: #fff;
  font-weight: 800;
  margin: 0 0 20px 0;
}

.rt .tittext .sub {
  font-size: 19px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.72);
}

.rt .missionblk {
  background: #fff;
  padding: 80px 0;
  position: relative;
}

.rt .missionblk .pgwrap {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 80px;
  align-items: start;
}

.rt .missionblk .mlabel {
  font-size: 15px;
  color: #73C513;
  font-weight: 700;
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.rt .missionblk .mlabel .dot {
  width: 8px;
  height: 8px;
  border-radius: 0;
  background: #73C513;
  display: inline-block;
  flex-shrink: 0;
}

.rt .missionblk h2 {
  font-size: 41px;
  line-height: 1.1;
  font-weight: 800;
  color: #111827;
  margin: 0 0 20px 0;
  position: relative;
  display: inline-block;
}

.rt .missionblk h2::after {
  content: '';
  display: block;
  height: 3px;
  background: #73C513;
  width: 0;
  transition: width 0.45s ease-out;
  margin-top: 4px;
}

.rt .missionblk h2:hover::after {
  width: 100%;
}

.rt .missionblk .mright {}

.rt .missionblk .mpara1 {
  font-size: 19px;
  line-height: 1.5;
  color: #232323;
  background: #EDF7FF;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 16px;
}

.rt .missionblk .mpara2 {
  font-size: 15px;
  line-height: 1.8;
  color: #3a3a3a;
}

.rt .missionblk .accent {
  color: #4C42CC;
}

.rt .scallop1 {
  display: block;
  width: 100%;
  height: 32px;
  background: #fff;
  position: relative;
  overflow: hidden;
}

.rt .scallop1::before {
  content: '';
  display: block;
  width: 100%;
  height: 64px;
  background: #EDF7FF;
  border-radius: 0 0 50% 50% / 0 0 32px 32px;
}

.rt .diffblk {
  background: #EDF7FF;
  padding: 80px 0;
  position: relative;
}

.rt .diffblk .pgwrap {
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: stretch;
}

.rt .diffblk .dimg {
  flex: 0 0 45%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 2px 6px 25px -1px rgba(76, 66, 204, 0.11);
}

.rt .diffblk .dimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  aspect-ratio: 16/9;
  transition: transform 0.35s ease-out;
}

.rt .diffblk .dimg:hover img {
  transform: scale(1.04);
}

.rt .diffblk .dtxt {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.rt .diffblk .dlabel {
  font-size: 15px;
  color: #4C42CC;
  font-weight: 700;
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.rt .diffblk .dlabel .dot {
  width: 8px;
  height: 8px;
  border-radius: 0;
  background: #4C42CC;
  display: inline-block;
}

.rt .diffblk h2 {
  font-size: 41px;
  line-height: 1.1;
  font-weight: 800;
  color: #111827;
  margin: 0 0 20px 0;
  position: relative;
  display: inline-block;
}

.rt .diffblk h2::after {
  content: '';
  display: block;
  height: 3px;
  background: #4C42CC;
  width: 0;
  transition: width 0.4s ease-out;
  margin-top: 4px;
}

.rt .diffblk h2:hover::after {
  width: 100%;
}

.rt .diffblk .dp1 {
  font-size: 19px;
  line-height: 1.5;
  color: #232323;
  margin-bottom: 16px;
}

.rt .diffblk .dp2 {
  font-size: 15px;
  line-height: 1.8;
  color: #3a3a3a;
}

.rt .diffblk .dparen {
  color: #4C42CC;
}

.rt .scallop2 {
  display: block;
  width: 100%;
  height: 32px;
  background: #EDF7FF;
  position: relative;
  overflow: hidden;
}

.rt .scallop2::before {
  content: '';
  display: block;
  width: 100%;
  height: 64px;
  background: #fff;
  border-radius: 0 0 50% 50% / 0 0 32px 32px;
}

.rt .readerblk {
  background: #fff;
  padding: 80px 0;
}

.rt .readerblk .pgwrap {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 80px;
  align-items: start;
}

.rt .readerblk .rlabel {
  font-size: 15px;
  color: #73C513;
  font-weight: 700;
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.rt .readerblk .rlabel .dot {
  width: 8px;
  height: 8px;
  background: #73C513;
  display: inline-block;
  border-radius: 0;
}

.rt .readerblk h2 {
  font-size: 41px;
  line-height: 1.1;
  font-weight: 800;
  color: #111827;
  margin: 0 0 20px 0;
  position: relative;
  display: inline-block;
}

.rt .readerblk h2::after {
  content: '';
  display: block;
  height: 3px;
  background: #73C513;
  width: 0;
  transition: width 0.38s ease-out;
  margin-top: 4px;
}

.rt .readerblk h2:hover::after {
  width: 100%;
}

.rt .readerblk .rp1 {
  font-size: 19px;
  line-height: 1.5;
  color: #232323;
  background: #EDF7FF;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 16px;
}

.rt .readerblk .rp2 {
  font-size: 15px;
  line-height: 1.8;
  color: #3a3a3a;
}

.rt .readerblk .rside {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 40px;
}

.rt .readerblk .rcard {
  background: #EDF7FF;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 2px 3px 4px -1px rgba(115, 197, 19, 0.05);
}

.rt .readerblk .rcard .rname {
  font-size: 15px;
  font-weight: 700;
  color: #4C42CC;
  margin-bottom: 8px;
}

.rt .readerblk .rcard .rquote {
  font-size: 15px;
  line-height: 1.8;
  color: #3a3a3a;
}

.rt .limitsblk {
  background: #111827;
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}

.rt .limitsblk .bgdots {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
}

.rt .limitsblk .vignette {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 80% 80% at 50% 50%, transparent 40%, rgba(0, 0, 0, 0.55) 100%);
  pointer-events: none;
}

.rt .limitsblk .pgwrap {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  gap: 80px;
  align-items: start;
}

.rt .limitsblk .ltxt {
  flex: 1;
}

.rt .limitsblk .llabel {
  font-size: 15px;
  color: #73C513;
  font-weight: 700;
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.rt .limitsblk .llabel .dot {
  width: 8px;
  height: 8px;
  background: #73C513;
  display: inline-block;
  border-radius: 0;
}

.rt .limitsblk h2 {
  font-size: 41px;
  line-height: 1.1;
  font-weight: 800;
  color: #fff;
  margin: 0 0 20px 0;
  position: relative;
  display: inline-block;
}

.rt .limitsblk h2::after {
  content: '';
  display: block;
  height: 3px;
  background: #73C513;
  width: 0;
  transition: width 0.42s ease-out;
  margin-top: 4px;
}

.rt .limitsblk h2:hover::after {
  width: 100%;
}

.rt .limitsblk .lp1 {
  font-size: 19px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 16px;
}

.rt .limitsblk .lp2 {
  font-size: 15px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.65);
}

.rt .limitsblk .laccent {
  color: #73C513;
}

.rt .limitsblk .llist {
  flex: 0 0 340px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 40px;
}

.rt .limitsblk .litem {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  padding: 20px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
}

.rt .limitsblk .litem .ldot {
  width: 8px;
  height: 8px;
  background: #4C42CC;
  border-radius: 0;
  flex-shrink: 0;
  margin-top: 8px;
}

.rt .limitsblk .litem .litmtxt {
  font-size: 15px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.72);
}

.rt .scallop3 {
  display: block;
  width: 100%;
  height: 32px;
  background: #111827;
  position: relative;
  overflow: hidden;
}

.rt .scallop3::before {
  content: '';
  display: block;
  width: 100%;
  height: 64px;
  background: #EDF7FF;
  border-radius: 0 0 50% 50% / 0 0 32px 32px;
}

.rt .outcomesblk {
  background: #EDF7FF;
  padding: 80px 0;
}

.rt .outcomesblk .pgwrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.rt .outcomesblk .otop {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
}

.rt .outcomesblk .otxtarea {}

.rt .outcomesblk .olabel {
  font-size: 15px;
  color: #4C42CC;
  font-weight: 700;
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.rt .outcomesblk .olabel .dot {
  width: 8px;
  height: 8px;
  background: #4C42CC;
  display: inline-block;
  border-radius: 0;
}

.rt .outcomesblk h2 {
  font-size: 41px;
  line-height: 1.1;
  font-weight: 800;
  color: #111827;
  margin: 0 0 20px 0;
  position: relative;
  display: inline-block;
}

.rt .outcomesblk h2::after {
  content: '';
  display: block;
  height: 3px;
  background: #4C42CC;
  width: 0;
  transition: width 0.4s ease-out;
  margin-top: 4px;
}

.rt .outcomesblk h2:hover::after {
  width: 100%;
}

.rt .outcomesblk .op1 {
  font-size: 19px;
  line-height: 1.5;
  color: #232323;
  margin-bottom: 16px;
}

.rt .outcomesblk .op2 {
  font-size: 15px;
  line-height: 1.8;
  color: #3a3a3a;
}

.rt .outcomesblk .oimg {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 2px 8px 36px -1px rgba(76, 66, 204, 0.10);
}

.rt .outcomesblk .oimg img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease-out;
}

.rt .outcomesblk .oimg:hover img {
  transform: scale(1.04);
}

.rt .outcomesblk .ocards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.rt .outcomesblk .ocard {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 2px 3px 4px -1px rgba(115, 197, 19, 0.05);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.rt .outcomesblk .ocard .ocname {
  font-size: 15px;
  font-weight: 700;
  color: #4C42CC;
}

.rt .outcomesblk .ocard .ocq {
  font-size: 15px;
  line-height: 1.8;
  color: #3a3a3a;
}

.rt .outcomesblk .portrait {
  width: 72px;
  height: 96px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 8px;
  flex-shrink: 0;
}

.rt .outcomesblk .portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.rt .convblk {
  background: #fff;
  padding: 80px 0;
}

.rt .convblk .pgwrap {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 80px;
  align-items: start;
}

.rt .convblk .cside {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.rt .convblk .cimg {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 2px 6px 25px -1px rgba(115, 197, 19, 0.11);
}

.rt .convblk .cimg img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
  transition: transform 0.38s ease-out;
}

.rt .convblk .cimg:hover img {
  transform: scale(1.04);
}

.rt .convblk .clabel {
  font-size: 15px;
  color: #73C513;
  font-weight: 700;
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.rt .convblk .clabel .dot {
  width: 8px;
  height: 8px;
  background: #73C513;
  display: inline-block;
  border-radius: 0;
}

.rt .convblk h2 {
  font-size: 41px;
  line-height: 1.1;
  font-weight: 800;
  color: #111827;
  margin: 0 0 20px 0;
  position: relative;
  display: inline-block;
}

.rt .convblk h2::after {
  content: '';
  display: block;
  height: 3px;
  background: #73C513;
  width: 0;
  transition: width 0.4s ease-out;
  margin-top: 4px;
}

.rt .convblk h2:hover::after {
  width: 100%;
}

.rt .convblk .cp1 {
  font-size: 19px;
  line-height: 1.5;
  color: #232323;
  background: #EDF7FF;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 16px;
}

.rt .convblk .cp2 {
  font-size: 15px;
  line-height: 1.8;
  color: #3a3a3a;
}

.rt .convblk .cparen {
  color: #73C513;
}

.rt .convblk .clink {
  display: inline-block;
  margin-top: 20px;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  background: #4C42CC;
  border-radius: 10px;
  padding: 16px 40px;
  text-decoration: none;
  transition: background 0.25s ease-out, transform 0.15s ease-out;
  box-shadow: 2px 6px 25px -1px rgba(76, 66, 204, 0.11);
}

.rt .convblk .clink:hover {
  background: #3730a3;
}

.rt .convblk .clink:active {
  transform: scale(0.97);
}

.rt .archblk {
  background: #EDF7FF;
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}

.rt .archblk .concircles {
  position: absolute;
  right: -80px;
  bottom: -80px;
  width: 320px;
  height: 320px;
  pointer-events: none;
}

.rt .archblk .concircles span {
  position: absolute;
  border-radius: 0;
  border: 1px solid rgba(76, 66, 204, 0.08);
  border-radius: 50%;
}

.rt .archblk .concircles span:nth-child(1) {
  inset: 0;
}

.rt .archblk .concircles span:nth-child(2) {
  inset: 32px;
}

.rt .archblk .concircles span:nth-child(3) {
  inset: 64px;
}

.rt .archblk .concircles span:nth-child(4) {
  inset: 96px;
}

.rt .archblk .pgwrap {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.rt .archblk .atop {
  display: flex;
  flex-direction: row;
  gap: 80px;
  align-items: start;
}

.rt .archblk .atxt {
  flex: 1;
}

.rt .archblk .alabel {
  font-size: 15px;
  color: #4C42CC;
  font-weight: 700;
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.rt .archblk .alabel .dot {
  width: 8px;
  height: 8px;
  background: #4C42CC;
  display: inline-block;
  border-radius: 0;
}

.rt .archblk h2 {
  font-size: 41px;
  line-height: 1.1;
  font-weight: 800;
  color: #111827;
  margin: 0 0 20px 0;
  position: relative;
  display: inline-block;
}

.rt .archblk h2::after {
  content: '';
  display: block;
  height: 3px;
  background: #4C42CC;
  width: 0;
  transition: width 0.42s ease-out;
  margin-top: 4px;
}

.rt .archblk h2:hover::after {
  width: 100%;
}

.rt .archblk .ap1 {
  font-size: 19px;
  line-height: 1.5;
  color: #232323;
  margin-bottom: 16px;
}

.rt .archblk .ap2 {
  font-size: 15px;
  line-height: 1.8;
  color: #3a3a3a;
}

.rt .archblk .aaccent {
  color: #4C42CC;
}

.rt .archblk .aimg {
  flex: 0 0 380px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 2px 8px 36px -1px rgba(76, 66, 204, 0.10);
}

.rt .archblk .aimg img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease-out;
}

.rt .archblk .aimg:hover img {
  transform: scale(1.04);
}

.rt .archblk .asteps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.rt .archblk .astep {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 2px 3px 4px -1px rgba(76, 66, 204, 0.05);
}

.rt .archblk .astep h5 {
  font-size: 15px;
  font-weight: 700;
  color: #4C42CC;
  margin: 0 0 8px 0;
}

.rt .archblk .astep p {
  font-size: 15px;
  line-height: 1.8;
  color: #3a3a3a;
  margin: 0;
}

@media (max-width: 1024px) {
  .rt .pgwrap {
    padding: 0 20px;
  }

  .rt .titblk .pgwrap {
    flex-direction: column;
  }

  .rt .titimg {
    flex: 0 0 auto;
    height: 260px;
  }

  .rt .tittext {
    padding: 40px 20px;
  }

  .rt .tittext h1 {
    font-size: 56px;
  }

  .rt .missionblk .pgwrap {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .rt .diffblk .pgwrap {
    flex-direction: column;
  }

  .rt .readerblk .pgwrap {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .rt .limitsblk .pgwrap {
    flex-direction: column;
  }

  .rt .limitsblk .llist {
    flex: none;
    width: 100%;
  }

  .rt .outcomesblk .otop {
    grid-template-columns: 1fr;
  }

  .rt .outcomesblk .ocards {
    grid-template-columns: 1fr 1fr;
  }

  .rt .convblk .pgwrap {
    grid-template-columns: 1fr;
  }

  .rt .archblk .atop {
    flex-direction: column;
  }

  .rt .archblk .aimg {
    flex: none;
    width: 100%;
  }

  .rt .archblk .asteps {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .rt .tittext h1 {
    font-size: 41px;
  }

  .rt .missionblk {
    padding: 40px 0;
  }

  .rt .missionblk h2 {
    font-size: 24px;
  }

  .rt .diffblk {
    padding: 40px 0;
  }

  .rt .diffblk h2 {
    font-size: 24px;
  }

  .rt .readerblk {
    padding: 40px 0;
  }

  .rt .readerblk h2 {
    font-size: 24px;
  }

  .rt .limitsblk {
    padding: 40px 0;
  }

  .rt .limitsblk h2 {
    font-size: 24px;
  }

  .rt .outcomesblk {
    padding: 40px 0;
  }

  .rt .outcomesblk h2 {
    font-size: 24px;
  }

  .rt .outcomesblk .ocards {
    grid-template-columns: 1fr;
  }

  .rt .convblk {
    padding: 40px 0;
  }

  .rt .convblk h2 {
    font-size: 24px;
  }

  .rt .archblk {
    padding: 40px 0;
  }

  .rt .archblk h2 {
    font-size: 24px;
  }

  .rt .archblk .asteps {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .rt .pgwrap {
    padding: 0 16px;
  }

  .rt .tittext h1 {
    font-size: 41px;
  }

  .rt .tittext .sub {
    font-size: 15px;
  }
}