:root {
   --LICblue: #005f86;
   --LICblueDark: #073b5a;
   --LICblueInk: #082f49;
   --LICcyan: #13a8c8;
   --LICgreen: #58b947;
   --LICgreenDark: #328b37;
   --LICink: #172033;
   --LICmuted: #657084;
   --LICline: #dce7ee;
   --LICpaper: #ffffff;
   --LICback: #f3f8fb;
   --LICshadow: 0 24px 70px rgba(7, 59, 90, 0.18);
}

* { box-sizing: border-box; }

body {
   margin: 0;
   color: var(--LICink);
   font-family: Inter, "Helvetica Neue", Arial, sans-serif;
   background: var(--LICback);
}

a { 
   color: var(--LICdarkBlue); 
}

.LICdocLink { 
   color: blue;
}

.LICsiteHeader {
   min-height: 74px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 28px;
   padding: 18px clamp(22px, 5vw, 72px);
   color: white;
   background: var(--LICblueDark);
}

.LIClogo {
   display: inline-flex;
   align-items: center;
   gap: 12px;
   font-weight: 900;
   letter-spacing: 0.08em;
}

.LIClogoMark {
   width: 38px;
   height: 38px;
   display: grid;
   place-items: center;
   border-radius: 10px;
   background: white;
   color: var(--LICblueDark);
   font-weight: 900;
   letter-spacing: -0.05em;
}

.LICnav {
   display: flex;
   align-items: center;
   gap: 24px;
   font-size: 14px;
   font-weight: 800;
}

.LICnav a { opacity: 0.9; }
.LICnav a:hover { opacity: 1; text-decoration: underline; text-underline-offset: 6px; }

