@font-face {font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url('./fonts/inter-300.woff2') format('woff2');}
@font-face {font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('./fonts/inter-400.woff2') format('woff2');}
@font-face {font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('./fonts/inter-500.woff2') format('woff2');}
@font-face {font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('./fonts/inter-600.woff2') format('woff2');}
@font-face {font-family:'Manrope';font-style:normal;font-weight:200;font-display:swap;src:url('./fonts/manrope-200.woff2') format('woff2');}
@font-face {font-family:'Manrope';font-style:normal;font-weight:300;font-display:swap;src:url('./fonts/manrope-300.woff2') format('woff2');}
@font-face {font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('./fonts/manrope-400.woff2') format('woff2');}
@font-face {font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('./fonts/manrope-500.woff2') format('woff2');}
@font-face {font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('./fonts/manrope-600.woff2') format('woff2');}
@font-face {font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('./fonts/manrope-700.woff2') format('woff2');}
@font-face {font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('./fonts/manrope-800.woff2') format('woff2');}
*{box-sizing:border-box;} html,body{margin:0;padding:0;} a{color:inherit;text-decoration:none;} button{font:inherit;background:none;border:0;padding:0;cursor:pointer;} img{max-width:100%;} svg{display:block;}
.material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle;font-size:1em;min-width:1em;min-height:1em;}
.material-symbols-outlined svg{width:1em;height:1em;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.material-symbols-outlined.icon-fill svg{fill:currentColor;stroke:none;}

.absolute{position:absolute;}
.fixed{position:fixed;}
.relative{position:relative;}
.block{display:block;}
.hidden{display:none;}
.flex{display:flex;}
.grid{display:grid;}
.inline-flex{display:inline-flex;}
.flex-col{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.flex-grow{flex-grow:1;}
.flex-shrink-0{flex-shrink:0;}
.flex-1{flex:1 1 0%;}
.items-center{align-items:center;}
.items-start{align-items:flex-start;}
.items-stretch{align-items:stretch;}
.items-end{align-items:flex-end;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.justify-end{justify-content:flex-end;}
.justify-around{justify-content:space-around;}
.overflow-hidden{overflow:hidden;}
.object-cover{object-fit:cover;}
.pointer-events-none{pointer-events:none;}
.cursor-default{cursor:default;}
.align-middle{vertical-align:middle;}
.whitespace-nowrap{white-space:nowrap;}
.italic{font-style:italic;}
.fill-current{fill:currentColor;}
.text-right{text-align:right;}
.uppercase{text-transform:uppercase;}
.tracking-tight{letter-spacing:-0.025em;}
.tracking-tighter{letter-spacing:-0.05em;}
.tracking-widest{letter-spacing:0.1em;}
.leading-tight{line-height:1.25;}
.leading-snug{line-height:1.375;}
.leading-relaxed{line-height:1.625;}
.min-h-screen{min-height:100vh;}
.bg-primary{background-color:var(--c-primary);}
.bg-surface{background-color:var(--c-surface);}
.bg-surface-container{background-color:var(--c-surface-container);}
.bg-surface-container-low{background-color:var(--c-surface-low);}
.bg-surface-container-high{background-color:var(--c-surface-high);}
.text-primary{color:var(--c-primary);}
.text-on-surface{color:var(--c-on-surface);}
.text-on-surface-variant{color:var(--c-on-surface-variant);}
.text-outline{color:var(--c-outline);}
.text-\[\#ecf3ff\]{color:#ecf3ff;}
.font-light{font-weight:300;}
.font-medium{font-weight:500;}
.font-semibold{font-weight:600;}
.font-bold{font-weight:700;}
.font-black{font-weight:900;}
.font-extrabold{font-weight:800;}
.rounded-full{border-radius:9999px;}
.rounded-xl{border-radius:3rem;}
.rounded-2xl{border-radius:1rem;}
.rounded-DEFAULT{border-radius:1rem;}
.top-0{top:0;}
.bottom-0{bottom:0;}
.left-0{left:0;}
.right-0{right:0;}
.-right-10{right:-2.5rem;}
.-top-10{top:-2.5rem;}
.w-full{width:100%;}
.w-auto{width:auto;}
.w-60{width:15rem;}
.w-40{width:10rem;}
.w-28{width:7rem;}
.w-16{width:4rem;}
.w-12{width:3rem;}
.w-7{width:1.75rem;}
.w-4{width:1rem;}
.w-1\.5{width:0.375rem;}
.w-\[400px\]{width:400px;}
.w-\[500px\]{width:500px;}
.h-full{height:100%;}
.h-screen{height:100vh;}
.h-40{height:10rem;}
.h-28{height:7rem;}
.h-16{height:4rem;}
.h-14{height:3.5rem;}
.h-12{height:3rem;}
.h-7{height:1.75rem;}
.h-4{height:1rem;}
.h-1\.5{height:0.375rem;}
.h-px{height:1px;}
.h-\[400px\]{height:400px;}
.h-\[500px\]{height:500px;}
.max-w-xs{max-width:20rem;}
.max-w-xl{max-width:36rem;}
.max-w-2xl{max-width:42rem;}
.max-w-3xl{max-width:48rem;}
.max-w-4xl{max-width:56rem;}
.max-w-\[680px\]{max-width:680px;}
.max-h-\[420px\]{max-height:420px;}
.mx-auto{margin-left:auto;margin-right:auto;}
.ml-0{margin-left:0;}
.mt-0\.5{margin-top:0.125rem;}
.mt-1{margin-top:0.25rem;}
.mt-2{margin-top:0.5rem;}
.mt-3{margin-top:0.75rem;}
.mt-4{margin-top:1rem;}
.mt-6{margin-top:1.5rem;}
.mt-8{margin-top:2rem;}
.mt-14{margin-top:3.5rem;}
.mt-20{margin-top:5rem;}
.mb-1{margin-bottom:0.25rem;}
.mb-2{margin-bottom:0.5rem;}
.mb-3{margin-bottom:0.75rem;}
.mb-4{margin-bottom:1rem;}
.mb-5{margin-bottom:1.25rem;}
.mb-6{margin-bottom:1.5rem;}
.mb-7{margin-bottom:1.75rem;}
.mb-8{margin-bottom:2rem;}
.mb-10{margin-bottom:2.5rem;}
.mb-12{margin-bottom:3rem;}
.mb-14{margin-bottom:3.5rem;}
.mb-16{margin-bottom:4rem;}
.mb-20{margin-bottom:5rem;}
.mb-28{margin-bottom:7rem;}
.mr-1{margin-right:0.25rem;}
.p-5{padding:1.25rem;}
.p-6{padding:1.5rem;}
.p-7{padding:1.75rem;}
.p-8{padding:2rem;}
.px-2{padding-left:0.5rem;padding-right:0.5rem;}
.px-3{padding-left:0.75rem;padding-right:0.75rem;}
.px-4{padding-left:1rem;padding-right:1rem;}
.px-5{padding-left:1.25rem;padding-right:1.25rem;}
.px-6{padding-left:1.5rem;padding-right:1.5rem;}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem;}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem;}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}
.py-8{padding-top:2rem;padding-bottom:2rem;}
.pt-2{padding-top:0.5rem;}
.pt-4{padding-top:1rem;}
.pt-5{padding-top:1.25rem;}
.pt-8{padding-top:2rem;}
.pt-10{padding-top:2.5rem;}
.pt-20{padding-top:5rem;}
.pb-7{padding-bottom:1.75rem;}
.pb-28{padding-bottom:7rem;}
.gap-2{gap:0.5rem;}
.gap-2\.5{gap:0.625rem;}
.gap-3{gap:0.75rem;}
.gap-4{gap:1rem;}
.gap-5{gap:1.25rem;}
.gap-6{gap:1.5rem;}
.gap-8{gap:2rem;}
.gap-10{gap:2.5rem;}
.space-y-1 > * + * {margin-top:0.25rem;}
.space-y-1\.5 > * + * {margin-top:0.375rem;}
.space-y-3 > * + * {margin-top:0.75rem;}
.space-y-4 > * + * {margin-top:1rem;}
.space-y-5 > * + * {margin-top:1.25rem;}
.space-y-6 > * + * {margin-top:1.5rem;}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.text-xs{font-size:0.75rem;line-height:1rem;}
.text-sm{font-size:0.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;}
.text-\[9px\]{font-size:9px;}
.text-\[10px\]{font-size:10px;}
.text-\[11px\]{font-size:11px;}
.text-\[12px\]{font-size:12px;}
.text-\[14px\]{font-size:14px;}
.text-\[18px\]{font-size:18px;}
.text-\[22px\]{font-size:22px;}
.tracking-\[0\.18em\]{letter-spacing:0.18em;}
.tracking-\[0\.2em\]{letter-spacing:0.2em;}
.tracking-\[0\.22em\]{letter-spacing:0.22em;}
.tracking-\[0\.24em\]{letter-spacing:0.24em;}
.tracking-\[0\.35em\]{letter-spacing:0.35em;}
.leading-\[0\.88\]{line-height:0.88;}
.leading-\[0\.92\]{line-height:0.92;}
.z-50{z-index:50;}
.opacity-40{opacity:0.4;}
.border-t-2{border-top-width:2px;}
.border-transparent{border-color:transparent;}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);}
.transition-opacity{transition-property:opacity;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);}
.transition-transform{transition-property:transform;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);}
.duration-200{transition-duration:200ms;}
.duration-300{transition-duration:300ms;}
.duration-500{transition-duration:500ms;}
@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2;}.md\:col-span-4{grid-column:span 4 / span 4;}.md\:col-span-6{grid-column:span 6 / span 6;}.md\:col-span-8{grid-column:span 8 / span 8;}.md\:flex-row{flex-direction:row;}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr));}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.md\:hidden{display:none;}.md\:items-center{align-items:center;}.md\:items-end{align-items:flex-end;}.md\:justify-end{justify-content:flex-end;}.md\:ml-60{margin-left:15rem;}.md\:p-8{padding:2rem;}.md\:pb-16{padding-bottom:4rem;}.md\:pb-20{padding-bottom:5rem;}.md\:pl-20{padding-left:5rem;}.md\:pt-16{padding-top:4rem;}.md\:px-16{padding-left:4rem;padding-right:4rem;}.md\:text-right{text-align:right;}.md\:w-2\/5{width:40%;}.md\:w-3\/5{width:60%;}.md\:w-40{width:10rem;}.md\:h-40{height:10rem;}}
@media (min-width: 1024px){.lg\:flex{display:flex;}}
.hover\:text-on-surface:hover{color:var(--c-on-surface);}
.hover\:text-primary:hover{color:var(--c-primary);}
.hover\:bg-surface-container-high:hover{background-color:var(--c-surface-high);}
.hover\:opacity-90:hover{opacity:0.9;}
.hover\:-translate-y-0\.5:hover{transform:translateY(-0.125rem);}
.group:hover .group-hover\:text-primary{color:var(--c-primary);}