@import"https://fonts.googleapis.com/css2?family=Hanalei&family=Hanalei+Fill&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-200:oklch(88.5% .062 18.334);--color-red-600:oklch(57.7% .245 27.325);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-purple-600:oklch(55.8% .288 302.321);--color-slate-100:oklch(96.8% .007 247.896);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-thin:100;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-wide:.025em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-gray:#999;--color-light-green:#cce6ad;--color-dark-green:#539c00;--color-exer-active:#4e4e50;--color-red-error:#bc2a2a;--color-red-text-main:#b91c1c;--color-red-light:#fecaca;--color-light-blue:#d1d8ff;--color-light-blue-landing:#e7ebff;--color-light-blue-hover:#eff6ff;--color-dark-gray:#939393;--color-container-gray:#bebebe;--color-input-gray:#ebebeb;--color-price-gray:#e3e3e3;--color-line-gray:#c2c2c2;--color-dark-line-gray:#6a7282;--color-light-gray:#e9e9e9;--color-gray-text:#8f90a6;--color-dark-gray-text:#364153;--color-light-gray-text:#d1d5dc;--color-primary-indigo:#3f51b5;--color-primary-color-sk:#8f2c40;--color-primary-soft-color-sk:#e5c1c8;--color-secondary-color-sk:#dde5c1;--color-light-green-land:#aed581;--color-light-orange-land:#ffba4c;--color-yellow-land:#ffd855;--color-score-text:#d9a215;--color-bg-soft:#dde5c1;--color-green-progress-bar:#83bf22}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.-top-3{top:calc(var(--spacing)*-3)}.-top-4{top:calc(var(--spacing)*-4)}.-top-7{top:calc(var(--spacing)*-7)}.-top-\[10px\]{top:-10px}.top-0{top:calc(var(--spacing)*0)}.top-3{top:calc(var(--spacing)*3)}.top-7{top:calc(var(--spacing)*7)}.top-8{top:calc(var(--spacing)*8)}.top-\[1px\]{top:1px}.top-\[10px\]{top:10px}.top-\[22px\]{top:22px}.top-\[48\.2\%\]{top:48.2%}.top-\[50\%\]{top:50%}.top-\[70\%\]{top:70%}.top-full{top:100%}.-right-2{right:calc(var(--spacing)*-2)}.-right-4{right:calc(var(--spacing)*-4)}.-right-9{right:calc(var(--spacing)*-9)}.-right-\[8px\]{right:-8px}.-right-\[10px\]{right:-10px}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.right-\[-30\%\]{right:-30%}.right-\[15\%\]{right:15%}.right-\[80\%\]{right:80%}.right-\[110\%\]{right:110%}.right-\[115\%\]{right:115%}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-\[30\%\]{bottom:30%}.-left-2{left:calc(var(--spacing)*-2)}.-left-4{left:calc(var(--spacing)*-4)}.-left-\[34px\]{left:-34px}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing)*3)}.left-\[2px\]{left:2px}.left-\[15\%\]{left:15%}.z-30{z-index:30}.z-50{z-index:50}.z-\[55\]{z-index:55}.z-\[98\]{z-index:98}.z-\[99\]{z-index:99}.z-\[999\]{z-index:999}.order-1{order:1}.order-2{order:2}.float-right{float:right}.container{width:100%}@media (min-width:641px){.container{max-width:641px}}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-1{margin:calc(var(--spacing)*1)}.m-4{margin:calc(var(--spacing)*4)}.m-8{margin:calc(var(--spacing)*8)}.m-13{margin:calc(var(--spacing)*13)}.m-16{margin:calc(var(--spacing)*16)}.m-20{margin:calc(var(--spacing)*20)}.m-21{margin:calc(var(--spacing)*21)}.m-35{margin:calc(var(--spacing)*35)}.m-37{margin:calc(var(--spacing)*37)}.m-42{margin:calc(var(--spacing)*42)}.m-46{margin:calc(var(--spacing)*46)}.m-57{margin:calc(var(--spacing)*57)}.m-66{margin:calc(var(--spacing)*66)}.m-100{margin:calc(var(--spacing)*100)}.m-111{margin:calc(var(--spacing)*111)}.m-129{margin:calc(var(--spacing)*129)}.m-159{margin:calc(var(--spacing)*159)}.m-248{margin:calc(var(--spacing)*248)}.m-251{margin:calc(var(--spacing)*251)}.m-255{margin:calc(var(--spacing)*255)}.m-266{margin:calc(var(--spacing)*266)}.m-267{margin:calc(var(--spacing)*267)}.m-274{margin:calc(var(--spacing)*274)}.m-282{margin:calc(var(--spacing)*282)}.m-295{margin:calc(var(--spacing)*295)}.m-302{margin:calc(var(--spacing)*302)}.m-333{margin:calc(var(--spacing)*333)}.m-340{margin:calc(var(--spacing)*340)}.m-343{margin:calc(var(--spacing)*343)}.m-367{margin:calc(var(--spacing)*367)}.m-395{margin:calc(var(--spacing)*395)}.m-403{margin:calc(var(--spacing)*403)}.m-422{margin:calc(var(--spacing)*422)}.m-451{margin:calc(var(--spacing)*451)}.m-498{margin:calc(var(--spacing)*498)}.m-1213{margin:calc(var(--spacing)*1213)}.m-2003{margin:calc(var(--spacing)*2003)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing)*2)}.my-3{margin-block:calc(var(--spacing)*3)}.my-4{margin-block:calc(var(--spacing)*4)}.my-6{margin-block:calc(var(--spacing)*6)}.my-8{margin-block:calc(var(--spacing)*8)}.my-24{margin-block:calc(var(--spacing)*24)}.my-\[4px\]{margin-block:4px}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-16{margin-top:calc(var(--spacing)*16)}.mt-22{margin-top:calc(var(--spacing)*22)}.mt-\[2px\]{margin-top:2px}.mt-\[4px\]{margin-top:4px}.mt-\[175px\]{margin-top:175px}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-\[4px\]{margin-right:4px}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-\[4px\]{margin-bottom:4px}.mb-\[64px\]{margin-bottom:64px}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-6{margin-left:calc(var(--spacing)*6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.h-2{height:calc(var(--spacing)*2)}.h-8{height:calc(var(--spacing)*8)}.h-14{height:calc(var(--spacing)*14)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-28{height:calc(var(--spacing)*28)}.h-44{height:calc(var(--spacing)*44)}.h-\[1\.5px\]{height:1.5px}.h-\[1px\]{height:1px}.h-\[2px\]{height:2px}.h-\[3px\]{height:3px}.h-\[12px\]{height:12px}.h-\[20px\]{height:20px}.h-\[24px\]{height:24px}.h-\[26px\]{height:26px}.h-\[30px\]{height:30px}.h-\[40px\]{height:40px}.h-\[50px\]{height:50px}.h-\[56px\]{height:56px}.h-\[64px\]{height:64px}.h-\[72px\]{height:72px}.h-\[90dvh\]{height:90dvh}.h-\[142\.5px\]{height:142.5px}.h-\[160px\]{height:160px}.h-\[170px\]{height:170px}.h-\[200px\]{height:200px}.h-\[230px\]{height:230px}.h-\[240px\]{height:240px}.h-\[285px\]{height:285px}.h-\[300px\]{height:300px}.h-\[350px\]{height:350px}.h-\[400px\]{height:400px}.h-\[420px\]{height:420px}.h-\[calc\(100\%-348px\)\]{height:calc(100% - 348px)}.h-\[calc\(100dvh-64px\)\]{height:calc(100dvh - 64px)}.h-auto{height:auto}.h-full{height:100%}.h-max{height:max-content}.h-min{height:min-content}.max-h-0{max-height:calc(var(--spacing)*0)}.max-h-\[80dvh\]{max-height:80dvh}.min-h-\[40px\]{min-height:40px}.min-h-\[48px\]{min-height:48px}.min-h-\[64px\]{min-height:64px}.min-h-\[70vh\]{min-height:70vh}.min-h-\[80dvh\]{min-height:80dvh}.min-h-\[90dvh\]{min-height:90dvh}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[140px\]{min-height:140px}.min-h-\[200px\]{min-height:200px}.min-h-\[350px\]{min-height:350px}.min-h-\[400px\]{min-height:400px}.min-h-\[600px\]{min-height:600px}.min-h-\[calc\(100dvh-64px\)\]{min-height:calc(100dvh - 64px)}.min-h-dvh{min-height:100dvh}.min-h-max{min-height:max-content}.w-1\/4{width:25%}.w-1\/5{width:20%}.w-2{width:calc(var(--spacing)*2)}.w-2\/12{width:16.6667%}.w-4\/12{width:33.3333%}.w-5\/12{width:41.6667%}.w-6{width:calc(var(--spacing)*6)}.w-6\/12{width:50%}.w-8{width:calc(var(--spacing)*8)}.w-8\/12{width:66.6667%}.w-12\/12{width:100%}.w-14{width:calc(var(--spacing)*14)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-\[2px\]{width:2px}.w-\[12px\]{width:12px}.w-\[20px\]{width:20px}.w-\[24px\]{width:24px}.w-\[26px\]{width:26px}.w-\[28px\]{width:28px}.w-\[30px\]{width:30px}.w-\[34px\]{width:34px}.w-\[35\%\]{width:35%}.w-\[40\%\]{width:40%}.w-\[40px\]{width:40px}.w-\[50px\]{width:50px}.w-\[55\%\]{width:55%}.w-\[60px\]{width:60px}.w-\[80px\]{width:80px}.w-\[90\%\]{width:90%}.w-\[120\%\]{width:120%}.w-\[120px\]{width:120px}.w-\[130px\]{width:130px}.w-\[150px\]{width:150px}.w-\[153px\]{width:153px}.w-\[170px\]{width:170px}.w-\[200px\]{width:200px}.w-\[230px\]{width:230px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[500px\]{width:500px}.w-\[560px\]{width:560px}.w-full{width:100%}.w-max{width:max-content}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[100dvw\]{max-width:100dvw}.max-w-\[320px\]{max-width:320px}.max-w-\[500px\]{max-width:500px}.max-w-\[640px\]{max-width:640px}.max-w-\[800px\]{max-width:800px}.max-w-\[1920px\]{max-width:1920px}.max-w-\[calc\(100vw_-_32px\)\]{max-width:calc(100vw - 32px)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[96px\]{min-width:96px}.min-w-\[153px\]{min-width:153px}.min-w-\[156px\]{min-width:156px}.min-w-\[160px\]{min-width:160px}.min-w-\[300px\]{min-width:300px}.min-w-\[320px\]{min-width:320px}.min-w-\[420px\]{min-width:420px}.min-w-\[540px\]{min-width:540px}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-rotate-0{rotate:none}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.place-items-start{place-items:start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-15{gap:calc(var(--spacing)*15)}.gap-\[2px\]{gap:2px}.gap-\[4px\]{gap:4px}.gap-\[26px\]{gap:26px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.rounded-\[9px\]{border-radius:9px}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[20px\]{border-radius:20px}.rounded-\[24px\]{border-radius:24px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-\[8px\]{border-top-left-radius:8px;border-top-right-radius:8px}.rounded-t-\[50px\]{border-top-left-radius:50px;border-top-right-radius:50px}.rounded-l-\[8px\]{border-top-left-radius:8px;border-bottom-left-radius:8px}.rounded-r-\[8px\]{border-top-right-radius:8px;border-bottom-right-radius:8px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1px\]{border-style:var(--tw-border-style);border-width:1px}.border-\[2px\]{border-style:var(--tw-border-style);border-width:2px}.border-y-\[1px\]{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r,.border-r-\[1px\]{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b,.border-b-\[1px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-\[1px\]{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-solid{--tw-border-style:solid;border-style:solid}.border-\[\#8F2C40\]{border-color:#8f2c40}.border-\[\#628923\]{border-color:#628923}.border-\[\#B2B2B2\]{border-color:#b2b2b2}.border-\[\#BEBEBE\]{border-color:#bebebe}.border-\[\#C0392B\]{border-color:#c0392b}.border-\[\#E5D5D9\]{border-color:#e5d5d9}.border-\[\#d1d5db\]{border-color:#d1d5db}.border-\[\#e4e2dd\]{border-color:#e4e2dd}.border-black{border-color:var(--color-black)}.border-dark-gray{border-color:var(--color-dark-gray)}.border-dark-line-gray{border-color:var(--color-dark-line-gray)}.border-exer-active{border-color:var(--color-exer-active)}.border-light-gray{border-color:var(--color-light-gray)}.border-light-gray-text{border-color:var(--color-light-gray-text)}.border-primary-color-sk{border-color:var(--color-primary-color-sk)}.bg-\[\#8F00FF\]{background-color:#8f00ff}.bg-\[\#8F2C40\]{background-color:#8f2c40}.bg-\[\#628923\]{background-color:#628923}.bg-\[\#DDE5C1\]{background-color:#dde5c1}.bg-\[\#E6F3FF\]{background-color:#e6f3ff}.bg-\[\#E7EBFF\]{background-color:#e7ebff}.bg-\[\#EFF6E0\]{background-color:#eff6e0}.bg-\[\#FFD6E4\]{background-color:#ffd6e4}.bg-\[\#FFD072\]{background-color:#ffd072}.bg-bg-soft{background-color:var(--color-bg-soft)}.bg-black{background-color:var(--color-black)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-container-gray{background-color:var(--color-container-gray)}.bg-dark-gray{background-color:var(--color-dark-gray)}.bg-dark-green{background-color:var(--color-dark-green)}.bg-dark-line-gray{background-color:var(--color-dark-line-gray)}.bg-exer-active{background-color:var(--color-exer-active)}.bg-gray{background-color:var(--color-gray)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-green-progress-bar{background-color:var(--color-green-progress-bar)}.bg-input-gray{background-color:var(--color-input-gray)}.bg-light-blue{background-color:var(--color-light-blue)}.bg-light-blue-landing{background-color:var(--color-light-blue-landing)}.bg-light-gray{background-color:var(--color-light-gray)}.bg-light-green{background-color:var(--color-light-green)}.bg-light-green-land{background-color:var(--color-light-green-land)}.bg-light-orange-land{background-color:var(--color-light-orange-land)}.bg-line-gray{background-color:var(--color-line-gray)}.bg-price-gray{background-color:var(--color-price-gray)}.bg-primary-color-sk{background-color:var(--color-primary-color-sk)}.bg-primary-indigo{background-color:var(--color-primary-indigo)}.bg-primary-soft-color-sk{background-color:var(--color-primary-soft-color-sk)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-light{background-color:var(--color-red-light)}.bg-red-text-main{background-color:var(--color-red-text-main)}.bg-secondary-color-sk{background-color:var(--color-secondary-color-sk)}.bg-white{background-color:var(--color-white)}.bg-yellow-land{background-color:var(--color-yellow-land)}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#B1BCF4\]{--tw-gradient-from:#b1bcf4;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#3F51B5\]{--tw-gradient-to:#3f51b5;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-cover{background-size:cover}.bg-center{background-position:50%}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.object-top{object-position:top}.p-0{padding:calc(var(--spacing)*0)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-12{padding:calc(var(--spacing)*12)}.p-\[2px\]{padding:2px}.p-\[4px\]{padding:4px}.p-\[8px\]{padding:8px}.p-\[10px\]{padding:10px}.p-\[10xp\]{padding:10xp}.p-\[16px\]{padding:16px}.p-\[24px\]{padding:24px}.px-0{padding-inline:calc(var(--spacing)*0)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-12{padding-inline:calc(var(--spacing)*12)}.px-\[2px\]{padding-inline:2px}.px-\[4px\]{padding-inline:4px}.px-\[10px\]{padding-inline:10px}.px-\[16px\]{padding-inline:16px}.px-\[24px\]{padding-inline:24px}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-4\.5{padding-block:calc(var(--spacing)*4.5)}.py-5{padding-block:calc(var(--spacing)*5)}.py-7{padding-block:calc(var(--spacing)*7)}.py-12{padding-block:calc(var(--spacing)*12)}.py-\[2px\]{padding-block:2px}.py-\[4px\]{padding-block:4px}.py-\[8px\]{padding-block:8px}.py-\[12px\]{padding-block:12px}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-\[1px\]{padding-top:1px}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pl-11{padding-left:calc(var(--spacing)*11)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-9xl{font-size:var(--text-9xl);line-height:var(--tw-leading,var(--text-9xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[36px\]{font-size:36px}.text-\[40px\]{font-size:40px}.text-\[48px\]{font-size:48px}.text-\[56px\]{font-size:56px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-\[\#1e2939\]{color:#1e2939}.text-\[\#3F51B5\]{color:#3f51b5}.text-\[\#8F2C40\]{color:#8f2c40}.text-\[\#616161\]{color:#616161}.text-\[\#628923\]{color:#628923}.text-\[\#fff\]{color:#fff}.text-black{color:var(--color-black)}.text-blue-600{color:var(--color-blue-600)}.text-dark-gray{color:var(--color-dark-gray)}.text-dark-gray-text{color:var(--color-dark-gray-text)}.text-dark-line-gray{color:var(--color-dark-line-gray)}.text-gray{color:var(--color-gray)}.text-gray-300{color:var(--color-gray-300)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-gray-text{color:var(--color-gray-text)}.text-primary-color-sk{color:var(--color-primary-color-sk)}.text-primary-indigo{color:var(--color-primary-indigo)}.text-red-200{color:var(--color-red-200)}.text-red-600{color:var(--color-red-600)}.text-red-error{color:var(--color-red-error)}.text-red-text-main{color:var(--color-red-text-main)}.text-score-text{color:var(--color-score-text)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.accent-\[\#8F2C40\]{accent-color:#8f2c40}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.\[scrollbar-width\:none\]{scrollbar-width:none}.odd\:bg-light-gray:nth-child(odd){background-color:var(--color-light-gray)}.even\:mt-2:nth-child(2n){margin-top:calc(var(--spacing)*2)}@media (hover:hover){.hover\:scale-\[99\%\]:hover{scale:99%}.hover\:scale-\[102\%\]:hover{scale:102%}.hover\:scale-\[105\%\]:hover{scale:105%}.hover\:bg-\[\#682230\]:hover{background-color:#682230}.hover\:bg-\[\#f9fafb\]:hover{background-color:#f9fafb}.hover\:bg-light-blue-hover:hover{background-color:var(--color-light-blue-hover)}.hover\:bg-light-green:hover{background-color:var(--color-light-green)}.hover\:bg-primary-color-sk\/90:hover{background-color:#8f2c40e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary-color-sk\/90:hover{background-color:color-mix(in oklab,var(--color-primary-color-sk)90%,transparent)}}.hover\:text-light-gray-text:hover{color:var(--color-light-gray-text)}.hover\:text-primary-color-sk:hover{color:var(--color-primary-color-sk)}.hover\:opacity-90:hover{opacity:.9}}.disabled\:border-none:disabled{--tw-border-style:none;border-style:none}.disabled\:bg-\[\#C9A0A8\]:disabled{background-color:#c9a0a8}.disabled\:bg-slate-100:disabled{background-color:var(--color-slate-100)}.disabled\:text-gray-400:disabled{color:var(--color-gray-400)}@media (min-width:641px){.mbl\:left-\[50\%\]{left:50%}.mbl\:mt-0{margin-top:calc(var(--spacing)*0)}.mbl\:ml-0{margin-left:calc(var(--spacing)*0)}.mbl\:block{display:block}.mbl\:hidden{display:none}.mbl\:h-\[32px\]{height:32px}.mbl\:h-\[124px\]{height:124px}.mbl\:h-\[170px\]{height:170px}.mbl\:h-\[230px\]{height:230px}.mbl\:h-auto{height:auto}.mbl\:w-3\/12{width:25%}.mbl\:w-4\/12{width:33.3333%}.mbl\:w-6\/12{width:50%}.mbl\:w-8\/12{width:66.6667%}.mbl\:w-10\/12{width:83.3333%}.mbl\:w-\[13\.98\%\]{width:13.98%}.mbl\:w-\[16\.79\%\]{width:16.79%}.mbl\:w-\[17\.67\%\]{width:17.67%}.mbl\:w-\[23\.6\%\]{width:23.6%}.mbl\:w-\[27\.95\%\]{width:27.95%}.mbl\:w-\[56px\]{width:56px}.mbl\:w-\[170px\]{width:170px}.mbl\:w-\[230px\]{width:230px}.mbl\:w-auto{width:auto}.mbl\:w-full{width:100%}.mbl\:max-w-\[80\%\]{max-width:80%}.mbl\:min-w-\[1800px\]{min-width:1800px}.mbl\:shrink-0{flex-shrink:0}.mbl\:\[grid-template-columns\:var\(--evolution-columns\)\]{grid-template-columns:var(--evolution-columns)}.mbl\:flex-row{flex-direction:row}.mbl\:flex-wrap{flex-wrap:wrap}.mbl\:items-center{align-items:center}.mbl\:gap-4{gap:calc(var(--spacing)*4)}.mbl\:gap-\[26px\]{gap:26px}.mbl\:object-center{object-position:center}.mbl\:p-6{padding:calc(var(--spacing)*6)}.mbl\:px-12{padding-inline:calc(var(--spacing)*12)}}@media (min-width:40rem){.sm\:h-\[40px\]{height:40px}.sm\:h-\[260px\]{height:260px}.sm\:h-\[320px\]{height:320px}.sm\:w-\[80\%\]{width:80%}.sm\:w-\[100\%\]{width:100%}.sm\:flex-row{flex-direction:row}.sm\:justify-between{justify-content:space-between}.sm\:gap-6{gap:calc(var(--spacing)*6)}.sm\:p-4{padding:calc(var(--spacing)*4)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:px-2{padding-inline:calc(var(--spacing)*2)}.sm\:px-8{padding-inline:calc(var(--spacing)*8)}.sm\:py-2{padding-block:calc(var(--spacing)*2)}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-\[20px\]{font-size:20px}.sm\:text-\[24px\]{font-size:24px}}@media (min-width:48rem){.md\:visible{visibility:visible}.md\:fixed{position:fixed}.md\:mt-0{margin-top:calc(var(--spacing)*0)}.md\:mt-8{margin-top:calc(var(--spacing)*8)}.md\:mt-12{margin-top:calc(var(--spacing)*12)}.md\:mt-18{margin-top:calc(var(--spacing)*18)}.md\:w-1\/5{width:20%}.md\:w-3\/12{width:25%}.md\:w-4\/12{width:33.3333%}.md\:w-6\/12{width:50%}.md\:w-8\/12{width:66.6667%}.md\:w-9\/12{width:75%}.md\:w-\[140px\]{width:140px}.md\:w-\[382px\]{width:382px}.md\:max-w-\[540px\]{max-width:540px}.md\:min-w-\[340px\]{min-width:340px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:justify-between{justify-content:space-between}.md\:gap-18{gap:calc(var(--spacing)*18)}.md\:p-2{padding:calc(var(--spacing)*2)}.md\:p-4{padding:calc(var(--spacing)*4)}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:p-\[16px\]{padding:16px}.md\:px-8{padding-inline:calc(var(--spacing)*8)}.md\:text-center{text-align:center}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-\[32px\]{font-size:32px}}@media (min-width:64rem){.min-lg\:-top-\[10px\]{top:-10px}.min-lg\:top-\[1px\]{top:1px}.min-lg\:right-\[110\%\]{right:110%}.min-lg\:right-\[115\%\]{right:115%}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:ml-auto{margin-left:auto}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-\[211px\]{height:211px}.lg\:h-\[380px\]{height:380px}.lg\:h-\[500px\]{height:500px}.lg\:max-h-\[190px\]{max-height:190px}.lg\:min-h-\[64px\]{min-height:64px}.lg\:w-4\/12{width:33.3333%}.lg\:w-6\/12{width:50%}.lg\:w-8\/12{width:66.6667%}.lg\:w-10\/12{width:83.3333%}.lg\:min-w-\[156px\]{min-width:156px}.lg\:flex-1{flex:1}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[9fr_4fr\]{grid-template-columns:9fr 4fr}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:gap-0{gap:calc(var(--spacing)*0)}.lg\:gap-2{gap:calc(var(--spacing)*2)}.lg\:gap-30{gap:calc(var(--spacing)*30)}.lg\:p-12{padding:calc(var(--spacing)*12)}.lg\:px-6{padding-inline:calc(var(--spacing)*6)}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\:py-2{padding-block:calc(var(--spacing)*2)}.lg\:text-\[56px\]{font-size:56px}.lg\:even\:mt-2:nth-child(2n){margin-top:calc(var(--spacing)*2)}}@media (min-width:80rem){.xl\:w-4\/12{width:33.3333%}.xl\:w-8\/12{width:66.6667%}.xl\:flex-row{flex-direction:row}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}}*{box-sizing:border-box}html,body{background-color:#e9e9e9;margin:0;padding:0}html{overflow-x:hidden}.hanalei-fill-regular{font-family:Hanalei Fill,system-ui;font-style:normal;font-weight:400}.hanalei-regular{font-family:Hanalei,system-ui;font-style:normal;font-weight:400}.loadingSpinnerContainer{z-index:5000;background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}@media print{.noPrint{visibility:hidden}#section-to-print{visibility:visible;position:absolute;top:0;left:0}}.loadingSpinner{border:8px solid #ff8c00;border-color:#ff8c00 #0000;border-radius:50%;width:64px;height:64px;padding-top:10px;padding-bottom:10px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:640px){.responsive-modal{width:80dvw!important}}.clickable-rt{color:#000}.clickable-rt-out{cursor:pointer;color:#00f;border-radius:4px;padding:2px}.clickable-rt-out:hover{color:#fff;background-color:#3f51b5}.hoverable-word{cursor:pointer}.hoverable-word:hover{color:#fff;background-color:#3f51b5}.poppins-thin{font-family:Poppins,sans-serif;font-style:normal;font-weight:100}.poppins-extralight{font-family:Poppins,sans-serif;font-style:normal;font-weight:200}.poppins-light{font-family:Poppins,sans-serif;font-style:normal;font-weight:300}.poppins-regular{font-family:Poppins,sans-serif}.poppins-regular .poppins-thin{font-family:Poppins,sans-serif;font-style:normal;font-weight:100}.poppins-regular .poppins-extralight{font-family:Poppins,sans-serif;font-style:normal;font-weight:200}.poppins-regular .poppins-light{font-family:Poppins,sans-serif;font-style:normal;font-weight:300}.poppins-regular .poppins-regular{font-family:Poppins,sans-serif;font-style:normal;font-weight:400}.poppins-regular .poppins-medium{font-family:Poppins,sans-serif;font-style:normal;font-weight:500}.poppins-regular .poppins-semibold{font-family:Poppins,sans-serif;font-style:normal;font-weight:600}.poppins-regular .poppins-bold{font-family:Poppins,sans-serif;font-style:normal;font-weight:700}.poppins-regular .poppins-extrabold{font-family:Poppins,sans-serif;font-style:normal;font-weight:800}.poppins-regular .poppins-black{font-family:Poppins,sans-serif;font-style:normal;font-weight:900}.poppins-regular .poppins-thin-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:100}.poppins-regular .poppins-extralight-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:200}.poppins-regular .poppins-light-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:300}.poppins-regular .poppins-regular-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:400}.poppins-regular .poppins-medium-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:500}.poppins-regular .poppins-semibold-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:600}.poppins-regular .poppins-bold-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:700}.poppins-regular .poppins-extrabold-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:800}.poppins-regular .poppins-black-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:900}.poppins-medium{font-family:Poppins,sans-serif;font-style:normal;font-weight:500}.poppins-semibold{font-family:Poppins,sans-serif;font-style:normal;font-weight:600}.poppins-bold{font-family:Poppins,sans-serif;font-style:normal;font-weight:700}.poppins-extrabold{font-family:Poppins,sans-serif;font-style:normal;font-weight:800}.poppins-black{font-family:Poppins,sans-serif;font-style:normal;font-weight:900}.poppins-thin-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:100}.poppins-extralight-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:200}.poppins-light-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:300}.poppins-regular-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:400}.poppins-medium-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:500}.poppins-semibold-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:600}.poppins-bold-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:700}.poppins-extrabold-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:800}.poppins-black-italic{font-family:Poppins,sans-serif;font-style:italic;font-weight:900}.inter-regular{font-optical-sizing:auto;font-family:Inter,sans-serif;font-style:normal;font-weight:400}.inter-semibold{font-optical-sizing:auto;font-family:Inter,sans-serif;font-style:normal;font-weight:600}.inter-bold{font-optical-sizing:auto;font-family:Inter,sans-serif;font-style:normal;font-weight:700}.check-style{background-color:red}.inter-black{font-optical-sizing:auto;font-family:Inter,sans-serif;font-style:normal;font-weight:900}.roboto-regular{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Roboto,sans-serif;font-style:normal;font-weight:400}.roboto-semibold{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Roboto,sans-serif;font-style:normal;font-weight:600}.roboto-bold{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Roboto,sans-serif;font-style:normal;font-weight:700}@font-face{font-family:Satoshi-Light;src:url(/static/fonts/Satoshi-Light-DGGhisht.woff2)format("woff2"),url(/static/fonts/Satoshi-Light-nCpO4URH.woff)format("woff"),url(/static/fonts/Satoshi-Light-BDIJ6QC2.ttf)format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-LightItalic;src:url(/static/fonts/Satoshi-LightItalic-BIseMwnG.woff2)format("woff2"),url(/static/fonts/Satoshi-LightItalic-BHIJE1QX.woff)format("woff"),url(/static/fonts/Satoshi-LightItalic-DerM4rLM.ttf)format("truetype");font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Regular;src:url(/static/fonts/Satoshi-Regular-CAdxhaPe.woff2)format("woff2"),url(/static/fonts/Satoshi-Regular-7bBbEzbV.woff)format("woff"),url(/static/fonts/Satoshi-Regular-BCVKqEPh.ttf)format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-Italic;src:url(/static/fonts/Satoshi-Italic-DFxtytot.woff2)format("woff2"),url(/static/fonts/Satoshi-Italic-BN_tFLp8.woff)format("woff"),url(/static/fonts/Satoshi-Italic-C5nP15WY.ttf)format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Medium;src:url(/static/fonts/Satoshi-Medium-GkA34YXu.woff2)format("woff2"),url(/static/fonts/Satoshi-Medium-Lv9hsv1V.woff)format("woff"),url(/static/fonts/Satoshi-Medium-DnYqU_fJ.ttf)format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-MediumItalic;src:url(/static/fonts/Satoshi-MediumItalic-BwwtClOB.woff2)format("woff2"),url(/static/fonts/Satoshi-MediumItalic-DbOIwscH.woff)format("woff"),url(/static/fonts/Satoshi-MediumItalic-DTUQqsOI.ttf)format("truetype");font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Bold;src:url(/static/fonts/Satoshi-Bold-CT_TuBnL.woff2)format("woff2"),url(/static/fonts/Satoshi-Bold-BLKBC-6X.woff)format("woff"),url(/static/fonts/Satoshi-Bold-CzW-pFA4.ttf)format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-BoldItalic;src:url(/static/fonts/Satoshi-BoldItalic-DwDKADit.woff2)format("woff2"),url(/static/fonts/Satoshi-BoldItalic-DpRT1EjY.woff)format("woff"),url(/static/fonts/Satoshi-BoldItalic-zpMVHzVR.ttf)format("truetype");font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Black;src:url(/static/fonts/Satoshi-Black-CaFh8BIi.woff2)format("woff2"),url(/static/fonts/Satoshi-Black-BtDZCSNm.woff)format("woff"),url(/static/fonts/Satoshi-Black-Bg_oXy6y.ttf)format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-BlackItalic;src:url(/static/fonts/Satoshi-BlackItalic-O6AZRkPW.woff2)format("woff2"),url(/static/fonts/Satoshi-BlackItalic-D9mHdsiq.woff)format("woff"),url(/static/fonts/Satoshi-BlackItalic-CsHcRpXU.ttf)format("truetype");font-weight:900;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Variable;src:url(/static/fonts/Satoshi-Variable-CFg-z2ne.woff2)format("woff2"),url(/static/fonts/Satoshi-Variable-CfACykSx.woff)format("woff"),url(/static/fonts/Satoshi-Variable-ChAXbpFa.ttf)format("truetype");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-VariableItalic;src:url(/static/fonts/Satoshi-VariableItalic-DjwFspxr.woff2)format("woff2"),url(/static/fonts/Satoshi-VariableItalic-pYBsOxD_.woff)format("woff"),url(/static/fonts/Satoshi-VariableItalic-Bb7sdEFv.ttf)format("truetype");font-weight:300 900;font-display:swap;font-style:italic}.item{opacity:0;align-items:center;gap:0;animation:.5s forwards slideIn;display:flex;transform:translate(-40px)}.item:first-child{animation-delay:0s}.item:nth-child(2){animation-delay:.3s}.item:nth-child(3){animation-delay:.6s}.item:nth-child(4){animation-delay:.9s}.item:nth-child(5){animation-delay:1.2s}.item:nth-child(6){animation-delay:1.5s}.item:nth-child(7){animation-delay:1.8s}@keyframes slideIn{to{opacity:1;transform:translate(0)}}@keyframes pulse{50%{opacity:.2}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}._article_content_2qd04_1 h1{font-weight:700;font-size:24px;margin-bottom:24px;text-align:center}._article_content_2qd04_1 h2{font-weight:700;margin-top:12px;font-size:24px;text-align:center}._article_content_2qd04_1 p{text-align:justify;margin-top:14px;margin-bottom:14px}._article_content_2qd04_1 a{text-decoration:underline}._article_content_2qd04_1 img{margin-top:20px}._article_content_c0fvd_1 h1{font-weight:700;font-size:24px;margin-bottom:12px}._article_content_c0fvd_1 h2{font-weight:700;margin-top:12px}._article_content_c0fvd_1 p{text-align:justify;margin-top:6px}

