/* Minimal Tailwind utility shim for the classes used in this page.
   Replaces the Tailwind CDN so the page can be bundled standalone. */

/* Layout */
.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}
.inset-0{top:0;right:0;bottom:0;left:0}
.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}
.left-1\/2{left:50%}.bottom-10{bottom:2.5rem}
.-translate-x-1\/2{transform:translateX(-50%)}
.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}
.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}
.pointer-events-none{pointer-events:none}
.block{display:block}.inline-block{display:inline-block}
.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}
.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}.items-end{align-items:flex-end}
.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}

/* Sizing */
.min-h-screen{min-height:100vh}
.h-1{height:.25rem}.h-32{height:8rem}.h-40{height:10rem}.h-full{height:100%}
.w-1\.5{width:.375rem}.w-full{width:100%}
.h-1\.5{height:.375rem}

/* Spacing */
.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.gap-20{gap:5rem}
.space-y-32 > * + *{margin-top:8rem}
.mx-auto{margin-left:auto;margin-right:auto}
.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-20{margin-bottom:5rem}
.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}
.pt-8{padding-top:2rem}
.p-2{padding:.5rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-12{padding:3rem}
.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-12{padding-left:3rem;padding-right:3rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-32{padding-top:8rem;padding-bottom:8rem}

/* Max widths */
.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}

/* Type */
.text-center{text-align:center}.text-left{text-align:left}
.uppercase{text-transform:uppercase}
.italic{font-style:italic}
.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem;line-height:1.1}.text-5xl{font-size:3rem;line-height:1.05}.text-6xl{font-size:3.75rem;line-height:1.02}.text-7xl{font-size:4.5rem;line-height:1.02}

/* Colors */
.text-white{color:#fff}
.text-white\/60{color:rgba(255,255,255,.6)}.text-white\/70{color:rgba(255,255,255,.7)}.text-white\/80{color:rgba(255,255,255,.8)}.text-white\/85{color:rgba(255,255,255,.85)}
.bg-white{background-color:#fff}
.bg-white\/5{background-color:rgba(255,255,255,.05)}
.border{border-width:1px;border-style:solid;border-color:#DDE5EE}
.border-t{border-top-width:1px;border-top-style:solid}
.border-white\/15{border-color:rgba(255,255,255,.15)}
.border-white\/20{border-color:rgba(255,255,255,.2)}
.border-white\/30{border-color:rgba(255,255,255,.3)}
.border-white\/40{border-color:rgba(255,255,255,.4)}

/* Radius */
.rounded-full{border-radius:9999px}
.rounded-xl{border-radius:.75rem}
.rounded-2xl{border-radius:1rem}
.rounded-3xl{border-radius:1.5rem}

/* Effects */
.transition-colors{transition:color .2s}
.transition-opacity{transition:opacity .3s}
.duration-300{transition-duration:.3s}
.opacity-0{opacity:0}

/* Hover/focus */
.hover\:bg-white\/10:hover{background-color:rgba(255,255,255,.1)}
.hover\:bg-\[\#EAF1F8\]:hover{background-color:#EAF1F8}
.hover\:bg-white\/60:hover{background-color:rgba(255,255,255,.6)}
.hover\:text-white:hover{color:#fff}
.focus\:outline-none:focus{outline:none}
.focus\:ring-2:focus{box-shadow:0 0 0 2px rgba(93,177,226,.55)}
.focus\:ring-white\/40:focus{box-shadow:0 0 0 2px rgba(255,255,255,.4)}
.focus\:ring-white\/60:focus{box-shadow:0 0 0 2px rgba(255,255,255,.6)}
.focus\:ring-\[\#5DB1E2\]:focus{box-shadow:0 0 0 2px #5DB1E2}
.group:hover .group-hover\:opacity-100{opacity:1}

/* Responsive */
@media (min-width: 768px){
  .md\:block{display:block}
  .md\:flex-row{flex-direction:row}
  .md\:items-end{align-items:flex-end}
  .md\:justify-between{justify-content:space-between}
  .md\:justify-start{justify-content:flex-start}
  .md\:text-left{text-align:left}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:gap-20{gap:5rem}
  .md\:px-12{padding-left:3rem;padding-right:3rem}
  .md\:py-20{padding-top:5rem;padding-bottom:5rem}
  .md\:py-32{padding-top:8rem;padding-bottom:8rem}
  .md\:p-8{padding:2rem}
  .md\:p-12{padding:3rem}
  .md\:text-lg{font-size:1.125rem}
  .md\:text-xl{font-size:1.25rem}
  .md\:text-3xl{font-size:1.875rem}
  .md\:text-4xl{font-size:2.25rem;line-height:1.1}
  .md\:text-5xl{font-size:3rem;line-height:1.05}
  .md\:text-6xl{font-size:3.75rem;line-height:1.02}
  .md\:text-7xl{font-size:4.5rem;line-height:1.02}
  .md\:\[\&\>\*\:first-child\]\:order-2 > *:first-child{order:2}
}