*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::before,::after{--tw-content:''}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}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,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type='button']),input:where([type='reset']),input:where([type='submit']){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role="button"]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden="until-found"])){display:none}input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([multiple]),textarea,select{appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0px;padding-top:0.5rem;padding-right:0.75rem;padding-bottom:0.5rem;padding-left:0.75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}input:where([type='text']):focus,input:where(:not([type])):focus,input:where([type='email']):focus,input:where([type='url']):focus,input:where([type='password']):focus,input:where([type='number']):focus,input:where([type='date']):focus,input:where([type='datetime-local']):focus,input:where([type='month']):focus,input:where([type='search']):focus,input:where([type='tel']):focus,input:where([type='time']):focus,input:where([type='week']):focus,select:where([multiple]):focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--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(1px+var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;print-color-adjust:exact}select:where([multiple]),select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:0.75rem;print-color-adjust:unset}input:where([type='checkbox']),input:where([type='radio']){appearance:none;padding:0;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}input:where([type='checkbox']){border-radius:0px}input:where([type='radio']){border-radius:100%}input:where([type='checkbox']):focus,input:where([type='radio']):focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--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)}input:where([type='checkbox']):checked,input:where([type='radio']):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}input:where([type='checkbox']):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors:active){input:where([type='checkbox']):checked{appearance:auto}}input:where([type='radio']):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors:active){input:where([type='radio']):checked{appearance:auto}}input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus{border-color:transparent;background-color:currentColor}input:where([type='checkbox']):indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors:active){input:where([type='checkbox']):indeterminate{appearance:auto}}input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus{border-color:transparent;background-color:currentColor}input:where([type='file']){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([type='file']):focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.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}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0px}.-bottom-4{bottom:-1rem}.-left-4{left:-1rem}.-right-4{right:-1rem}.bottom-0{bottom:0px}.bottom-2{bottom:0.5rem}.bottom-24{bottom:6rem}.left-0{left:0px}.left-3{left:0.75rem}.left-4{left:1rem}.right-2{right:0.5rem}.right-6{right:1.5rem}.top-0{top:0px}.top-2{top:0.5rem}.top-20{top:5rem}.top-28{top:7rem}.top-3{top:0.75rem}.top-4{top:1rem}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-full{grid-column:1 / -1}.row-span-2{grid-row:span 2 / span 2}.m-0{margin:0px}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-auto{margin-left:auto;margin-right:auto}.-mt-20{margin-top:-5rem}.mb-1{margin-bottom:0.25rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:0.5rem}.mb-20{margin-bottom: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-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:0.5rem}.mt-20{margin-top:5rem}.mt-6{margin-top:1.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[2\/3\]{aspect-ratio:2/3}.aspect-\[21\/9\]{aspect-ratio:21/9}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-video{aspect-ratio:16 / 9}.h-1{height:0.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-8{height:2rem}.h-\[618px\]{height:618px}.h-\[665px\]{height:665px}.h-\[716px\]{height:716px}.h-full{height:100%}.h-px{height:1px}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-1{width:0.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:0.5rem}.w-20{width:5rem}.w-32{width:8rem}.w-48{width:12rem}.w-64{width:16rem}.w-8{width:2rem}.w-fit{width:fit-content}.w-full{width:100%}.min-w-\[280px\]{min-width:280px}.max-w-2xl{max-width:42rem}.max-w-7xl{max-width:80rem}.max-w-\[80\%\]{max-width:80%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-screen-2xl{max-width:1536px}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-rotate-1{--tw-rotate:-1deg;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))}.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))}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.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-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:0.25rem}.gap-1\.5{gap:0.375rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-4{column-gap:1rem}.gap-x-6{column-gap:1.5rem}.gap-y-10{row-gap:2.5rem}.gap-y-12{row-gap:3rem}.gap-y-8{row-gap:2rem}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:0.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-xl{border-radius:0.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94 / var(--tw-border-opacity,1))}.border-outline-variant{--tw-border-opacity:1;border-color:rgb(187 203 177 / var(--tw-border-opacity,1))}.border-outline-variant\/10{border-color:rgb(187 203 177 / 0.1)}.border-outline-variant\/15{border-color:rgb(187 203 177 / 0.15)}.border-outline-variant\/30{border-color:rgb(187 203 177 / 0.3)}.border-primary{--tw-border-opacity:1;border-color:rgb(196 16 42 / var(--tw-border-opacity,1))}.border-surface-container-lowest{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-white\/20{border-color:rgb(255 255 255 / 0.2)}.border-zinc-200{--tw-border-opacity:1;border-color:rgb(228 228 231 / var(--tw-border-opacity,1))}.bg-\[\#FF8FA3\]{--tw-bg-opacity:1;background-color:rgb(255 143 163 / var(--tw-bg-opacity,1))}.bg-\[\#e9e8e7\]{--tw-bg-opacity:1;background-color:rgb(233 232 231 / var(--tw-bg-opacity,1))}.bg-\[\#efeded\]{--tw-bg-opacity:1;background-color:rgb(239 237 237 / var(--tw-bg-opacity,1))}.bg-black\/20{background-color:rgb(0 0 0 / 0.2)}.bg-black\/40{background-color:rgb(0 0 0 / 0.4)}.bg-black\/60{background-color:rgb(0 0 0 / 0.6)}.bg-green-50\/50{background-color:rgb(240 253 244 / 0.5)}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74 / var(--tw-bg-opacity,1))}.bg-outline-variant\/20{background-color:rgb(187 203 177 / 0.2)}.bg-outline-variant\/30{background-color:rgb(187 203 177 / 0.3)}.bg-primary{--tw-bg-opacity:1;background-color:rgb(196 16 42 / var(--tw-bg-opacity,1))}.bg-primary-container{--tw-bg-opacity:1;background-color:rgb(248 47 66 / var(--tw-bg-opacity,1))}.bg-primary-fixed{--tw-bg-opacity:1;background-color:rgb(255 143 163 / var(--tw-bg-opacity,1))}.bg-primary\/10{background-color:rgb(196 16 42 / 0.1)}.bg-surface-container{--tw-bg-opacity:1;background-color:rgb(239 237 237 / var(--tw-bg-opacity,1))}.bg-surface-container-high{--tw-bg-opacity:1;background-color:rgb(233 232 231 / var(--tw-bg-opacity,1))}.bg-surface-container-low{--tw-bg-opacity:1;background-color:rgb(245 243 243 / var(--tw-bg-opacity,1))}.bg-surface-container-lowest{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1))}.bg-surface\/95{background-color:rgb(251 249 249 / 0.95)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1))}.bg-white\/10{background-color:rgb(255 255 255 / 0.1)}.bg-white\/20{background-color:rgb(255 255 255 / 0.2)}.bg-white\/70{background-color:rgb(255 255 255 / 0.7)}.bg-zinc-100{--tw-bg-opacity:1;background-color:rgb(244 244 245 / var(--tw-bg-opacity,1))}.bg-zinc-200{--tw-bg-opacity:1;background-color:rgb(228 228 231 / var(--tw-bg-opacity,1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.from-\[\#C4102A\]{--tw-gradient-from:#C4102A var(--tw-gradient-from-position);--tw-gradient-to:rgb(196 16 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#fbf9f9\]{--tw-gradient-from:#fbf9f9 var(--tw-gradient-from-position);--tw-gradient-to:rgb(251 249 249 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/80{--tw-gradient-from:rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/90{--tw-gradient-from:rgb(0 0 0 / 0.9) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary{--tw-gradient-from:#C4102A var(--tw-gradient-from-position);--tw-gradient-to:rgb(196 16 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/20{--tw-gradient-from:rgb(196 16 42 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(196 16 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/30{--tw-gradient-from:rgb(196 16 42 / 0.3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(196 16 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-black\/20{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(0 0 0 / 0.2) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-black\/30{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(0 0 0 / 0.3) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-black\/40{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(0 0 0 / 0.4) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#F82F42\]{--tw-gradient-to:#F82F42 var(--tw-gradient-to-position)}.to-inverse-surface{--tw-gradient-to:#303031 var(--tw-gradient-to-position)}.to-primary-container{--tw-gradient-to:#F82F42 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-cover{object-fit:cover}.p-0{padding:0px}.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-1{padding-left:0.25rem;padding-right:0.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.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}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-1{padding-bottom:0.25rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:0.5rem}.pb-24{padding-bottom:6rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-3{padding-left:0.75rem}.pt-20{padding-top:5rem}.pt-3{padding-top:0.75rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.font-\[\'Be_Vietnam_Pro\'\]{font-family:'Be Vietnam Pro'}.font-\[\'Inter\'\]{font-family:'Inter'}.font-\[\'Plus_Jakarta_Sans\'\]{font-family:'Plus Jakarta Sans'}.font-body{font-family:Be Vietnam Pro,sans-serif}.font-headline{font-family:Plus Jakarta Sans,sans-serif}.font-label{font-family:Inter,sans-serif}.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-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[120px\]{font-size:120px}.text-\[12px\]{font-size:12px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.2em\]{letter-spacing:0.2em}.tracking-tight{letter-spacing:-0.025em}.tracking-tighter{letter-spacing:-0.05em}.tracking-wider{letter-spacing:0.05em}.tracking-widest{letter-spacing:0.1em}.text-\[\#3D0509\]{--tw-text-opacity:1;color:rgb(61 5 9 / var(--tw-text-opacity,1))}.text-\[\#4B1F23\]{--tw-text-opacity:1;color:rgb(75 31 35 / var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity,1))}.text-inherit{color:inherit}.text-on-primary{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}.text-on-primary-container{--tw-text-opacity:1;color:rgb(6 87 0 / var(--tw-text-opacity,1))}.text-on-primary-fixed{--tw-text-opacity:1;color:rgb(61 5 9 / var(--tw-text-opacity,1))}.text-on-surface{--tw-text-opacity:1;color:rgb(27 28 28 / var(--tw-text-opacity,1))}.text-on-surface-variant{--tw-text-opacity:1;color:rgb(75 31 35 / var(--tw-text-opacity,1))}.text-on-surface-variant\/60{color:rgb(75 31 35 / 0.6)}.text-on-surface-variant\/70{color:rgb(75 31 35 / 0.7)}.text-outline-variant{--tw-text-opacity:1;color:rgb(187 203 177 / var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:rgb(196 16 42 / var(--tw-text-opacity,1))}.text-primary-fixed{--tw-text-opacity:1;color:rgb(255 143 163 / var(--tw-text-opacity,1))}.text-surface{--tw-text-opacity:1;color:rgb(251 249 249 / var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}.text-white\/70{color:rgb(255 255 255 / 0.7)}.text-white\/80{color:rgb(255 255 255 / 0.8)}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21 / var(--tw-text-opacity,1))}.text-zinc-200{--tw-text-opacity:1;color:rgb(228 228 231 / var(--tw-text-opacity,1))}.text-zinc-300{--tw-text-opacity:1;color:rgb(212 212 216 / var(--tw-text-opacity,1))}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170 / var(--tw-text-opacity,1))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122 / var(--tw-text-opacity,1))}.text-zinc-600{--tw-text-opacity:1;color:rgb(82 82 91 / var(--tw-text-opacity,1))}.text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27 / var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.opacity-10{opacity:0.1}.opacity-20{opacity:0.2}.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-\[0_-4px_20px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{--tw-shadow:0 -4px 20px rgba(0,0,0,0.05);--tw-shadow-colored:0 -4px 20px 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)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 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-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px 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-green-600\/20{--tw-shadow-color:rgb(22 163 74 / 0.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/20{--tw-shadow-color:rgb(196 16 42 / 0.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/30{--tw-shadow-color:rgb(196 16 42 / 0.3);--tw-shadow:var(--tw-shadow-colored)}.ring-2{--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)}.ring-primary-container\/20{--tw-ring-color:rgb(248 47 66 / 0.2)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.duration-200{transition-duration:200ms}.duration-300{transition-duration:300ms}.duration-500{transition-duration:500ms}.duration-700{transition-duration:700ms}.placeholder\:text-on-surface-variant\/40::placeholder{color:rgb(75 31 35 / 0.4)}.placeholder\:text-white\/40::placeholder{color:rgb(255 255 255 / 0.4)}.hover\:translate-x-1:hover{--tw-translate-x:0.25rem;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))}.hover\:translate-y-\[-4px\]:hover{--tw-translate-y:-4px;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))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;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))}.hover\:border-outline-variant\/20:hover{border-color:rgb(187 203 177 / 0.2)}.hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:rgb(196 16 42 / var(--tw-bg-opacity,1))}.hover\:bg-primary-fixed:hover{--tw-bg-opacity:1;background-color:rgb(255 143 163 / var(--tw-bg-opacity,1))}.hover\:bg-surface-container:hover{--tw-bg-opacity:1;background-color:rgb(239 237 237 / var(--tw-bg-opacity,1))}.hover\:bg-surface-container-high:hover{--tw-bg-opacity:1;background-color:rgb(233 232 231 / var(--tw-bg-opacity,1))}.hover\:bg-surface-container-low:hover{--tw-bg-opacity:1;background-color:rgb(245 243 243 / var(--tw-bg-opacity,1))}.hover\:bg-white\/20:hover{background-color:rgb(255 255 255 / 0.2)}.hover\:text-green-500:hover{--tw-text-opacity:1;color:rgb(34 197 94 / var(--tw-text-opacity,1))}.hover\:text-on-primary-fixed:hover{--tw-text-opacity:1;color:rgb(61 5 9 / var(--tw-text-opacity,1))}.hover\:text-on-surface:hover{--tw-text-opacity:1;color:rgb(27 28 28 / var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}.hover\:text-zinc-900:hover{--tw-text-opacity:1;color:rgb(24 24 27 / var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:0.8}.hover\:opacity-90:hover{opacity:0.9}.hover\:shadow-lg:hover{--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)}.focus\:ring-0: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(0px+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-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-primary\/20:focus{--tw-ring-color:rgb(196 16 42 / 0.2)}.focus\:ring-white\/50:focus{--tw-ring-color:rgb(255 255 255 / 0.5)}.active\:scale-90:active{--tw-scale-x:.9;--tw-scale-y:.9;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))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;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))}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98;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))}.active\:opacity-90:active{opacity:0.9}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem;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))}.group:hover .group-hover\:translate-y-0{--tw-translate-y:0px;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))}.group:hover .group-hover\:translate-y-1{--tw-translate-y:0.25rem;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))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;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))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;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))}.group:hover .group-hover\:bg-transparent{background-color:transparent}.group:hover .group-hover\:text-primary{--tw-text-opacity:1;color:rgb(196 16 42 / var(--tw-text-opacity,1))}@media (min-width:768px){.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:mt-24{margin-top:6rem}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-\[768px\]{height:768px}.md\:w-2\/3{width:66.666667%}.md\:w-32{width:8rem}.md\:max-w-screen-2xl{max-width:1536px}.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\:flex-row{flex-direction:row}.md\:gap-x-6{column-gap:1.5rem}.md\:gap-y-12{row-gap:3rem}.md\:p-12{padding:3rem}.md\:px-16{padding-left:4rem;padding-right:4rem}.md\:px-24{padding-left:6rem;padding-right:6rem}.md\:pb-0{padding-bottom:0px}.md\:pt-20{padding-top:5rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-xs{font-size:0.75rem;line-height:1rem}}@media (min-width:1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:flex{display:flex}.lg\:w-1\/3{width:33.333333%}.lg\:w-2\/3{width:66.666667%}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.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-7xl{font-size:4.5rem;line-height:1}}@media (min-width:1280px){.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}:root{--color-primary:#F82F42;--color-primary-dark:#C4102A;--color-primary-gradient:linear-gradient(135deg,#FF5A63 0%,#F82F42 55%,#C4102A 100%);--color-primary-light:#FF6B78;--color-surface:#FBF9F9;--color-surface-alt:#F0EEEE;--color-surface-dark:#1B1C1C;--color-surface-dark-alt:#2A2B2B;--color-text:#1B1C1C;--color-text-secondary:#6B6D6D;--color-text-inverse:#FBF9F9;--color-border:#E0DEDE;--color-overlay:rgba(0,0,0,0.6);--color-error:#E53935;--color-warning:#FFA726;--color-success:#F82F42;--radius:8px;--radius-sm:4px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 8px 30px rgba(0,0,0,0.15);--font-sans:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;--font-serif:'Be Vietnam Pro',sans-serif;--container-max:1280px;--container-padding:16px;--topbar-height:60px;--bottomnav-height:64px;--transition:0.2s ease}.dark-mode{--color-surface:#1B1C1C;--color-surface-alt:#2A2B2B;--color-text:#FBF9F9;--color-text-secondary:#A0A2A2;--color-text-inverse:#1B1C1C;--color-border:#3A3B3B;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 30px rgba(0,0,0,0.5)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text);line-height:1.6;min-height:100vh;transition:background var(--transition),color var(--transition)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;font:inherit;color:inherit}ul,ol{list-style:none}.section__container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:48px 0}.section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section__title{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:8px}.section__title-icon{color:var(--color-primary);font-size:1.5rem}.section__link{display:flex;align-items:center;gap:4px;font-size:0.875rem;font-weight:600;color:var(--color-primary);transition:opacity var(--transition)}.section__link:hover{opacity:0.8}.section__link .material-symbols-outlined{font-size:1.125rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:var(--radius);font-weight:600;font-size:0.9375rem;transition:all var(--transition);white-space:nowrap;cursor:pointer}.btn .material-symbols-outlined{font-size:1.25rem}.btn--primary{background:var(--color-primary-gradient,linear-gradient(135deg,#FF5A63 0%,#F82F42 55%,#C4102A 100%));color:#fff}.btn--primary:hover{filter:brightness(1.08)}.btn--outline{background:transparent;border:2px solid var(--color-border);color:var(--color-text)}.btn--outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn--lg{padding:14px 32px;font-size:1rem}.btn--block{width:100%}.top-app-bar{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:1000;transition:transform 0.3s ease,background 0.3s ease,box-shadow 0.3s ease}.top-app-bar.is-scrolled{box-shadow:var(--shadow-md)}.top-app-bar.is-hidden{transform:translateY(-100%)}.top-app-bar__container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);display:flex;align-items:center;height:100%;gap:24px}.top-app-bar__logo{display:flex;align-items:center;gap:8px;flex-shrink:0}.top-app-bar__logo-icon{color:var(--color-primary);font-size:1.75rem}.top-app-bar__logo-text{font-family:var(--font-serif);font-weight:800;font-size:1.25rem}.top-app-bar__logo .custom-logo{max-height:36px;width:auto}.top-app-bar__nav{display:none;align-items:center;gap:4px;margin-left:auto}@media (min-width:768px){.top-app-bar__nav{display:flex}}.top-app-bar__nav-link{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:0.875rem;font-weight:600;color:var(--color-text-secondary);transition:all var(--transition)}.top-app-bar__nav-link:hover,.top-app-bar__nav-link.is-active{color:var(--color-primary);background:rgba(248,47,66,0.08)}.top-app-bar__nav-link .material-symbols-outlined{font-size:1.25rem}.top-app-bar__actions{display:flex;align-items:center;gap:8px;margin-left:auto}@media (min-width:768px){.top-app-bar__actions{margin-left:0}}.top-app-bar__search-toggle,.top-app-bar__theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:background var(--transition)}.top-app-bar__search-toggle:hover,.top-app-bar__theme-toggle:hover{background:var(--color-surface-alt)}.search-overlay{position:absolute;top:0;left:0;right:0;height:var(--topbar-height);background:var(--color-surface);display:flex;align-items:center;opacity:0;pointer-events:none;transition:opacity var(--transition);z-index:10}.search-overlay.is-open{opacity:1;pointer-events:all}.search-overlay__form{display:flex;align-items:center;gap:12px;width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.search-overlay__icon{color:var(--color-text-secondary)}.search-overlay__input{flex:1;border:none;background:none;font-size:1.125rem;font-family:var(--font-sans);color:var(--color-text);outline:none}.search-overlay__input::placeholder{color:var(--color-text-secondary)}.search-overlay__close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.site-main{padding-bottom:var(--bottomnav-height);min-height:100vh}@media (min-width:768px){.site-main{padding-bottom:0}}.hero-carousel{position:relative;overflow:hidden;background:var(--color-surface-dark)}.hero-carousel__track{position:relative;height:500px}@media (min-width:768px){.hero-carousel__track{height:560px}}@media (min-width:1024px){.hero-carousel__track{height:620px}}.hero-carousel__slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 0.8s ease}.hero-carousel__slide.is-active{opacity:1;z-index:1}.hero-carousel__slide--empty{background:linear-gradient(135deg,var(--color-surface-dark),#0a2e00)}.hero-carousel__overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.1) 100%)}.hero-carousel__content{position:relative;z-index:2;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff}.hero-carousel__badge{display:inline-block;background:var(--color-primary-gradient,var(--color-primary));color:#fff;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;padding:4px 12px;border-radius:var(--radius-full);margin-bottom:16px;width:fit-content}.hero-carousel__title{font-family:var(--font-serif);font-size:2.5rem;font-weight:800;line-height:1.15;margin-bottom:12px;max-width:600px}@media (min-width:768px){.hero-carousel__title{font-size:3.5rem}}.hero-carousel__excerpt{font-size:1rem;color:rgba(255,255,255,0.8);max-width:500px;margin-bottom:16px;line-height:1.6}.hero-carousel__genres{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.hero-carousel__genre-tag{padding:4px 12px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,0.3);font-size:0.8125rem;color:rgba(255,255,255,0.9)}.hero-carousel__actions{display:flex;gap:12px;flex-wrap:wrap}.hero-carousel__controls{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:16px}.hero-carousel__btn{width:40px;height:40px;border-radius:var(--radius-full);background:rgba(255,255,255,0.15);color:#fff;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);transition:background var(--transition)}.hero-carousel__btn:hover{background:rgba(255,255,255,0.3)}.hero-carousel__dots{display:flex;gap:8px}.hero-carousel__dot{width:10px;height:10px;border-radius:var(--radius-full);background:rgba(255,255,255,0.3);transition:all var(--transition)}.hero-carousel__dot.is-active{background:var(--color-primary);width:24px}.trending-grid{display:grid;gap:12px}@media (min-width:640px){.trending-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.trending-grid{grid-template-columns:repeat(2,1fr)}}.trending-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius);background:var(--color-surface-alt);transition:all var(--transition)}.trending-item:hover{background:var(--color-surface);box-shadow:var(--shadow-md);transform:translateY(-2px)}.trending-item__rank{font-family:var(--font-serif);font-size:1.5rem;font-weight:800;color:var(--color-primary);min-width:32px;text-align:center}.trending-item__cover{width:48px;height:64px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.trending-item__image{width:100%;height:100%;object-fit:cover}.trending-item__placeholder{width:100%;height:100%;background:var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.trending-item__info{flex:1;min-width:0}.trending-item__title{font-size:0.9375rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.trending-item__genre{font-size:0.75rem;color:var(--color-text-secondary)}.trending-item__views{display:flex;align-items:center;gap:4px;font-size:0.75rem;color:var(--color-text-secondary)}.trending-item__views .material-symbols-outlined{font-size:0.875rem}.series-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width:640px){.series-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.series-grid{grid-template-columns:repeat(4,1fr);gap:20px}}@media (min-width:1024px){.series-grid{grid-template-columns:repeat(5,1fr)}}.series-grid__empty{grid-column:1 / -1;text-align:center;padding:80px 20px;color:var(--color-text-secondary)}.series-grid__empty-icon{font-size:4rem;margin-bottom:16px;display:block}.series-grid__empty h3{font-size:1.25rem;margin-bottom:8px;color:var(--color-text)}.series-card{border-radius:var(--radius);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}.series-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.series-card__link{display:block}.series-card__cover{position:relative;aspect-ratio:5/7;overflow:hidden;border-radius:var(--radius);background:var(--color-surface-alt)}.series-card__image{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.series-card:hover .series-card__image{transform:scale(1.05)}.series-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:2rem}.series-card__badge{position:absolute;top:8px;left:8px;padding:2px 10px;border-radius:var(--radius-full);font-size:0.6875rem;font-weight:700;text-transform:uppercase}.series-card__badge--ongoing{background:var(--color-primary-gradient,var(--color-primary));color:#fff}.series-card__badge--completed{background:#2196F3;color:#fff}.series-card__badge--hiatus{background:var(--color-warning);color:#000}.series-card__info{padding:10px 4px}.series-card__title{font-size:0.875rem;font-weight:600;line-height:1.3;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.series-card__genres{display:flex;gap:4px;margin-bottom:6px}.series-card__genre{font-size:0.6875rem;color:var(--color-text-secondary);background:var(--color-surface-alt);padding:2px 8px;border-radius:var(--radius-full)}.series-card__meta{display:flex;gap:10px;flex-wrap:wrap}.series-card__stat{display:flex;align-items:center;gap:3px;font-size:0.75rem;color:var(--color-text-secondary)}.series-card__stat .material-symbols-outlined{font-size:0.875rem}.browse-page__header{padding:32px 0 16px}.browse-page__title{font-family:var(--font-serif);font-size:1.75rem;font-weight:800}.browse-page__count{font-size:0.875rem;color:var(--color-text-secondary);margin-top:4px}.genre-filter-bar{border-bottom:1px solid var(--color-border);margin-bottom:16px}.genre-filter-bar__scroll{display:flex;gap:8px;overflow-x:auto;padding:12px 0;scrollbar-width:none;-ms-overflow-style:none}.genre-filter-bar__scroll::-webkit-scrollbar{display:none}.genre-filter-bar__tag{padding:6px 16px;border-radius:var(--radius-full);font-size:0.875rem;font-weight:500;white-space:nowrap;background:var(--color-surface-alt);color:var(--color-text-secondary);transition:all var(--transition);flex-shrink:0}.genre-filter-bar__tag:hover{color:var(--color-text)}.genre-filter-bar__tag.is-active{background:var(--color-primary-gradient,var(--color-primary));color:#fff;font-weight:600}.sorting-header{margin-bottom:24px}.sorting-header__options{display:flex;gap:8px}.sorting-header__btn{display:flex;align-items:center;gap:4px;padding:8px 16px;border-radius:var(--radius);font-size:0.875rem;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition)}.sorting-header__btn .material-symbols-outlined{font-size:1.125rem}.sorting-header__btn:hover{color:var(--color-text);background:var(--color-surface-alt)}.sorting-header__btn.is-active{color:var(--color-primary);background:rgba(248,47,66,0.08);font-weight:600}.load-more-wrapper{text-align:center;padding:40px 0}.series-hero{position:relative;background-size:cover;background-position:center;min-height:400px;display:flex;align-items:flex-end}@media (min-width:768px){.series-hero{min-height:480px}}.series-hero__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.3) 100%)}.series-hero__content{position:relative;z-index:2;width:100%;max-width:var(--container-max);margin:0 auto;padding:40px var(--container-padding);color:#fff}.series-hero__grid{display:flex;flex-direction:column;gap:20px}@media (min-width:768px){.series-hero__grid{flex-direction:row;align-items:flex-end;gap:32px}}.series-hero__cover{flex-shrink:0}.series-hero__cover-image{width:140px;height:auto;border-radius:var(--radius);box-shadow:var(--shadow-lg)}@media (min-width:768px){.series-hero__cover-image{width:180px}}.series-hero__info{flex:1}.series-hero__status{display:inline-block;padding:3px 12px;border-radius:var(--radius-full);font-size:0.75rem;font-weight:700;text-transform:uppercase;margin-bottom:8px}.series-hero__status--ongoing{background:var(--color-primary-gradient,var(--color-primary));color:#fff}.series-hero__status--completed{background:#2196F3;color:#fff}.series-hero__status--hiatus{background:var(--color-warning);color:#000}.series-hero__canvas-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(248,47,66,0.2);border:1px solid var(--color-primary);color:var(--color-primary);padding:4px 14px;border-radius:var(--radius-full);font-size:0.8125rem;font-weight:600;margin-bottom:8px}.series-hero__canvas-badge .material-symbols-outlined{font-size:1rem}.series-hero__title{font-family:var(--font-serif);font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:8px}@media (min-width:768px){.series-hero__title{font-size:2.5rem}}.series-hero__creator{display:flex;align-items:center;gap:6px;font-size:0.9375rem;color:rgba(255,255,255,0.7);margin-bottom:12px}.series-hero__creator .material-symbols-outlined{font-size:1.125rem}.series-hero__genres{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.series-hero__genre-tag{padding:4px 12px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,0.3);font-size:0.8125rem;color:rgba(255,255,255,0.85);transition:all var(--transition)}.series-hero__genre-tag:hover{border-color:var(--color-primary);color:var(--color-primary)}.series-hero__excerpt{font-size:0.9375rem;color:rgba(255,255,255,0.7);line-height:1.6}.stats-row{border-bottom:1px solid var(--color-border);padding:20px 0}.stats-row__grid{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.stats-row__item{display:flex;align-items:center;gap:10px}.stats-row__item .material-symbols-outlined{font-size:1.5rem;color:var(--color-primary)}.stats-row__data{display:flex;flex-direction:column}.stats-row__value{font-size:1.125rem;font-weight:700}.stats-row__label{font-size:0.75rem;color:var(--color-text-secondary)}.action-buttons{padding:20px 0}.action-buttons__row{display:flex;gap:12px;max-width:500px}@media (max-width:640px){.action-buttons__row{flex-direction:column}}.series-content{padding:32px 0 60px}.series-content__layout{display:grid;gap:40px}@media (min-width:1024px){.series-content__layout{grid-template-columns:1fr 320px}}.series-content__main{min-width:0}.series-synopsis{margin-bottom:40px}.series-synopsis__title{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;margin-bottom:12px}.series-synopsis__text{font-size:0.9375rem;line-height:1.7;color:var(--color-text-secondary)}.series-synopsis__text p{margin-bottom:12px}.episode-list__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.episode-list__title{font-family:var(--font-serif);font-size:1.25rem;font-weight:700}.episode-list__sort{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;background:var(--color-surface-alt);transition:background var(--transition)}.episode-list__sort:hover{background:var(--color-border)}.episode-list__empty{text-align:center;padding:60px 20px;color:var(--color-text-secondary)}.episode-list__empty .material-symbols-outlined{font-size:3rem;margin-bottom:12px;display:block}.episode-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius);transition:background var(--transition);border-bottom:1px solid var(--color-border)}.episode-row:last-child{border-bottom:none}.episode-row:hover{background:var(--color-surface-alt)}.episode-row__thumb{width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.episode-row__image{width:100%;height:100%;object-fit:cover}.episode-row__placeholder{width:100%;height:100%;background:var(--color-surface-alt);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.episode-row__info{flex:1;min-width:0}.episode-row__number{display:block;font-size:0.875rem;font-weight:600}.episode-row__title{display:block;font-size:0.8125rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode-row__meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.episode-row__date{font-size:0.75rem;color:var(--color-text-secondary)}.episode-row__free-badge{font-size:0.6875rem;font-weight:700;color:var(--color-primary);background:rgba(248,47,66,0.1);padding:2px 8px;border-radius:var(--radius-sm)}.episode-row__lock{font-size:1rem;color:var(--color-text-secondary)}.series-sidebar{display:flex;flex-direction:column;gap:24px}.creator-card,.share-card,.support-creator{background:var(--color-surface-alt);border-radius:var(--radius-lg);padding:24px}.creator-card__title,.share-card__title,.support-creator__title{font-size:1rem;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}.support-creator__title .material-symbols-outlined{color:var(--color-primary)}.creator-card__profile{display:flex;align-items:center;gap:12px;margin-bottom:16px}.creator-card__avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.creator-card__name{font-weight:600}.creator-card__note{padding:12px;background:var(--color-surface);border-radius:var(--radius);margin-top:12px}.creator-card__note h4{font-size:0.8125rem;font-weight:600;margin-bottom:6px;color:var(--color-text-secondary)}.creator-card__note p{font-size:0.875rem;line-height:1.6}.creator-card__social{margin-top:12px}.creator-card__social-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);background:var(--color-primary-gradient,var(--color-primary));color:#fff;font-size:0.875rem;font-weight:600;transition:background var(--transition)}.creator-card__social-btn:hover{background:var(--color-primary-dark)}.share-card__buttons{display:flex;gap:8px}.share-card__btn{width:44px;height:44px;border-radius:var(--radius);background:var(--color-surface);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.share-card__btn:hover{background:var(--color-primary-gradient,var(--color-primary));color:#fff}.support-creator__text{font-size:0.875rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:16px}.support-creator__btn{margin-bottom:12px}.support-creator__stats{font-size:0.8125rem;color:var(--color-text-secondary);text-align:center}.canvas-banner{background:linear-gradient(90deg,rgba(248,47,66,0.1),rgba(248,47,66,0.05));border-bottom:1px solid rgba(248,47,66,0.2);padding:10px 0}.canvas-banner__inner{display:flex;align-items:center;gap:8px;font-size:0.875rem;font-weight:600;color:var(--color-primary)}.canvas-banner__inner .material-symbols-outlined{font-size:1.125rem}.creator-note-widget{background:linear-gradient(135deg,rgba(248,47,66,0.05),rgba(248,47,66,0.02));border:1px solid rgba(248,47,66,0.15);border-radius:var(--radius-lg);padding:24px;margin-bottom:32px}.creator-note-widget__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.creator-note-widget__header .material-symbols-outlined{color:var(--color-primary)}.creator-note-widget__header h3{font-size:1rem;font-weight:700}.creator-note-widget__body p{font-size:0.9375rem;line-height:1.7;color:var(--color-text-secondary)}.reader-mode{background:var(--color-surface-dark);color:#fff;padding-top:0}.reader-mode .site-main{padding-top:0;padding-bottom:0}.reader-bg-dark{background:#0a0a0a}.reader-bg-light{background:#fff;color:#000}.reader-bg-sepia{background:#f4ecd8;color:#3d3024}.reader-nav{position:fixed;left:0;right:0;z-index:100;background:rgba(0,0,0,0.9);backdrop-filter:blur(12px);transition:transform 0.3s ease}.reader-nav--top{top:0;height:52px}.reader-nav--bottom{bottom:0;height:52px}.reader-nav.is-hidden{transform:translateY(-100%)}.reader-nav--bottom.is-hidden{transform:translateY(100%)}.reader-nav__container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);height:100%;display:flex;align-items:center;gap:12px}.reader-nav__back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:#fff;transition:background var(--transition)}.reader-nav__back:hover{background:rgba(255,255,255,0.1)}.reader-nav__info{flex:1;min-width:0;text-align:center}.reader-nav__series{display:block;font-size:0.8125rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-nav__chapter{display:block;font-size:0.6875rem;color:rgba(255,255,255,0.6)}.reader-nav__settings{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:#fff}.reader-nav__btn{display:flex;align-items:center;gap:4px;padding:8px 16px;border-radius:var(--radius);font-size:0.875rem;font-weight:600;color:#fff;transition:background var(--transition)}.reader-nav__btn:hover{background:rgba(255,255,255,0.1)}.reader-nav__btn--disabled{opacity:0.3;pointer-events:none}.reader-nav__btn--list{margin:0 auto}.vertical-canvas{min-height:100vh;padding:52px 0;display:flex;flex-direction:column;align-items:center;scroll-snap-type:y proximity;transition:max-width 0.3s ease}.vertical-canvas__panel{width:100%;max-width:800px;scroll-snap-align:start}.vertical-canvas__image{width:100%;height:auto;display:block}.vertical-canvas__content{max-width:800px;width:100%;padding:20px var(--container-padding);line-height:1.8}.vertical-canvas__content img{width:100%;height:auto}.engagement-footer{padding:24px 0;border-top:1px solid rgba(255,255,255,0.1)}.engagement-footer__container{max-width:800px;margin:0 auto;padding:0 var(--container-padding)}.engagement-footer__actions{display:flex;justify-content:center;gap:24px}.engagement-footer__btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--radius);font-size:0.875rem;color:rgba(255,255,255,0.7);transition:all var(--transition)}.engagement-footer__btn:hover{color:#fff;background:rgba(255,255,255,0.1)}.reader-comments{padding:40px 0;background:var(--color-surface-dark-alt)}.reader-comments__title{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;margin-bottom:20px;color:#fff}.reader-progress{position:fixed;top:52px;left:0;height:3px;background:var(--color-primary);z-index:101;transition:width 0.1s linear;width:0}.reader-settings-panel{position:fixed;inset:0;z-index:200;opacity:0;pointer-events:none;transition:opacity var(--transition)}.reader-settings-panel.is-open{opacity:1;pointer-events:all}.reader-settings-panel__backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.5)}.reader-settings-panel__body{position:absolute;bottom:0;left:0;right:0;background:var(--color-surface-dark-alt);padding:24px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:500px;margin:0 auto}.reader-settings-panel__body h3{font-size:1.125rem;font-weight:700;margin-bottom:20px;color:#fff}.reader-settings-panel__option{margin-bottom:20px}.reader-settings-panel__option label{display:block;font-size:0.875rem;color:rgba(255,255,255,0.7);margin-bottom:8px}.reader-settings-panel__slider{width:100%;accent-color:var(--color-primary)}.reader-settings-panel__bg-options{display:flex;gap:8px}.reader-settings-panel__bg-btn{flex:1;padding:10px;border-radius:var(--radius);font-size:0.875rem;font-weight:600;background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.7);text-align:center;transition:all var(--transition)}.reader-settings-panel__bg-btn.is-active{background:var(--color-primary-gradient,var(--color-primary));color:#fff}.continue-scroll{display:flex;gap:12px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.continue-scroll::-webkit-scrollbar{display:none}.continue-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius);background:var(--color-surface-alt);flex-shrink:0;min-width:240px;transition:all var(--transition)}.continue-item:hover{background:var(--color-border)}.continue-item__info{flex:1}.continue-item__series{display:block;font-size:0.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continue-item__chapter{display:block;font-size:0.75rem;color:var(--color-text-secondary)}.site-footer{background:var(--color-surface-dark);color:var(--color-text-inverse);padding:48px 0 24px}.site-footer__container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.site-footer__grid{display:grid;gap:40px;margin-bottom:40px}@media (min-width:768px){.site-footer__grid{grid-template-columns:1fr 2fr}}.site-footer__logo{display:flex;align-items:center;gap:8px;font-family:var(--font-serif);font-size:1.25rem;font-weight:800;margin-bottom:12px}.site-footer__logo .material-symbols-outlined{color:var(--color-primary);font-size:1.5rem}.site-footer__desc{font-size:0.875rem;color:rgba(251,249,249,0.6);line-height:1.6;max-width:300px}.site-footer__widgets{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.footer-widget__title{font-size:0.875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:16px;color:rgba(251,249,249,0.9)}.footer-widget a{display:block;font-size:0.875rem;color:rgba(251,249,249,0.6);padding:4px 0;transition:color var(--transition)}.footer-widget a:hover{color:var(--color-primary)}.site-footer__bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:24px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}@media (min-width:768px){.site-footer__bottom{flex-direction:row;justify-content:space-between}}.site-footer__bottom p{font-size:0.8125rem;color:rgba(251,249,249,0.4)}.site-footer__links{display:flex;gap:20px}.site-footer__links a{font-size:0.8125rem;color:rgba(251,249,249,0.4);transition:color var(--transition)}.site-footer__links a:hover{color:var(--color-primary)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottomnav-height);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-around;z-index:1000}@media (min-width:768px){.bottom-nav{display:none}}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;color:var(--color-text-secondary);transition:color var(--transition);font-size:0.75rem}.bottom-nav__item .material-symbols-outlined{font-size:1.5rem}.bottom-nav__item.is-active{color:var(--color-primary)}.bottom-nav__label{font-size:0.625rem;font-weight:600}.reader-mode .bottom-nav{display:none}.error-page{display:flex;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px var(--container-padding)}.error-page__icon{font-size:5rem;color:var(--color-primary);margin-bottom:16px;display:block}.error-page__title{font-family:var(--font-serif);font-size:5rem;font-weight:800;line-height:1;margin-bottom:12px}.error-page__text{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:32px}.error-page__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.search-form{display:flex;align-items:center;gap:12px;background:var(--color-surface-alt);border-radius:var(--radius);padding:8px 16px}.search-form__icon{color:var(--color-text-secondary)}.search-form__input{flex:1;border:none;background:none;font-size:0.9375rem;font-family:var(--font-sans);color:var(--color-text);outline:none}.search-form__input::placeholder{color:var(--color-text-secondary)}.search-form__submit{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary-gradient,var(--color-primary));color:#fff;display:flex;align-items:center;justify-content:center}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.is-subscribed{background:var(--color-primary-gradient,var(--color-primary)) !important;color:#fff !important;border-color:var(--color-primary) !important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@media print{.top-app-bar,.bottom-nav,.reader-nav,.reader-progress{display:none !important}.site-main{padding:0}}.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hero-gradient{background:linear-gradient(0deg,rgba(251,249,249,1) 0%,rgba(251,249,249,0) 50%)}.glass-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.home{min-height:max(884px,100dvh)}.home a{text-decoration:none}.home ul{list-style:none;margin:0;padding:0}.home img{max-width:100%;height:auto}.home button{border:none;background:none;cursor:pointer;font:inherit;color:inherit}.page-content{padding:40px 0 60px}.page-content__header{margin-bottom:32px}.page-content__title{font-family:var(--font-serif);font-size:2rem;font-weight:800;line-height:1.2}@media (min-width:768px){.page-content__title{font-size:2.5rem}}.page-content__body{font-size:1rem;line-height:1.8;color:var(--color-text);max-width:800px}.page-content__body p{margin-bottom:1.25em}.page-content__body h2{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;margin-top:2em;margin-bottom:0.75em}.page-content__body h3{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;margin-top:1.5em;margin-bottom:0.5em}.page-content__body a{color:var(--color-primary-dark);text-decoration:underline;text-underline-offset:2px}.page-content__body a:hover{color:var(--color-primary)}.page-content__body img{border-radius:var(--radius);margin:1.5em 0}.page-content__body ul,.page-content__body ol{padding-left:1.5em;margin-bottom:1.25em}.page-content__body ul{list-style:disc}.page-content__body ol{list-style:decimal}.page-content__body li{margin-bottom:0.5em}.article-page{padding-bottom:60px}.article-page__breadcrumbs{display:flex;align-items:center;gap:6px;padding:24px 0 16px;font-size:0.8125rem;color:var(--color-text-secondary);flex-wrap:wrap}.article-page__breadcrumbs a{color:var(--color-text-secondary);transition:color var(--transition)}.article-page__breadcrumbs a:hover{color:var(--color-primary)}.article-page__breadcrumbs .material-symbols-outlined{font-size:1rem;color:var(--color-border)}.article-page__breadcrumbs-current{color:var(--color-text);font-weight:500;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.article-page__header{padding-bottom:32px;border-bottom:1px solid var(--color-border);margin-bottom:32px}.article-page__categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.article-page__category-tag{display:inline-block;padding:4px 14px;border-radius:var(--radius-full);background:var(--color-primary-gradient,var(--color-primary));color:#fff;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.03em;transition:background var(--transition)}.article-page__category-tag:hover{background:var(--color-primary-dark)}.article-page__title{font-family:var(--font-serif);font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:16px}@media (min-width:768px){.article-page__title{font-size:2.5rem}}@media (min-width:1024px){.article-page__title{font-size:2.75rem}}.article-page__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:0.875rem;color:var(--color-text-secondary)}.article-page__meta-item{display:inline-flex;align-items:center;gap:4px}.article-page__meta-item .material-symbols-outlined{font-size:1rem}.article-page__meta-divider{color:var(--color-border)}.article-page__featured-image{margin-top:24px;border-radius:var(--radius-lg);overflow:hidden}.article-page__featured-img{width:100%;height:auto;display:block;aspect-ratio:2/1;object-fit:cover}.article-page__layout{display:grid;gap:40px}@media (min-width:1024px){.article-page__layout{grid-template-columns:1fr 300px}}.article-page__content{min-width:0;font-size:1rem;line-height:1.8;color:var(--color-text)}.article-page__content>*:first-child{margin-top:0}.article-page__content h2{font-family:var(--font-serif);font-size:1.625rem;font-weight:700;line-height:1.3;margin-top:2.5em;margin-bottom:0.75em;color:var(--color-text);scroll-margin-top:calc(var(--topbar-height)+24px)}.article-page__content h3{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;line-height:1.4;margin-top:2em;margin-bottom:0.5em;color:var(--color-text);scroll-margin-top:calc(var(--topbar-height)+24px)}.article-page__content h4{font-family:var(--font-serif);font-size:1.0625rem;font-weight:600;margin-top:1.5em;margin-bottom:0.5em}.article-page__content p{margin-bottom:1.5em}.article-page__content a{color:var(--color-primary-dark);text-decoration:underline;text-decoration-color:rgba(248,47,66,0.4);text-underline-offset:3px;transition:color var(--transition),text-decoration-color var(--transition)}.article-page__content a:hover{color:var(--color-primary);text-decoration-color:var(--color-primary)}.article-page__content strong{font-weight:700}.article-page__content em{font-style:italic}.article-page__content ul,.article-page__content ol{padding-left:1.75em;margin-bottom:1.5em}.article-page__content ul{list-style:disc}.article-page__content ol{list-style:decimal}.article-page__content li{margin-bottom:0.5em;line-height:1.7}.article-page__content li::marker{color:var(--color-primary)}.article-page__content blockquote{margin:2em 0;padding:20px 24px;border-left:4px solid var(--color-primary);background:var(--color-surface-alt);border-radius:0 var(--radius) var(--radius) 0;font-size:1.0625rem;line-height:1.7;color:var(--color-text)}.article-page__content blockquote p:last-child{margin-bottom:0}.article-page__content blockquote cite{display:block;margin-top:8px;font-size:0.875rem;color:var(--color-text-secondary);font-style:normal}.article-page__content img{border-radius:var(--radius);margin:1.5em 0;height:auto}.article-page__content figure{margin:2em 0}.article-page__content figcaption{text-align:center;font-size:0.8125rem;color:var(--color-text-secondary);margin-top:8px}.article-page__content table{width:100%;border-collapse:collapse;margin:2em 0;font-size:0.9375rem;border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-border)}.article-page__content thead{background:var(--color-surface-alt)}.article-page__content th{padding:12px 16px;text-align:left;font-weight:600;font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.03em;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border)}.article-page__content td{padding:12px 16px;border-bottom:1px solid var(--color-border);vertical-align:top}.article-page__content tr:last-child td{border-bottom:none}.article-page__content tbody tr:hover{background:var(--color-surface-alt)}.article-page__content hr{border:none;height:1px;background:var(--color-border);margin:2.5em 0}.article-page__content code{background:var(--color-surface-alt);padding:2px 6px;border-radius:var(--radius-sm);font-size:0.875em}.article-page__content pre{background:var(--color-surface-dark);color:var(--color-text-inverse);padding:20px 24px;border-radius:var(--radius);overflow-x:auto;margin:2em 0;font-size:0.875rem;line-height:1.6}.article-page__content pre code{background:none;padding:0;color:inherit}.review-box{margin:2.5em 0;padding:24px;background:var(--color-surface-alt);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.review-box__title{display:flex;align-items:center;gap:8px;font-family:var(--font-serif);font-size:1.125rem;font-weight:700;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.review-box__title .material-symbols-outlined{color:var(--color-primary);font-size:1.25rem}.review-box__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width:640px){.review-box__grid{grid-template-columns:repeat(3,1fr)}}.review-box__item{display:flex;flex-direction:column;gap:4px}.review-box__label{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.03em;color:var(--color-text-secondary)}.review-box__value{font-size:0.9375rem;font-weight:600;color:var(--color-text)}.review-box__value--rating{display:inline-flex;align-items:center;gap:4px;color:var(--color-primary)}.review-box__value--rating .material-symbols-outlined{font-size:1.125rem}.article-page__tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:2.5em;padding-top:24px;border-top:1px solid var(--color-border)}.article-page__tags>.material-symbols-outlined{font-size:1.125rem;color:var(--color-text-secondary)}.article-page__tag{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);background:var(--color-surface-alt);font-size:0.8125rem;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition)}.article-page__tag:hover{background:rgba(248,47,66,0.1);color:var(--color-primary)}.article-page__sidebar{display:flex;flex-direction:column;gap:24px}@media (min-width:1024px){.article-page__sidebar{position:sticky;top:calc(var(--topbar-height)+24px);align-self:start}}.toc-widget{background:var(--color-surface-alt);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--color-border)}.toc-widget__title{display:flex;align-items:center;gap:8px;font-family:var(--font-serif);font-size:1rem;font-weight:700;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.toc-widget__title .material-symbols-outlined{font-size:1.25rem;color:var(--color-primary)}.toc-widget__list{display:flex;flex-direction:column;gap:2px}.toc-widget__item{list-style:none}.toc-widget__item--sub{padding-left:16px}.toc-widget__link{display:block;padding:6px 12px;border-radius:var(--radius-sm);font-size:0.8125rem;line-height:1.4;color:var(--color-text-secondary);transition:all var(--transition);border-left:2px solid transparent}.toc-widget__link:hover{color:var(--color-text);background:var(--color-surface)}.toc-widget__link.is-active{color:var(--color-primary);border-left-color:var(--color-primary);background:rgba(248,47,66,0.06);font-weight:600}.series-cta-widget{background:var(--color-surface-alt);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--color-border)}.series-cta-widget__title{display:flex;align-items:center;gap:8px;font-family:var(--font-serif);font-size:1rem;font-weight:700;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.series-cta-widget__title .material-symbols-outlined{font-size:1.25rem;color:var(--color-primary)}.series-cta-widget__item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--radius);transition:background var(--transition);margin-bottom:4px}.series-cta-widget__item:hover{background:var(--color-surface)}.series-cta-widget__thumb{width:48px;height:64px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.series-cta-widget__image{width:100%;height:100%;object-fit:cover}.series-cta-widget__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-border);color:var(--color-text-secondary)}.series-cta-widget__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.series-cta-widget__name{font-size:0.875rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.series-cta-widget__status{font-size:0.6875rem;font-weight:700;text-transform:uppercase}.series-cta-widget__status--ongoing{color:var(--color-primary)}.series-cta-widget__status--completed{color:#2196F3}.series-cta-widget__status--hiatus{color:var(--color-warning)}.series-cta-widget__link{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:12px;padding:10px;border-radius:var(--radius);font-size:0.8125rem;font-weight:600;color:var(--color-primary);background:rgba(248,47,66,0.08);transition:all var(--transition)}.series-cta-widget__link:hover{background:rgba(248,47,66,0.15)}.series-cta-widget__link .material-symbols-outlined{font-size:1rem}.article-page__related{padding:48px 0;margin-top:48px;border-top:1px solid var(--color-border)}.review-card-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width:640px){.review-card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.review-card-grid{grid-template-columns:repeat(4,1fr)}}.review-card{border-radius:var(--radius);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);transition:transform var(--transition),box-shadow var(--transition)}.review-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.review-card__link{display:block}.review-card__image-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--color-surface-alt)}.review-card__image{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.review-card:hover .review-card__image{transform:scale(1.05)}.review-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:2.5rem}.review-card__badge{position:absolute;top:10px;left:10px;padding:3px 10px;border-radius:var(--radius-full);background:var(--color-primary-gradient,var(--color-primary));color:#fff;font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.03em}.review-card__body{padding:16px}.review-card__title{font-size:0.9375rem;font-weight:700;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.review-card__excerpt{font-size:0.8125rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.review-card__meta{display:flex;align-items:center;gap:12px}.review-card__date,.review-card__reading-time{display:inline-flex;align-items:center;gap:4px;font-size:0.75rem;color:var(--color-text-secondary)}.review-card__date .material-symbols-outlined,.review-card__reading-time .material-symbols-outlined{font-size:0.875rem}.series-cta{background:var(--color-surface-alt);border-radius:var(--radius-lg);padding:28px;margin:2.5em 0;border:1px solid var(--color-border)}.series-cta__header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.series-cta__icon{font-size:2rem;color:var(--color-primary)}.series-cta__title{font-family:var(--font-serif);font-size:1.125rem;font-weight:700;margin-bottom:2px}.series-cta__subtitle{font-size:0.875rem;color:var(--color-text-secondary)}.series-cta__cards{display:grid;gap:12px;margin-bottom:20px}@media (min-width:640px){.series-cta__cards{grid-template-columns:repeat(3,1fr)}}.series-cta__card{display:flex;flex-direction:column;border-radius:var(--radius);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);transition:transform var(--transition),box-shadow var(--transition)}.series-cta__card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.series-cta__card-cover{aspect-ratio:5/7;overflow:hidden;background:var(--color-surface-alt)}.series-cta__card-image{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.series-cta__card:hover .series-cta__card-image{transform:scale(1.05)}.series-cta__card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:2rem}.series-cta__card-info{padding:10px}.series-cta__card-title{font-size:0.8125rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:2px}.series-cta__card-meta{font-size:0.6875rem;color:var(--color-text-secondary)}.genre-landing{padding-bottom:60px}.genre-landing__header{padding-bottom:32px;border-bottom:1px solid var(--color-border);margin-bottom:32px}.genre-landing__title{font-family:var(--font-serif);font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:12px}@media (min-width:768px){.genre-landing__title{font-size:2.5rem}}.genre-landing__description{font-size:1rem;line-height:1.7;color:var(--color-text-secondary);max-width:700px;margin-bottom:12px}.genre-landing__description p{margin-bottom:0.75em}.genre-landing__description p:last-child{margin-bottom:0}.genre-landing__count{display:inline-block;font-size:0.875rem;color:var(--color-text-secondary)}.genre-landing__series{margin-bottom:48px}.genre-landing__reviews{margin-top:48px;padding-top:48px;border-top:1px solid var(--color-border)}.archive-page{padding-bottom:60px}.archive-page__header{padding:32px 0;border-bottom:1px solid var(--color-border);margin-bottom:32px}.archive-page__title{font-family:var(--font-serif);font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:8px}@media (min-width:768px){.archive-page__title{font-size:2.5rem}}.archive-page__description{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);max-width:700px;margin-bottom:8px}.archive-page__count{font-size:0.875rem;color:var(--color-text-secondary)}.archive-page__grid{margin-bottom:40px}.archive-page__empty{text-align:center;padding:80px 20px;color:var(--color-text-secondary)}.archive-page__empty-icon{font-size:4rem;margin-bottom:16px;display:block}.archive-page__empty h3{font-size:1.25rem;margin-bottom:8px;color:var(--color-text)}.pagination{display:flex;justify-content:center;padding:40px 0 20px}.pagination .page-numbers{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.pagination .page-numbers li{list-style:none}.pagination .page-numbers a,.pagination .page-numbers span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:var(--radius);font-size:0.875rem;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition)}.pagination .page-numbers a:hover{background:var(--color-surface-alt);color:var(--color-text)}.pagination .page-numbers .current{background:var(--color-primary-gradient,var(--color-primary));color:#fff;font-weight:700}.pagination .page-numbers .dots{color:var(--color-text-secondary);cursor:default}.pagination .page-numbers .prev,.pagination .page-numbers .next{color:var(--color-text)}.pagination .page-numbers .prev:hover,.pagination .page-numbers .next:hover{background:var(--color-surface-alt);color:var(--color-primary)}.pagination .page-numbers .prev .material-symbols-outlined,.pagination .page-numbers .next .material-symbols-outlined{font-size:1.25rem}.dark-mode .article-page__category-tag{color:#000}.dark-mode .article-page__content a{color:var(--color-primary);text-decoration-color:rgba(248,47,66,0.3)}.dark-mode .article-page__content a:hover{text-decoration-color:var(--color-primary)}.dark-mode .article-page__content blockquote{background:var(--color-surface-alt);border-left-color:var(--color-primary)}.dark-mode .article-page__content code{background:var(--color-surface-alt)}.dark-mode .article-page__content pre{background:#111212}.dark-mode .article-page__content thead{background:var(--color-surface-alt)}.dark-mode .article-page__content tbody tr:hover{background:var(--color-surface-alt)}.dark-mode .review-box{background:var(--color-surface-alt);border-color:var(--color-border)}.dark-mode .toc-widget{background:var(--color-surface-alt);border-color:var(--color-border)}.dark-mode .toc-widget__link:hover{background:rgba(255,255,255,0.05)}.dark-mode .toc-widget__link.is-active{background:rgba(248,47,66,0.08)}.dark-mode .series-cta-widget{background:var(--color-surface-alt);border-color:var(--color-border)}.dark-mode .series-cta-widget__item:hover{background:rgba(255,255,255,0.05)}.dark-mode .series-cta-widget__link{background:rgba(248,47,66,0.1)}.dark-mode .series-cta-widget__link:hover{background:rgba(248,47,66,0.18)}.dark-mode .review-card{background:var(--color-surface-alt);border-color:var(--color-border)}.dark-mode .review-card__badge{color:#000}.dark-mode .series-cta{background:var(--color-surface-alt);border-color:var(--color-border)}.dark-mode .series-cta__card{background:var(--color-surface);border-color:var(--color-border)}.dark-mode .pagination .page-numbers a:hover{background:var(--color-surface-alt)}.dark-mode .pagination .page-numbers .current{background:var(--color-primary-gradient,var(--color-primary));color:#fff}.dark-mode .archive-page__header{border-color:var(--color-border)}.dark-mode .genre-landing__header{border-color:var(--color-border)}.dark-mode .genre-landing__reviews{border-color:var(--color-border)}.dark-mode .article-page__related{border-color:var(--color-border)}.dark-mode .article-page__header{border-color:var(--color-border)}.dark-mode .article-page__tags{border-color:var(--color-border)}.dark-mode .article-page__tag{background:var(--color-surface-alt)}.dark-mode .article-page__tag:hover{background:rgba(248,47,66,0.12)}.dark-mode .page-content__body a{color:var(--color-primary)}.dark-mode .page-content__body a:hover{color:var(--color-primary-light)}.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}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.text-shadow-sm{text-shadow:0 2px 4px rgba(0,0,0,0.3)}body{font-family:'Be Vietnam Pro',sans-serif}
.prose{color:#3f3f46;line-height:1.75;font-size:1.125rem}
.prose p{margin-top:1.25em;margin-bottom:1.25em}
.prose p:first-child{margin-top:0}
.prose h2{font-size:1.75rem;font-weight:800;line-height:1.3;margin-top:2.5em;margin-bottom:0.75em;color:#18181b}
.prose h3{font-size:1.35rem;font-weight:700;line-height:1.4;margin-top:2em;margin-bottom:0.5em;color:#18181b}
.prose h4{font-size:1.1rem;font-weight:700;margin-top:1.5em;margin-bottom:0.5em;color:#18181b}
.prose ul{list-style:disc;padding-left:1.625em;margin-top:1.25em;margin-bottom:1.25em}
.prose ol{list-style:decimal;padding-left:1.625em;margin-top:1.25em;margin-bottom:1.25em}
.prose li{margin-top:0.4em;margin-bottom:0.4em}
.prose strong{font-weight:700;color:#18181b}
.prose em{font-style:italic}
.prose a{color:#1d4ed8;text-decoration:underline;text-underline-offset:2px}
.prose a:hover{color:#1e40af}
.prose blockquote{border-left:4px solid #e4e4e7;padding-left:1.25em;margin:2em 0;color:#71717a;font-style:italic}
.prose table{width:100%;border-collapse:collapse;margin:2em 0;font-size:0.95rem}
.prose thead{background:#f4f4f5}
.prose th{padding:0.75rem 1rem;text-align:left;font-weight:700;border-bottom:2px solid #e4e4e7;color:#18181b}
.prose td{padding:0.65rem 1rem;border-bottom:1px solid #e4e4e7;color:#3f3f46}
.prose tr:last-child td{border-bottom:none}
.prose img{border-radius:0.75rem;max-height:300px;object-fit:cover;margin:1.5em 0}
.prose code{background:#f4f4f5;padding:0.2em 0.4em;border-radius:4px;font-size:0.875em;font-family:monospace;color:#18181b}
.prose hr{border:none;border-top:1px solid #e4e4e7;margin:2.5em 0}
/* ===================================================================
   PORTAL THEME — home page + site-wide header/footer redesign
   Scoped with .portal- prefix so it never collides with the reader
   theme (green tokens in main.css) used on series/episode pages.
=================================================================== */
:root{
  --portal-red:#F82F42;
  --portal-red-dark:#C4102A;
  --portal-red-gradient:linear-gradient(135deg,#FF5A63 0%,#F82F42 55%,#C4102A 100%);
  --portal-ink:#101014;
  --portal-ink-soft:#1B1B20;
  --portal-cream:#FBF9F9;
  --portal-line:#ECEAE9;
}

/* ---------- Utility bar (desktop only) ---------- */
.portal-utilitybar{display:none}
@media (min-width:768px){
  .portal-utilitybar{
    display:flex;align-items:center;justify-content:space-between;
    background:var(--portal-ink);color:rgba(255,255,255,0.65);
    font-size:0.72rem;letter-spacing:0.02em;padding:0.5rem 1.5rem;
    box-sizing:border-box;min-height:2rem;
    position:fixed;top:0;left:0;right:0;z-index:60;
  }
  .portal-header-desktop{top:2rem}
}
.portal-main-offset{}
@media (min-width:768px){.portal-main-offset{padding-top:7.75rem}}
.portal-utilitybar__date{text-transform:capitalize}
.portal-utilitybar__right{display:flex;align-items:center;gap:1.25rem}
.portal-utilitybar__right a{color:rgba(255,255,255,0.65);text-decoration:none;transition:color .15s}
.portal-utilitybar__right a:hover{color:#fff}
.portal-utilitybar__social{display:flex;align-items:center;gap:0.85rem}
.portal-utilitybar__social svg{width:14px;height:14px;display:block}

/* ---------- Header nav (site-wide) ---------- */
.portal-nav-link{font-weight:700;font-size:0.82rem;letter-spacing:0.02em;text-decoration:none;padding-bottom:4px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.portal-nav-link.is-active{color:var(--portal-red);border-color:var(--portal-red)}
.portal-nav-link:not(.is-active){color:#3f3f46}
.portal-nav-link:not(.is-active):hover{color:var(--portal-ink)}
.portal-subscribe-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--portal-red-gradient);color:#fff;font-weight:800;font-size:0.78rem;letter-spacing:0.04em;padding:0.6rem 1.25rem;border-radius:0.4rem;text-decoration:none;min-height:40px;transition:filter .15s}
.portal-subscribe-btn:hover{filter:brightness(1.08)}

/* Mobile drawer active state override (red) */
.portal-drawer-link.is-active{color:var(--portal-red) !important;background:rgba(248,47,66,0.08) !important}
.portal-drawer-link.is-active .material-symbols-outlined{color:var(--portal-red) !important}

/* ---------- Chrome: mobile drawer / backdrop / search (from header.ejs) ---------- */
.chrome-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:199;backdrop-filter:blur(2px)}
.chrome-logo-mobile{height:52px;width:auto}
.chrome-logo-drawer{height:48px;width:auto}
.chrome-logo-desktop{height:60px;width:auto}
.chrome-drawer{position:fixed;top:0;left:0;height:100%;width:300px;max-width:85vw;background:#fff;z-index:200;transform:translateX(-100%);transition:transform 0.28s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;overflow-y:auto;box-shadow:4px 0 24px rgba(0,0,0,0.12)}
.chrome-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid #f4f4f5;flex-shrink:0}
.chrome-drawer__logo-link{display:block}
.chrome-drawer__close{background:none;border:none;cursor:pointer;padding:0.5rem;color:#3f3f46;display:flex;align-items:center;border-radius:0.5rem}
.chrome-drawer__nav{padding:1rem 0.75rem;flex:1}
.chrome-drawer__link{display:flex;align-items:center;gap:0.875rem;padding:0.875rem 1rem;border-radius:0.875rem;text-decoration:none;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:0.95rem;color:#3f3f46}
.chrome-drawer__link-icon{font-size:1.25rem;flex-shrink:0;color:#71717a}
.chrome-drawer__footer{padding:1.25rem;border-top:1px solid #f4f4f5;flex-shrink:0}
.chrome-search-form{display:flex;align-items:center;background:#f4f4f5;border-radius:0.75rem;padding:0.5rem 0.875rem;gap:0.5rem}
.chrome-search-form__btn{background:none;border:none;cursor:pointer;color:#71717a;display:flex}
.chrome-search-form__icon{font-size:1.1rem}
.chrome-search-form__input{background:transparent;border:none;outline:none;font-size:0.875rem;width:100%;font-family:'Plus Jakarta Sans',sans-serif;color:#18181b}
.chrome-header-desktop{border-bottom:1px solid #ECEAE9}
.chrome-logo-footer-mobile{height:44px;width:auto}
.chrome-footer-copyright{font-size:0.72rem;color:#a1a1aa;text-align:center;padding:1rem 0 1.5rem;border-top:1px solid var(--portal-line)}
.chrome-bottomnav{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}
.chrome-scrolltop-btn{display:none;position:fixed;left:1.5rem;width:3.25rem;height:3.25rem;background:rgba(255,255,255,0.92);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,0.08);border-radius:50%;box-shadow:0 4px 16px rgba(0,0,0,0.12);z-index:40;align-items:center;justify-content:center;cursor:pointer;color:#3f3f46}
.chrome-hidden{display:none}
.portal-section--tight{padding-bottom:2rem}

/* ---------- Chrome: misc page-level (reader, series, post, genre, archive, search) ---------- */
.chrome-reader-empty{text-align:center;padding:4rem 2rem;color:#aaa}
.chrome-reader-empty__icon{font-size:4rem;display:block;margin-bottom:1rem}
.chrome-text-shadow{text-shadow:0 2px 8px rgba(0,0,0,0.4)}
.chrome-icon-filled{font-variation-settings:'FILL' 1}
.chrome-featured-img{max-height:300px}
.chrome-genre-card{width:clamp(120px,18vw,160px)}
.chrome-ep-badge{background:rgba(0,0,0,0.6);color:#fff}
.chrome-search-result{padding:1.25rem}
.chrome-status-ongoing{background:rgba(248,47,66,0.12);color:var(--portal-red)}

/* =================== REVIEW PAGE (post-single) =================== */
.review-page{max-width:1120px;margin:0 auto;padding:1.75rem 1.5rem 4rem}
.review-page--wide{max-width:1280px}
.review-hero{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:1.25rem 0 1.75rem}
@media (min-width:900px){.review-hero{grid-template-columns:1fr 0.85fr;align-items:stretch}.review-hero__text-col{display:flex;align-items:center}}
.review-hero__body{display:flex;gap:1rem}
.review-hero__index{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:0.35rem;padding-right:1rem;border-right:3px solid var(--portal-red)}
.review-hero__index-label{font-size:0.68rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:var(--portal-red)}
.review-hero__index-num{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:2rem;color:var(--portal-ink);line-height:1}
.review-hero__title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(1.6rem,4vw,2.5rem);line-height:1.15;letter-spacing:-0.02em;color:var(--portal-ink);margin:0 0 0.75rem}
.review-hero__excerpt{font-size:1rem;color:#52525b;line-height:1.55;margin:0 0 1rem}
.review-hero__image{border-radius:0.9rem;overflow:hidden;background:var(--portal-cream);min-height:220px}
.review-hero__image img{width:100%;height:100%;object-fit:cover;display:block}

/* Quick-info bar (Estado / Plataforma / Género) */
.quickinfo-bar{background:var(--portal-cream);border:1px solid var(--portal-line);border-radius:0.9rem;padding:1.1rem 1.4rem;margin-bottom:1.75rem}
.quickinfo-bar__grid{display:grid;grid-template-columns:1fr;gap:1rem}
@media (min-width:640px){.quickinfo-bar__grid{grid-template-columns:repeat(3,1fr)}}
.quickinfo-bar__item{display:flex;align-items:center;gap:0.7rem}
.quickinfo-bar__item .material-symbols-outlined{color:var(--portal-red);font-size:1.4rem;flex-shrink:0}
.quickinfo-bar__label{font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#8b8b8f;margin:0}
.quickinfo-bar__value{font-size:0.88rem;font-weight:800;color:var(--portal-ink);margin:0}

/* Sidebar widgets (reuse .toc-widget from main.css, extend with icon rows for Ficha Rápida) */
.quickfacts-widget{background:var(--portal-cream);border:1px solid var(--portal-line);border-radius:0.9rem;padding:1.25rem}
.quickfacts-widget__title{font-size:0.78rem;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;color:var(--portal-red);margin:0 0 1rem;padding-bottom:0.75rem;border-bottom:1px solid var(--portal-line)}
.quickfacts-widget__row{display:flex;align-items:center;gap:0.7rem;padding:0.55rem 0}
.quickfacts-widget__row .material-symbols-outlined{color:var(--portal-red);font-size:1.15rem;flex-shrink:0}
.quickfacts-widget__label{font-size:0.68rem;color:#8b8b8f;margin:0}
.quickfacts-widget__value{font-size:0.85rem;font-weight:700;color:var(--portal-ink);margin:0}
.toc-widget__title{color:var(--portal-red) !important}

/* H2 accent bar inside article body */
.article-page__content h2{position:relative;padding-left:0.9rem}
.article-page__content h2::before{content:'';position:absolute;left:0;top:0.15em;bottom:0.15em;width:4px;background:var(--portal-red);border-radius:2px}

/* Manhwa similares — horizontal row */
.similar-row{margin:2.5rem 0}
.similar-row__head{font-size:0.78rem;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;color:var(--portal-ink);position:relative;padding-left:0.85rem;margin-bottom:1rem}
.similar-row__head::before{content:'';position:absolute;left:0;top:0.1em;bottom:0.1em;width:4px;background:var(--portal-red);border-radius:2px}
.similar-row__scroll{display:flex;gap:1rem;overflow-x:auto;scrollbar-width:none;padding-bottom:0.3rem}
.similar-row__scroll::-webkit-scrollbar{display:none}
.similar-row__card{flex:none;width:190px;display:flex;align-items:center;gap:0.75rem;padding:0.6rem;border-radius:0.7rem;border:1px solid var(--portal-line);text-decoration:none;transition:box-shadow .15s}
.similar-row__card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.08)}
.similar-row__thumb{flex:none;width:44px;height:58px;border-radius:0.4rem;overflow:hidden;background:var(--portal-cream)}
.similar-row__thumb img{width:100%;height:100%;object-fit:cover}
.similar-row__title{font-size:0.8rem;font-weight:700;color:var(--portal-ink);line-height:1.3;flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.similar-row__arrow{color:var(--portal-red);font-size:1.1rem;flex-shrink:0}

/* FAQ accordion (built client-side from H3/P pairs under "Preguntas frecuentes") */
.faq-block{margin:1.5rem 0 2.5rem}
.faq-item{border:1px solid var(--portal-line);border-radius:0.7rem;margin-bottom:0.6rem;overflow:hidden}
.faq-item__q{display:flex;align-items:center;gap:0.75rem;width:100%;text-align:left;padding:0.9rem 1.1rem;background:#fff;border:none;cursor:pointer;font-size:0.92rem;font-weight:700;color:var(--portal-ink)}
.faq-item__q .material-symbols-outlined{color:var(--portal-red);flex-shrink:0}
.faq-item__q-toggle{margin-left:auto;color:var(--portal-red);font-size:1.2rem;flex-shrink:0;transition:transform .2s}
.faq-item.is-open .faq-item__q-toggle{transform:rotate(45deg)}
.faq-item__a{padding:0 1.1rem 0;max-height:0;overflow:hidden;transition:max-height .25s ease,padding .25s ease;color:#52525b;font-size:0.88rem;line-height:1.6}
.faq-item.is-open .faq-item__a{padding:0 1.1rem 1rem;max-height:400px}

/* Mobile bottom nav (fixed) */
.portal-nav-mobile{color:#a1a1aa}
.portal-nav-mobile.is-active{color:var(--portal-red)}
.portal-bottomnav-link{color:#71717a}
.portal-bottomnav-link:hover{color:var(--portal-red)}

/* ---------- Genre chip bar ---------- */
.portal-genrebar{border-top:1px solid var(--portal-line);border-bottom:1px solid var(--portal-line);background:#fff}
.portal-genrebar__scroll{display:flex;gap:0.4rem;overflow-x:auto;padding:0.65rem 1.5rem;scrollbar-width:none;max-width:1536px;margin:0 auto}
.portal-genrebar__scroll::-webkit-scrollbar{display:none}
.portal-genrebar__chip{flex:none;display:inline-flex;align-items:center;line-height:1;gap:0.35rem;padding:0.4rem 0.85rem;border-radius:9999px;background:var(--portal-cream);color:#3f3f46;font-size:0.78rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s;min-height:34px}
.portal-genrebar__icon{width:16px;height:16px;flex-shrink:0;display:block}
.portal-genrebar__chip:hover{background:var(--portal-red);color:#fff}

/* ---------- Hero grid ---------- */
.portal-hero{max-width:1536px;margin:0 auto;padding:1.25rem 1.5rem 0}
.portal-hero__grid{display:grid;grid-template-columns:1fr;gap:0.75rem}
@media (min-width:900px){.portal-hero__grid{grid-template-columns:1.6fr 1fr;height:520px}}
.portal-hero__main{position:relative;border-radius:0.75rem;overflow:hidden;background:var(--portal-ink);min-height:280px;display:block;text-decoration:none}
@media (min-width:900px){.portal-hero__main{min-height:0;height:100%}}
.portal-hero__main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.portal-hero__scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,0.88) 0%,rgba(0,0,0,0.15) 65%,rgba(0,0,0,0) 100%)}
.portal-hero__body{position:absolute;left:0;right:0;bottom:0;padding:1.5rem}
.portal-badge{display:inline-block;padding:0.28rem 0.7rem;border-radius:0.25rem;font-size:0.66rem;font-weight:800;letter-spacing:0.05em;text-transform:uppercase;margin-bottom:0.65rem}
.portal-badge--red{background:var(--portal-red);color:#fff}
.portal-badge--ink{background:var(--portal-ink);color:#fff}
.portal-hero__title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;color:#fff;line-height:1.15;letter-spacing:-0.02em;font-size:clamp(1.35rem,3vw,2.2rem);margin:0 0 0.5rem}
.portal-hero__excerpt{color:rgba(255,255,255,0.78);font-size:0.9rem;line-height:1.5;max-width:34rem;margin:0 0 0.6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.portal-hero__meta{color:rgba(255,255,255,0.55);font-size:0.75rem}
.portal-hero__mini{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}
@media (min-width:900px){.portal-hero__mini{height:100%}}
.portal-hero__mini a:first-child{grid-column:1 / -1}
.portal-hero__mini a{position:relative;border-radius:0.75rem;overflow:hidden;background:var(--portal-ink);display:block;text-decoration:none;min-height:130px}
.portal-hero__mini img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.portal-hero__mini .portal-hero__scrim{background:linear-gradient(0deg,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.1) 70%)}
.portal-hero__mini .portal-hero__body{padding:0.9rem}
.portal-hero__mini .portal-hero__title{font-size:0.95rem;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.portal-hero__mini .portal-badge{margin-bottom:0.4rem;font-size:0.6rem;padding:0.2rem 0.55rem}

/* ---------- Section shell ---------- */
.portal-section{max-width:1536px;margin:0 auto;padding:2rem 1.5rem 0}
.portal-section__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.1rem;gap:1rem}
.portal-section__title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(1.05rem,2.6vw,1.4rem);letter-spacing:-0.01em;color:var(--portal-ink);margin:0;text-transform:uppercase;position:relative;padding-left:0.85rem}
.portal-section__title::before{content:'';position:absolute;left:0;top:0.15em;bottom:0.15em;width:4px;background:var(--portal-red);border-radius:2px}
.portal-section__link{font-size:0.72rem;font-weight:800;color:var(--portal-red);text-decoration:none;text-transform:uppercase;letter-spacing:0.04em;white-space:nowrap}
.portal-section__link:hover{color:var(--portal-red-dark)}
.portal-scroll{display:flex;gap:1rem;overflow-x:auto;scrollbar-width:none;padding-bottom:0.35rem}
.portal-scroll::-webkit-scrollbar{display:none}

/* ---------- Lo Más Leído ---------- */
.portal-read-card{flex:none;width:clamp(130px,26vw,180px);text-decoration:none;position:relative;display:block}
.portal-read-card__rank{position:absolute;left:-0.4rem;bottom:2.4rem;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:2.75rem;color:var(--portal-red);opacity:0.16;line-height:1;pointer-events:none;z-index:1}
.portal-read-card__cover{position:relative;z-index:2;aspect-ratio:3/4;border-radius:0.6rem;overflow:hidden;background:var(--portal-cream);margin-bottom:0.55rem}
.portal-read-card__cover img{width:100%;height:100%;object-fit:cover}
.portal-read-card__title{font-size:0.8rem;font-weight:700;color:var(--portal-ink);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 0.2rem}
.portal-read-card__meta{font-size:0.68rem;color:#8b8b8f}

/* ---------- Nuevos / carousel with arrows ---------- */
.portal-carousel{position:relative}
.portal-carousel__btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--portal-line);box-shadow:0 2px 8px rgba(0,0,0,0.12);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;color:var(--portal-ink)}
.portal-carousel__btn--prev{left:-6px}
.portal-carousel__btn--next{right:-6px;background:var(--portal-red);color:#fff;border-color:var(--portal-red)}
@media (max-width:767px){.portal-carousel__btn{display:none}}
.portal-new-card{flex:none;width:clamp(130px,32vw,168px);text-decoration:none;display:block}
.portal-new-card__cover{position:relative;aspect-ratio:3/4;border-radius:0.6rem;overflow:hidden;background:var(--portal-cream);margin-bottom:0.55rem}
.portal-new-card__cover img{width:100%;height:100%;object-fit:cover}
.portal-new-card__cover .portal-badge{position:absolute;top:0.5rem;left:0.5rem;margin:0}
.portal-new-card__title{font-size:0.8rem;font-weight:700;color:var(--portal-ink);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 0.2rem}
.portal-new-card__tag{font-size:0.68rem;color:#8b8b8f;text-transform:uppercase;letter-spacing:0.03em;font-weight:700}

/* ---------- Top de la Semana ---------- */
.portal-rank-card{flex:none;width:clamp(150px,34vw,220px);border-radius:0.75rem;overflow:hidden;position:relative;text-decoration:none;display:block;min-height:280px;background:var(--portal-ink)}
.portal-rank-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.55}
.portal-rank-card__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(248,47,66,0.25) 0%,rgba(16,16,20,0.55) 55%,rgba(16,16,20,0.95) 100%)}
.portal-rank-card__num{position:absolute;top:0.75rem;left:0.85rem;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:2.25rem;color:#fff;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,0.5)}
.portal-rank-card__body{position:absolute;left:0;right:0;bottom:0;padding:1rem}
.portal-rank-card__title{color:#fff;font-weight:800;font-size:1rem;line-height:1.25;margin:0 0 0.3rem}
.portal-rank-card__genre{color:rgba(255,255,255,0.65);font-size:0.72rem;margin-bottom:0.5rem}
.portal-rank-card__views{display:inline-flex;align-items:center;gap:0.3rem;color:var(--portal-red);font-weight:800;font-size:0.78rem}
.portal-rank-card__views .material-symbols-outlined{font-size:1rem}

/* ---------- Últimas Noticias + En Tendencia ---------- */
.portal-newsgrid{display:grid;grid-template-columns:1fr;gap:2rem}
@media (min-width:1024px){.portal-newsgrid{grid-template-columns:2fr 1fr}}
.portal-news-row{display:flex;gap:1rem;padding:0.9rem 0;border-bottom:1px solid var(--portal-line);text-decoration:none}
.portal-news-row:first-child{padding-top:0}
.portal-news-row__thumb{flex:none;width:104px;height:78px;border-radius:0.5rem;overflow:hidden;background:var(--portal-cream)}
.portal-news-row__thumb img{width:100%;height:100%;object-fit:cover}
.portal-news-row__title{font-weight:700;font-size:0.92rem;color:var(--portal-ink);line-height:1.3;margin:0 0 0.3rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.portal-news-row__excerpt{font-size:0.78rem;color:#71717a;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 0.3rem}
.portal-news-row__meta{font-size:0.7rem;color:#a1a1aa}
.portal-news-row__meta a{color:var(--portal-red);font-weight:700;text-decoration:none}
.portal-viewmore{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:1.25rem;padding:0.8rem;border:1.5px solid var(--portal-red);color:var(--portal-red);font-weight:800;font-size:0.78rem;letter-spacing:0.04em;text-transform:uppercase;border-radius:0.5rem;text-decoration:none;transition:all .15s;min-height:44px}
.portal-viewmore:hover{background:var(--portal-red-gradient);color:#fff;border-color:transparent}

.portal-trending{background:var(--portal-cream);border-radius:0.75rem;padding:1.25rem}
.portal-trending__head{display:flex;align-items:center;gap:0.4rem;font-weight:800;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.03em;color:var(--portal-ink);margin-bottom:1rem}
.portal-trending__head .material-symbols-outlined{color:var(--portal-red);font-size:1.15rem}
.portal-trending__item{display:flex;align-items:center;gap:0.75rem;text-decoration:none;padding:0.55rem 0;border-bottom:1px solid var(--portal-line)}
.portal-trending__item:last-child{border-bottom:none}
.portal-trending__num{flex:none;width:1.5rem;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.1rem;color:var(--portal-red)}
.portal-trending__thumb{flex:none;width:40px;height:40px;border-radius:0.4rem;overflow:hidden;background:#fff}
.portal-trending__thumb img{width:100%;height:100%;object-fit:cover}
.portal-trending__info{min-width:0}
.portal-trending__title{font-size:0.8rem;font-weight:700;color:var(--portal-ink);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.portal-trending__date{font-size:0.68rem;color:#a1a1aa}

/* ---------- CTA banner ---------- */
.portal-cta{max-width:1536px;margin:2.5rem auto 0;padding:0 1.5rem}
.portal-cta__inner{position:relative;border-radius:0.9rem;overflow:hidden;padding:2.25rem 1.75rem;text-align:center;background:
  repeating-linear-gradient(135deg,rgba(255,255,255,0.05) 0 2px,transparent 2px 14px),
  linear-gradient(120deg,var(--portal-ink) 0%,#3a0d18 55%,var(--portal-red-dark) 100%);
}
.portal-cta__title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;color:#fff;font-size:clamp(1.3rem,3.4vw,2rem);line-height:1.2;margin:0 0 0.5rem}
.portal-cta__sub{color:rgba(255,255,255,0.7);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.1em;margin:0 0 1.25rem}
.portal-cta__btn{display:inline-flex;align-items:center;justify-content:center;background:var(--portal-red-gradient);color:#fff;font-weight:800;font-size:0.85rem;letter-spacing:0.03em;padding:0.85rem 2rem;border-radius:0.5rem;text-decoration:none;min-height:48px}
.portal-cta__btn:hover{background:#fff;color:var(--portal-red)}

/* =================== FOOTER =================== */
.portal-footer{background:var(--portal-cream);border-top:1px solid var(--portal-line);position:relative;overflow:hidden}
.portal-footer__inner{max-width:1536px;margin:0 auto;padding:3rem 1.5rem 0;position:relative;z-index:2}
.portal-footer__top{display:grid;grid-template-columns:1fr;gap:2.5rem}
@media (min-width:900px){.portal-footer__top{grid-template-columns:1.3fr repeat(3,1fr) 1fr}}
.portal-footer__brand-word{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.75rem;letter-spacing:-0.02em;color:var(--portal-red);margin:0 0 0.6rem}
.portal-footer__brand-word img{height:52px;width:auto;display:block}
.portal-footer__tagline{font-size:0.85rem;color:#52525b;line-height:1.5;max-width:20rem;margin:0 0 1.25rem}
.portal-footer__col-title{font-size:0.72rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:var(--portal-ink);margin:0 0 1.1rem}
.portal-footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.75rem}
.portal-footer__col a{font-size:0.85rem;color:#52525b;text-decoration:none;transition:color .15s}
.portal-footer__col a:hover{color:var(--portal-red)}
.portal-footer__social{display:flex;gap:0.6rem}
.portal-footer__social a{width:38px;height:38px;border-radius:50%;border:1.5px solid #d4d4d8;display:flex;align-items:center;justify-content:center;color:var(--portal-ink);transition:all .15s}
.portal-footer__social a:hover{border-color:var(--portal-red);background:var(--portal-red);color:#fff}
.portal-footer__social svg{width:16px;height:16px}
.portal-footer__watermark{margin-top:2.5rem;line-height:0.75;overflow:hidden;white-space:nowrap;user-select:none;pointer-events:none}
.portal-footer__watermark span{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(4rem,14vw,9rem);color:var(--portal-red);opacity:0.06;letter-spacing:-0.02em}
.portal-footer__bottom{border-top:1px solid var(--portal-line);padding:1.1rem 1.5rem;display:flex;flex-direction:column;gap:0.5rem;align-items:center;text-align:center;font-size:0.75rem;color:#71717a;position:relative;z-index:2}
@media (min-width:768px){.portal-footer__bottom{flex-direction:row;justify-content:space-between;text-align:left}}

/* Mobile footer accordion */
.portal-footer-m{background:var(--portal-cream);padding:2rem 1.25rem 0}
.portal-footer-m__tagline{font-size:0.85rem;color:#52525b;margin:0.75rem 0 1.5rem}
.portal-footer-m details{border-bottom:1px solid var(--portal-line)}
.portal-footer-m summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:0.9rem 0;font-size:0.78rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:var(--portal-ink);cursor:pointer;min-height:44px}
.portal-footer-m summary::-webkit-details-marker{display:none}
.portal-footer-m summary .material-symbols-outlined{transition:transform .2s;color:var(--portal-red)}
.portal-footer-m details[open] summary .material-symbols-outlined{transform:rotate(180deg)}
.portal-footer-m__list{list-style:none;margin:0;padding:0 0 1rem;display:flex;flex-direction:column;gap:0.75rem}
.portal-footer-m__list a{font-size:0.85rem;color:#52525b;text-decoration:none}
.portal-footer-m__social{display:flex;gap:0.6rem;padding:1.25rem 0}
.portal-footer-m__social a{width:40px;height:40px;border-radius:50%;border:1.5px solid #d4d4d8;display:flex;align-items:center;justify-content:center;color:var(--portal-ink)}
.portal-footer-m__social svg{width:16px;height:16px}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url('/public/fonts/material-symbols-outlined.woff2') format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
html,body{overflow-x:hidden}@media(max-width:767px){main{padding-bottom:calc(6rem + env(safe-area-inset-bottom,0px)) !important}}