.LIChero {
   color: white;
   background:
      radial-gradient(circle at 78% 20%, rgba(19, 168, 200, 0.6), transparent 28%),
      linear-gradient(135deg, var(--LICblueDark) 0%, var(--LICblue) 62%, #0a7fa3 100%);
}

.LICheroInner {
   max-width: 1120px;
   margin: 0 auto;
   padding: 64px 24px 92px;
   display: grid;
   grid-template-columns: minmax(0, 1fr) 300px;
   gap: 44px;
   align-items: end;
}

.LICeyebrow {
   margin-bottom: 12px;
   color: #b7edf7;
   font-size: 13px;
   font-weight: 900;
   letter-spacing: 0.12em;
   text-transform: uppercase;
}

.LIChero h1 {
   max-width: 740px;
   margin: 0;
   font-size: clamp(38px, 6vw, 72px);
   line-height: 0.95;
   letter-spacing: -0.06em;
}

.LIChero p {
   max-width: 660px;
   margin: 22px 0 0;
   color: #d8f2f7;
   font-size: 19px;
   line-height: 1.55;
}

.LICheroBadge {
   padding: 22px;
   border: 1px solid rgba(255,255,255,0.28);
   border-radius: 22px;
   background: rgba(255,255,255,0.12);
   backdrop-filter: blur(8px);
}

.LICheroBadge strong,
.LICheroBadge span { display: block; }
.LICheroBadge strong { font-size: 18px; }
.LICheroBadge span { margin-top: 6px; color: #d8f2f7; line-height: 1.4; }

.LICcontent {
   max-width: 1120px;
   margin: -52px auto 72px;
   padding: 0 24px;
   display: grid;
   grid-template-columns: 0.82fr 1.18fr;
   gap: 28px;
   align-items: start;
}

.LICnotes,
.LICcard {
   background: var(--LICpaper);
   border: 1px solid rgba(220, 231, 238, 0.95);
   border-radius: 26px;
   box-shadow: var(--LICshadow);
}

.LICnotes {
   padding: 30px;
   border-top: 6px solid var(--LICgreen);
}

.LICnotes h2,
.LICcard h2 {
   margin: 0 0 14px;
   color: var(--LICblueInk);
   font-size: 28px;
   line-height: 1.08;
   letter-spacing: -0.035em;
}

.LICnotes p,
.LICcardIntro {
   margin: 0 0 14px;
   color: var(--LICmuted);
   font-size: 16px;
   line-height: 1.58;
}

.LICcard { padding: 34px; }
.LICcardIntro { margin-bottom: 26px; }

.LICform { display: grid; gap: 18px; }
.LICfield { display: grid; gap: 8px; }

.LIClabel {
   color: var(--LICblueInk);
   font-size: 14px;
   font-weight: 900;
}

input[type="text"],
input[type="number"] {
   width: 100%;
   min-height: 50px;
   padding: 12px 15px;
   color: var(--LICink);
   font: inherit;
   background: #fbfdff;
   border: 1px solid #cbdbe5;
   border-radius: 12px;
   outline: none;
   transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

input[type="text"]:focus,
input[type="number"]:focus {
   background: white;
   border-color: var(--LICcyan);
   box-shadow: 0 0 0 4px rgba(19, 168, 200, 0.16);
}

::placeholder { color: #9aa8b5; }

.LICcheck {
   display: grid;
   grid-template-columns: 24px 1fr;
   gap: 12px;
   align-items: start;
   padding: 16px;
   cursor: pointer;
   border: 1px solid var(--LICline);
   border-radius: 16px;
   background: #f9fcfe;
}

.LICcheck input {
   position: absolute;
   opacity: 0;
   pointer-events: none;
}

.LICcheckBox {
   width: 24px;
   height: 24px;
   margin-top: 1px;
   border: 2px solid #b6c8d4;
   border-radius: 7px;
   background: white;
}

.LICcheck input:checked + .LICcheckBox {
   border-color: var(--LICgreenDark);
   background: linear-gradient(135deg, var(--LICgreen), var(--LICgreenDark));
   box-shadow: inset 0 0 0 4px white;
}

.LICcheck strong,
.LICcheck em { display: block; }
.LICcheck strong { color: var(--LICblueInk); font-size: 15px; }
.LICcheck em { margin-top: 3px; color: var(--LICmuted); font-size: 13px; font-style: normal; line-height: 1.4; }

.LICbutton {
   justify-self: start;
   margin-top: 8px;
   padding: 15px 24px;
   color: white;
   font: inherit;
   font-weight: 900;
   cursor: pointer;
   border: 0;
   border-radius: 999px;
   background: linear-gradient(135deg, var(--LICgreen), var(--LICgreenDark));
   box-shadow: 0 14px 30px rgba(50, 139, 55, 0.28);
   transition: transform 160ms ease, box-shadow 160ms ease;
}

.LICbutton:hover { transform: translateY(-1px); box-shadow: 0 18px 36px rgba(50, 139, 55, 0.34); }
.LICbutton:active { transform: translateY(0); }

.LICfooter {
   color: #d9eef4;
   background: #062f49;
}

.LICfooterInner {
   max-width: 1120px;
   margin: 0 auto;
   padding: 48px 24px;
   display: grid;
   grid-template-columns: 0.9fr 1.6fr;
   gap: 48px;
}

.LICfooterBrand {
   color: white;
   font-weight: 900;
   letter-spacing: 0.08em;
}

.LICfooter p { max-width: 320px; color: #b9d9e4; line-height: 1.55; }

.LICfooterLinks {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 28px;
}

.LICfooter h3 {
   margin: 0 0 12px;
   color: white;
   font-size: 14px;
   letter-spacing: 0.05em;
   text-transform: uppercase;
}

.LICfooter a {
   display: block;
   margin: 10px 0;
   color: #c8e4ec;
   font-size: 14px;
}

.LICfooter a:hover { color: white; text-decoration: underline; text-underline-offset: 5px; }

.LIClegal {
   max-width: 1120px;
   margin: 0 auto;
   padding: 18px 24px 28px;
   color: #9fc8d6;
   border-top: 1px solid rgba(255,255,255,0.12);
   font-size: 13px;
}

@media (max-width: 820px) {
   .LICsiteHeader,
   .LICnav { flex-wrap: wrap; }
   .LICheroInner,
   .LICcontent,
   .LICfooterInner { grid-template-columns: 1fr; }
   .LICheroInner { padding-bottom: 78px; }
   .LICcontent { margin-top: -44px; }
   .LICfooterLinks { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
   .LICsiteHeader { padding: 16px 20px; }
   .LICnav { gap: 14px; }
   .LICheroInner { padding: 46px 20px 72px; }
   .LICcontent { padding: 0 20px; margin-bottom: 48px; }
   .LICnotes, .LICcard { padding: 24px; border-radius: 20px; }
}
