.t-legal-page {   --blue: #0b3f8a;   --blue-dark: #082f68;   --blue-soft: #eaf2ff;   --yellow: #ffc928;   --yellow-soft: #fff6d8;   --text: #172033;   --muted: #5f6b7a;   --border: #dce6f5;   --white: #ffffff;    width: 100%;   max-width: 1180px;   margin: 0 auto;   padding: 34px 18px 56px;   color: var(--text);   font-family: inherit; }  .t-legal-hero {   position: relative;   overflow: hidden;   border-radius: 28px;   padding: 44px 42px;   background:     radial-gradient(circle at top right, rgba(255, 201, 40, 0.32), transparent 34%),     linear-gradient(135deg, var(--blue-dark), var(--blue));   color: var(--white);   box-shadow: 0 20px 48px rgba(8, 47, 104, 0.22); }  .t-legal-kicker {   display: inline-flex;   align-items: center;   gap: 8px;   background: var(--yellow);   color: var(--blue-dark);   font-weight: 800;   font-size: 14px;   padding: 8px 14px;   border-radius: 999px;   margin-bottom: 18px; }  .t-legal-hero h1 {   margin: 0 0 14px;   font-size: clamp(34px, 5vw, 58px);   line-height: 1.05;   font-weight: 900;   color: var(--white); }  .t-legal-hero p {   max-width: 820px;   margin: 0;   font-size: 18px;   line-height: 1.65;   color: rgba(255, 255, 255, 0.92); }  .t-legal-note {   margin: 24px 0;   padding: 22px 24px;   border-radius: 22px;   background: var(--yellow-soft);   border: 1px solid rgba(255, 201, 40, 0.55);   color: var(--blue-dark);   font-size: 17px;   line-height: 1.65;   box-shadow: 0 10px 28px rgba(8, 47, 104, 0.08); }  .t-legal-grid {   display: grid;   grid-template-columns: 1fr;   gap: 22px; }  .t-legal-card {   position: relative;   background: var(--white);   border: 1px solid var(--border);   border-radius: 24px;   padding: 30px 30px 28px;   box-shadow: 0 14px 36px rgba(8, 47, 104, 0.08);   transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease; }  .t-legal-card:hover {   transform: translateY(-3px);   border-color: rgba(11, 63, 138, 0.28);   box-shadow: 0 20px 44px rgba(8, 47, 104, 0.13); }  .t-num {   width: 44px;   height: 44px;   border-radius: 16px;   background: var(--yellow);   color: var(--blue-dark);   display: flex;   align-items: center;   justify-content: center;   font-weight: 900;   font-size: 19px;   margin-bottom: 16px;   box-shadow: 0 8px 18px rgba(255, 201, 40, 0.35); }  .t-legal-card h4 {   margin: 0 0 16px;   color: var(--blue-dark);   font-size: 25px;   line-height: 1.25;   font-weight: 900; }  .t-legal-card h5 {   margin: 22px 0 8px;   color: var(--blue);   font-size: 18px;   line-height: 1.35;   font-weight: 850; }  .t-legal-card p {   margin: 0 0 14px;   color: var(--muted);   font-size: 16px;   line-height: 1.75; }  .t-legal-card ul {   margin: 12px 0 0;   padding: 0;   list-style: none; }  .t-legal-card li {   position: relative;   margin: 10px 0;   padding-left: 30px;   color: var(--muted);   font-size: 16px;   line-height: 1.55; }  .t-legal-card li::before {   content: "";   position: absolute;   left: 0;   top: 8px;   width: 12px;   height: 12px;   border-radius: 50%;   background: var(--yellow);   box-shadow: 0 0 0 4px rgba(255, 201, 40, 0.22); }  .t-chip-list {   display: flex;   flex-wrap: wrap;   gap: 10px;   margin: 18px 0 18px; }  .t-chip-list span {   display: inline-flex;   align-items: center;   border-radius: 999px;   padding: 9px 14px;   background: var(--blue-soft);   color: var(--blue-dark);   font-weight: 800;   font-size: 14px;   border: 1px solid rgba(11, 63, 138, 0.12); }  .t-table-wrap {   width: 100%;   overflow-x: auto;   border-radius: 18px;   border: 1px solid var(--border);   margin-top: 16px; }  .t-table-wrap table {   width: 100%;   border-collapse: collapse;   min-width: 680px;   background: var(--white); }  .t-table-wrap th {   background: var(--blue);   color: var(--white);   text-align: left;   padding: 16px 18px;   font-size: 15px; }  .t-table-wrap td {   padding: 16px 18px;   border-top: 1px solid var(--border);   color: var(--muted);   font-size: 15px;   line-height: 1.5; }  .t-table-wrap tbody tr:nth-child(even) td {   background: #f8fbff; }  .t-legal-card a, .t-legal-footer a {   color: var(--blue);   font-weight: 800;   text-decoration: none; }  .t-legal-card a:hover, .t-legal-footer a:hover {   text-decoration: underline; }  .t-legal-footer {   margin-top: 28px;   border-radius: 26px;   padding: 30px;   background:     radial-gradient(circle at top left, rgba(255, 201, 40, 0.24), transparent 30%),     linear-gradient(135deg, var(--blue), var(--blue-dark));   color: var(--white);   text-align: center;   box-shadow: 0 18px 42px rgba(8, 47, 104, 0.2); }  .t-legal-footer h4 {   margin: 0 0 10px;   color: var(--white);   font-size: 26px;   font-weight: 900; }  .t-legal-footer p {   margin: 0;   color: rgba(255, 255, 255, 0.9);   font-size: 17px;   line-height: 1.55; }  .t-legal-footer a {   color: var(--yellow); }  @media (max-width: 760px) {   .t-legal-page {     padding: 22px 14px 42px;   }    .t-legal-hero {     padding: 32px 24px;     border-radius: 22px;   }    .t-legal-hero p {     font-size: 16px;   }    .t-legal-note {     padding: 18px;     font-size: 15.5px;   }    .t-legal-card {     padding: 24px 20px;     border-radius: 20px;   }    .t-legal-card h4 {     font-size: 22px;   }    .t-legal-card h5 {     font-size: 17px;   }    .t-legal-card p,   .t-legal-card li {     font-size: 15.5px;   }    .t-legal-footer {     padding: 24px 18px;   }    .t-legal-footer h4 {     font-size: 22px;   } } #sp-ks8a8s{width: 100%; max-width: 100%;}#sp-iw5h09{width: calc(100% - 0px);}#sp-r2na66{margin: 0px;}