*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}html{font-family:Inter,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,li,ol,p,pre,ul{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul{list-style:none;padding:0}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}
.z-10{z-index: 10}
.z-20{z-index: 20}
.z-40{z-index: 40}
.z-50{z-index: 50}
.m-1{margin: 0.25rem}
.mx-auto{margin-left: auto; margin-right: auto}
.mb-10{margin-bottom: 2.5rem}
.mb-12{margin-bottom: 3rem}
.mb-2{margin-bottom: 0.5rem}
.mb-3{margin-bottom: 0.75rem}
.mb-4{margin-bottom: 1rem}
.mb-6{margin-bottom: 1.5rem}
.mb-8{margin-bottom: 2rem}
.mt-1{margin-top: 0.25rem}
.mt-2{margin-top: 0.5rem}
.mt-4{margin-top: 1rem}
.block{display: block}
.inline-block{display: inline-block}
.flex{display: flex}
.inline-flex{display: inline-flex}
.grid{display: grid}
.h-1{height: 0.25rem}
.h-12{height: 3rem}
.h-16{height: 4rem}
.h-2{height: 0.5rem}
.h-4{height: 1rem}
.h-6{height: 1.5rem}
.h-64{height: 16rem}
.h-8{height: 2rem}
.h-auto{height: auto}
.h-full{height: 100%}
.h-screen{height: 100vh}
.min-h-\[450px\]{min-height: 450px}
.min-h-\[60px\]{min-height: 60px}
.w-12{width: 3rem}
.w-16{width: 4rem}
.w-2{width: 0.5rem}
.w-24{width: 6rem}
.w-5\/6{width: 83.333333%}
.w-6{width: 1.5rem}
.w-8{width: 2rem}
.w-full{width: 100%}
.max-w-2xl{max-width: 42rem}
.max-w-3xl{max-width: 48rem}
.max-w-4xl{max-width: 56rem}
.max-w-5xl{max-width: 64rem}
.max-w-md{max-width: 28rem}
.flex-shrink-0{flex-shrink: 0}
.flex-grow{flex-grow: 1}
.transform{transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-x-1\/2{--tw-translate-x: -50%}
.-translate-y-1{--tw-translate-y: -0.25rem}
.animate-bounce{animation: bounce 1s infinite}
.animate-fade-in-up{animation: fade-in-up 0.8s ease-out forwards}
.animate-pulse{animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}
.cursor-not-allowed{cursor: not-allowed}
.list-none{list-style-type: none}
.grid-cols-1{grid-template-columns: repeat(1, minmax(0, 1fr))}
.flex-col{flex-direction: column}
.items-start{align-items: flex-start}
.items-center{align-items: center}
.justify-start{justify-content: flex-start}
.justify-end{justify-content: flex-end}
.justify-center{justify-content: center}
.justify-between{justify-content: space-between}
.gap-10{gap: 2.5rem}
.gap-12{gap: 3rem}
.gap-2{gap: 0.5rem}
.gap-3{gap: 0.75rem}
.gap-6{gap: 1.5rem}
.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}
.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))}
.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0; margin-right: calc(2rem * var(--tw-space-x-reverse)); margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)))}
.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0; margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)))}
.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0; margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)))}
.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0; margin-bottom: calc(1rem * var(--tw-space-y-reverse)); margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)))}
.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0; margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)))}
.overflow-hidden{overflow: hidden}
.overflow-y-auto{overflow-y: auto}
.rounded-2xl{border-radius: 1rem}
.rounded-full{border-radius: 9999px}
.rounded-lg{border-radius: 0.5rem}
.rounded-md{border-radius: 0.375rem}
.rounded-xl{border-radius: 0.75rem}
.border{border-width: 1px}
.border-b{border-bottom-width: 1px}
.border-t{border-top-width: 1px}
.border-gray-600{--tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity))}
.border-gray-700{--tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity))}
.border-gray-800{--tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity))}
.border-red-500{--tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity))}
.bg-cover{background-size: cover}
.bg-center{background-position: center}
.bg-fixed{background-attachment: fixed}
.bg-no-repeat{background-repeat: no-repeat}
.bg-dark-bg{background-color: #0D1117}
.bg-dark-bg\/70{background-color: rgba(13,17,23,.7)}
.bg-gray-700{--tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity))}
.bg-light-bg{background-color: #161B22}
.bg-light-bg\/80{background-color: rgba(22,27,34,.8)}
.bg-light-bg\/90{background-color: rgba(22,27,34,.9)}
.bg-primary{background-color: #005BC5}
.bg-secondary{background-color: #006388}
.bg-transparent{background-color: transparent}
.p-1{padding: 0.25rem}
.p-2{padding: 0.5rem}
.p-3{padding: 0.75rem}
.p-4{padding: 1rem}
.p-6{padding: 1.5rem}
.p-8{padding: 2rem}
.px-4{padding-left: 1rem; padding-right: 1rem}
.px-6{padding-left: 1.5rem; padding-right: 1.5rem}
.px-8{padding-left: 2rem; padding-right: 2rem}
.py-2{padding-top: 0.5rem; padding-bottom: 0.5rem}
.py-3{padding-top: 0.75rem; padding-bottom: 0.75rem}
.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}
.pb-2{padding-bottom: 0.5rem}
.pt-2{padding-top: 0.5rem}
.text-center{text-align: center}
.text-sm{font-size: .875rem; line-height: 1.25rem}
.text-base{font-size: 1rem; line-height: 1.5rem}
.text-lg{font-size: 1.125rem; line-height: 1.75rem}
.text-xl{font-size: 1.25rem; line-height: 1.75rem}
.text-2xl{font-size: 1.5rem; line-height: 2rem}
.text-3xl{font-size: 1.875rem; line-height: 2.25rem}
.text-4xl{font-size: 2.25rem; line-height: 2.5rem}
.font-bold{font-weight: 700}
.font-extrabold{font-weight: 800}
.font-medium{font-weight: 500}
.font-semibold{font-weight: 600}
.italic{font-style: italic}
.leading-relaxed{line-height: 1.625}
.leading-tight{line-height: 1.25}
.text-green-400{--tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity))}
.text-primary{color: #E6EDF3}
.text-red-400{--tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity))}
.text-secondary{color: #006388}
.text-text-primary{color: #E6EDF3}
.text-text-secondary{color: #8B949E}
.text-white{--tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity))}
.text-yellow-400{--tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity))}
.opacity-0{opacity: 0}
.opacity-100{opacity: 1}
.opacity-70{opacity: 0.7}
.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.outline-none{outline: 2px solid transparent; outline-offset: 2px}
.backdrop-blur-lg{--tw-backdrop-blur: blur(16px); backdrop-filter: var(--tw-backdrop-filter, var(--tw-backdrop-blur, 0))}
.backdrop-blur-sm{--tw-backdrop-blur: blur(4px); backdrop-filter: var(--tw-backdrop-filter, var(--tw-backdrop-blur, 0))}
.transition{transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms}
.transition-all{transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms}
.duration-300{transition-duration: 300ms}
.ease-in-out{transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}
.\[animation-delay\:-0\.15s\]{animation-delay: -.15s}
.\[animation-delay\:-0\.3s\]{animation-delay: -.3s}
.hover\:-translate-y-1:hover{--tw-translate-y: -0.25rem}
.hover\:scale-105:hover{--tw-scale-x: 1.05; --tw-scale-y: 1.05}
.hover\:scale-110:hover{--tw-scale-x: 1.1; --tw-scale-y: 1.1}
.hover\:bg-primary:hover{background-color: #005BC5}
.hover\:bg-secondary:hover{background-color: #006388}
.hover\:text-primary:hover{color: #E6EDF3}
.hover\:text-secondary:hover{color: #006388}
.hover\:shadow-primary\/20:hover{--tw-shadow-color: rgba(0,91,197,.2); --tw-shadow: var(--tw-shadow-colored)}
.hover\:shadow-primary\/40:hover{--tw-shadow-color: rgba(0,91,197,.4); --tw-shadow: var(--tw-shadow-colored)}
.hover\:shadow-secondary\/30:hover{--tw-shadow-color: rgba(0,99,136,.3); --tw-shadow: var(--tw-shadow-colored)}
.hover\:shadow-secondary\/40:hover{--tw-shadow-color: rgba(0,99,136,.4); --tw-shadow: var(--tw-shadow-colored)}
.focus\:outline-none:focus{outline: 2px solid transparent; outline-offset: 2px}
.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
.focus\:ring-secondary:focus{--tw-ring-color: #006388}
.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}
.focus-visible\:ring-offset-dark-bg:focus-visible{--tw-ring-offset-color: #0D1117}
.focus-visible\:ring-offset-dark-bg\/70:focus-visible{--tw-ring-offset-color: rgba(13,17,23,.7)}
.focus-visible\:ring-offset-light-bg:focus-visible{--tw-ring-offset-color: #161B22}
.focus-visible\:ring-secondary:focus-visible{--tw-ring-color: #006388}
.disabled\:cursor-not-allowed:disabled{cursor: not-allowed}
.disabled\:opacity-50:disabled{opacity: 0.5}
.disabled\:opacity-70:disabled{opacity: 0.7}
.md\:hidden{display: none}
@keyframes fade-in-up{
0%{opacity: 0; transform: translateY(20px)}
to{opacity: 1; transform: translateY(0)}
}
@keyframes pulse{
0%,to{opacity: 1}
50%{opacity: .5}
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
body {
  background-color: #0D1117;
  color: #E6EDF3;
  font-family: 'Inter', sans-serif;
}
.container { width: 100%; margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; }
@media (min-width: 640px) {
  .container { max-width: 640px; }
  .sm\:text-5xl{font-size: 3rem; line-height: 1}
  .sm\:text-lg{font-size: 1.125rem; line-height: 1.75rem}
  .sm\:px-8{padding-left: 2rem; padding-right: 2rem}
  .sm\:py-20{padding-top: 5rem; padding-bottom: 5rem}
}
@media (min-width: 768px) {
  .container { max-width: 768px; }
  .md\:block{display: block}
  .md\:hidden{display: none}
  .md\:h-auto{height: auto}
  .md\:w-1\/2{width: 50%}
  .md\:grid-cols-2{grid-template-columns: repeat(2, minmax(0, 1fr))}
  .md\:flex-row{flex-direction: row}
  .md\:items-stretch{align-items: stretch}
  .md\:justify-start{justify-content: flex-start}
  .md\:gap-8{gap: 2rem}
  .md\:p-12{padding: 3rem}
  .md\:p-8{padding: 2rem}
  .md\:px-6{padding-left: 1.5rem; padding-right: 1.5rem}
  .md\:text-left{text-align: left}
  .md\:text-2xl{font-size: 1.5rem; line-height: 2rem}
  .md\:text-4xl{font-size: 2.25rem; line-height: 2.5rem}
  .md\:text-6xl{font-size: 3.75rem; line-height: 1}
  .md\:mx-0{margin-left: 0; margin-right: 0}
}
@media (min-width: 1024px) {
  .container { max-width: 1024px; }
  .lg\:w-1\/2{width: 50%}
  .lg\:w-2\/5{width: 40%}
  .lg\:w-3\/5{width: 60%}
  .lg\:min-h-\[450px\]{min-height: 450px}
  .lg\:grid-cols-3{grid-template-columns: repeat(3, minmax(0, 1fr))}
  .lg\:grid-cols-4{grid-template-columns: repeat(4, minmax(0, 1fr))}
  .lg\:flex-row{flex-direction: row}
  .lg\:items-center{align-items: center}
  .lg\:text-left{text-align: left}
  .lg\:text-7xl{font-size: 4.5rem; line-height: 1}
  .lg\:mx-0{margin-left: 0; margin-right: 0}
}
@media (min-width: 1280px) {
  .container { max-width: 1280px; }
}
@media (min-width: 1536px) {
  .container { max-width: 1536px; }
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.whitespace-pre-wrap{white-space: pre-wrap}
.sticky{position: sticky}
.absolute{position: absolute}
.relative{position: relative}
.fixed{position: fixed}
.inset-0{top: 0; right: 0; bottom: 0; left: 0}
.bottom-24{bottom: 6rem}
.bottom-8{bottom: 2rem}
.left-1\/2{left: 50%}
.right-8{right: 2rem}
.top-0{top: 0}
.pointer-events-none{pointer-events: none}