/* =====================================================================
   ここから下は手書きの追加分 — SPA のビルド出力ではない。
   app.css を再生成した場合は、この末尾ブロックを再度追記すること。

   ヘッダー (ロゴ + Harga / Daftar / Login)。テンプレート側 base.css の
   .header-nav* と同じ見た目を、この凍結ビルド上で再現している。
   このビルドにレスポンシブ variant や rounded-full が含まれている保証が
   ないため、Tailwind のクラスには依存せず素の CSS で書いている。
   ブランド色 #8f2c40 は --color-primary-color-sk / ロゴマークの fill と同値。
   ===================================================================== */
.header-logo-static {
  height: 56px;
  width: auto;
}

.header-nav-static {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* 3項目に共通する当たり判定と字送り。inline-flex なので min-height が効く。 */
.header-nav-static__link,
.header-nav-static__pill,
.header-nav-static__user {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px; /* タップ領域 */
  font-size: 15px;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    opacity 0.15s ease;
}

/* Harga — 素のテキストリンク */
.header-nav-static__link {
  padding: 12px 10px;
  color: #1e2939;
}

.header-nav-static__link:hover {
  color: #8f2c40;
}

/* Daftar — ブランド色のピル */
.header-nav-static__pill {
  padding: 11px 18px;
  border-radius: 999px;
  background-color: #8f2c40;
  color: #fff;
}

.header-nav-static__pill:hover {
  opacity: 0.9;
}

/* Login — 人アイコン + 文字 */
.header-nav-static__user {
  gap: 6px;
  padding: 12px 10px;
  color: #1e2939;
}

.header-nav-static__user:hover {
  color: #8f2c40;
}

.header-nav-static__icon {
  width: 18px;
  height: 18px;
  flex: none;
}

/* ヘッダー右端の「Masuk」ウィジェットは全幅で隠す。メニューの Login と
   機能が重複しており (アイコンも同じ人型)、かつ SPA 由来で遷移先が特定
   できていない要素のため。表示すると Login の真横に人アイコンが二つ並ぶ。 */
.header-user-static {
  display: none;
}

/* 狭い画面: ロゴをマークに落とし、項目も少し詰める。ただしタップ領域
   44px と項目間 4px は維持する。折り返しもハンバーガーもしない。 */
@media (max-width: 640px) {
  .header-logo-static {
    height: 37px;
  }

  .header-nav-static {
    gap: 4px;
  }

  .header-nav-static__link,
  .header-nav-static__pill,
  .header-nav-static__user {
    font-size: 14px;
  }
}

/* 389px 以下ではロゴを花マークだけに落とす (<picture> の source と同じ境界)。
   文字が無くなる分バーの高さいっぱいまで拡大して存在感を保つ。 */
@media (max-width: 389px) {
  .header-logo-static {
    height: 52px;
  }
}

/* フォームのエラー/成功メッセージ。auth-forms.js が textContent と
   class を差し替えて使う。SPA のトーストは持ち込めないので、枠付きの
   一行表示をフォーム内に置いている。 */
.auth-message {
  padding: 10px;
  border: 1px solid;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}

.auth-message[hidden] {
  display: none;
}

.auth-message--error {
  color: #8f2c40;
  border-color: #8f2c40;
  background-color: #fff5f6;
}

.auth-message--success {
  color: #1f6f3f;
  border-color: #1f6f3f;
  background-color: #f2fbf5;
}

/* 情報系。「コードを送った」のような進行中の案内で、失敗ではない。
   エラー系の赤枠と取り違えられないよう青系にする。 */
.auth-message--info {
  color: #1c4f7c;
  border-color: #1c4f7c;
  background-color: #f1f7fc;
}

/* 2FA のコード入力。1桁ずつ独立した input を横に並べる。 */
.otp-inputs {
  display: flex;
  justify-content: center;
  gap: 8px;
}

.otp-input {
  width: 44px;
  height: 52px;
  border: 1px solid #4a4a4a;
  border-radius: 8px;
  text-align: center;
  font-size: 20px;
  line-height: 1;
  outline: none;
}

.otp-input:focus {
  border-color: #8f2c40;
  box-shadow: 0 0 0 2px rgba(143, 44, 64, 0.15);
}

@media (max-width: 380px) {
  .otp-input {
    width: 38px;
    height: 46px;
    font-size: 18px;
  }
}

/* 枠付き全幅リンクボタン (login の Daftar / register・reset の Masuk)。
   <a> はカード (flex flex-col) の子としてブロック化されるが、text-align は
   継承のままなので既定の start = 左に寄る。ボタン自身を中央寄せの flex に
   して、text-align の継承に依存せず中央に置く。HTML 側にも同じ意味の
   ユーティリティを付けているが、HTML は ?v= が付かず古いものが
   キャッシュされ得るため、CSS 側にも持たせて確実にする。 */
a.iterable-element.w-full {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* ------------------------------------------------------------------
   terms-of-service / privacy-policy / faq / help-center を本番と同じ
   体裁で出すために必要なユーティリティ。app.css は SPA のビルド成果物を
   凍結して持ち込んだものなので、Tailwind のスキャン対象がここには無い。
   本番 (Next.js 側) の出力に含まれていて、この凍結版に無かった 18 個を
   Tailwind v4 と同じ定義で手書きで足す。値は既存の変数
   (--spacing / --container-* / --color-*) をそのまま使う。
   ------------------------------------------------------------------ */

/* 本文カード・セクションの最大幅。Tailwind v4 の container スケール
   (3xl=48rem, 4xl=56rem, 5xl=64rem, xl=36rem)。--container-* は md と 7xl
   しか焼き込まれていないので、ここで足りない分を定義する。 */
:root {
  --container-xl: 36rem;
  --container-3xl: 48rem;
  --container-4xl: 56rem;
  --container-5xl: 64rem;
}

.max-w-xl {
  max-width: var(--container-xl);
}

.max-w-3xl {
  max-width: var(--container-3xl);
}

.max-w-4xl {
  max-width: var(--container-4xl);
}

.max-w-5xl {
  max-width: var(--container-5xl);
}

.min-h-screen {
  min-height: 100vh;
}

.mt-1 {
  margin-top: calc(var(--spacing) * 1);
}

.mb-1 {
  margin-bottom: calc(var(--spacing) * 1);
}

.py-10 {
  padding-block: calc(var(--spacing) * 10);
}

.py-16 {
  padding-block: calc(var(--spacing) * 16);
}

.h-6 {
  height: calc(var(--spacing) * 6);
}

.opacity-80 {
  opacity: 0.8;
}

/* アコーディオン項目の枠と、回答パネルの上境界。--tw-border-style は
   .border 系が使う既存の変数。 */
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}

.border-line-gray {
  border-color: var(--color-line-gray);
}

.shadow-sm {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
    0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (hover: hover) {
  .hover\:border-primary-color-sk:hover {
    border-color: var(--color-primary-color-sk);
  }
}

/* ブレークポイントは既存の記述に合わせる (sm=40rem, lg=64rem)。 */
@media (min-width: 40rem) {
  .sm\:p-8 {
    padding: calc(var(--spacing) * 8);
  }
}

@media (min-width: 64rem) {
  .lg\:w-64 {
    width: calc(var(--spacing) * 64);
  }

  .lg\:flex-col {
    flex-direction: column;
  }

  /* 上で .sm\:p-8 を足したことで、凍結版の前方にある .lg\:p-12 より後ろに
     sm 側が来てしまい、lg 幅で padding が 32px に負ける。Tailwind 本来の
     並び (sm → lg) に戻すため、同じ定義をここで再宣言する。 */
  .lg\:p-12 {
    padding: calc(var(--spacing) * 12);
  }
}

/* ログイン状態がまだ分からない間(<head> 冒頭のインラインスクリプトが
   html に auth-pending を付け、session-header.js が答えを受けて外す)、
   ヘッダーの認証部分だけを隠す。visibility なので場所は残り、名前に
   描き替わっても行は動かない。ロゴ・Alat・Harga は誰にでも同じなので
   隠さない。JS が無ければこのクラスは付かず、Daftar / Login が見える。
   隠す相手はクラス名ではなく data-auth 属性で選ぶ。ヘッダーのクラス名は
   テンプレート系 (header-nav__*) と静的ページ系 (header-nav-static__*) の
   2系統あり、名簿を2か所に書くと片方を書き忘れる。属性なら session-header.js
   と同じ1つの名簿で済む。 */
.auth-pending [data-auth] {
  visibility: hidden;
}