flex flex-col flex-wrap lg:flex-row md:flex-col sm:flex-wrap gap-4 gap-x-6 gap-y-8 lg:gap-x-12 md:gap-y-4 p-4 pt-8 pb-12 pl-6 pr-10 lg:p-8 md:pt-16 sm:p-2 m-auto mx-auto my-4 ml-2 mr-6 lg:m-8 md:mx-12 sm:my-2 w-full max-w-7xl min-w-0 h-auto min-h-screen max-h-full lg:max-w-5xl md:max-w-3xl sm:max-w-sm bg-white dark:bg-slate-900 bg-opacity-95 dark:bg-opacity-80 text-slate-900 dark:text-white text-base sm:text-sm md:text-lg lg:text-xl font-normal font-medium sm:font-semibold md:font-bold lg:font-black leading-6 sm:leading-5 md:leading-7 lg:leading-8 tracking-normal sm:tracking-tight md:tracking-wide lg:tracking-wider rounded-lg sm:rounded-md md:rounded-xl lg:rounded-2xl border border-slate-200 dark:border-slate-700 border-opacity-50 dark:border-opacity-40 shadow-md sm:shadow-sm md:shadow-lg lg:shadow-xl hover:shadow-2xl transition-shadow duration-300 ease-in-out hover:bg-slate-50 dark:hover:bg-slate-800 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 focus-visible:ring-4 focus-visible:ring-blue-600 active:bg-slate-100 dark:active:bg-slate-700 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer select-none user-select-none pointer-events-auto overflow-hidden overflow-x-auto overflow-y-hidden sm:overflow-y-auto md:overflow-visible lg:overflow-clip whitespace-nowrap sm:whitespace-normal md:whitespace-pre-wrap lg:whitespace-pre-line word-break break-words hyphens-auto inline-block sm:block md:inline-flex lg:flex xl:grid 2xl:table align-top sm:align-middle md:align-bottom lg:align-text-top justify-start sm:justify-center md:justify-end lg:justify-between xl:justify-around 2xl:justify-evenly items-start sm:items-center md:items-end lg:items-baseline xl:items-stretch content-start sm:content-center md:content-end lg:content-between xl:content-around 2xl:content-evenly flex-none sm:flex-shrink md:flex-grow lg:flex-auto flex-start sm:flex-center md:flex-end self-auto sm:self-start md:self-center lg:self-end xl:self-stretch order-first sm:order-last md:order-none lg:order-1 xl:order-12 2xl:order-none bg-gradient-to-r sm:bg-gradient-to-l md:bg-gradient-to-t lg:bg-gradient-to-b xl:bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500 bg-clip-text text-transparent sm:bg-clip-padding md:bg-clip-border bg-size-cover sm:bg-size-contain md:bg-size-auto lg:bg-cover bg-position-center sm:bg-position-top md:bg-position-bottom bg-repeat sm:bg-no-repeat md:bg-repeat-x lg:bg-repeat-y object-cover sm:object-contain md:object-fill lg:object-scale-down object-center sm:object-top md:object-bottom lg:object-left  opacity-100 sm:opacity-90 md:opacity-75 lg:opacity-50 xl:opacity-25 2xl:opacity-0 mix-blend-normal sm:mix-blend-multiply md:mix-blend-screen lg:mix-blend-overlay xl:mix-blend-darken 2xl:mix-blend-lighten visibility-visible sm:invisible md:collapse hidden sm:block md:hidden lg:flex xl:table 2xl:inline-block space-x-4 sm:space-x-6 md:space-x-8 lg:space-x-10 space-y-2 sm:space-y-4 md:space-y-6 lg:space-y-8 divide-x divide-y-2 divide-slate-200 divide-opacity-50 dark:divide-slate-700 dark:divide-opacity-40 ring-4 ring-blue-500 ring-opacity-50 ring-inset sm:ring-offset-4 md:ring-offset-8 ring-offset-white dark:ring-offset-slate-900 outline outline-2 outline-offset-2 outline-blue-500 outline-dashed sm:outline-dotted md:outline-solid lg:outline-double stroke-2 stroke-slate-900 dark:stroke-white fill-slate-900 dark:fill-white stroke-linecap-round sm:stroke-linecap-square md:stroke-linecap-butt stroke-linejoin-round sm:stroke-linejoin-bevel md:stroke-linejoin-miter stroke-dasharray-0 sm:stroke-dasharray-4 stroke-dashoffset-0 sm:stroke-dashoffset-8 paint-order-normal sm:paint-order-stroke md:paint-order-fill lg:paint-order-markers transform sm:transform-gpu md:transform-none scale-100 sm:scale-95 md:scale-110 lg:scale-125 xl:scale-150 2xl:scale-75 scale-x-100 sm:scale-x-90 md:scale-x-110 scale-y-100 sm:scale-y-90 md:scale-y-110 rotate-0 sm:rotate-1 md:rotate-2 lg:rotate-3 xl:rotate-6 2xl:rotate-12 -rotate-3 sm:-rotate-6 md:-rotate-12 skew-x-0 sm:skew-x-1 md:skew-x-2 lg:skew-x-3 skew-y-0 sm:skew-y-1 md:skew-y-2 lg:skew-y-3 translate-x-0 sm:translate-x-1 md:translate-x-2 lg:translate-x-4 xl:translate-x-8 2xl:translate-x-16 -translate-x-1 sm:-translate-x-2 md:-translate-x-4 translate-y-0 sm:translate-y-1 md:translate-y-2 lg:translate-y-4 -translate-y-1 sm:-translate-y-2 md:-translate-y-4 origin-center sm:origin-top md:origin-bottom lg:origin-left xl:origin-right 2xl:origin-top-left perspective perspective-none preserve-3d backface-visible sm:backface-hidden rotate-x-0 sm:rotate-x-6 md:rotate-x-12 rotate-y-0 sm:rotate-y-6 md:rotate-y-12 rotate-z-0 sm:rotate-z-6 md:rotate-z-12 transition-all sm:transition-colors md:transition-opacity lg:transition-transform xl:transition-shadow 2xl:transition-none duration-75 sm:duration-100 md:duration-150 lg:duration-200 xl:duration-300 2xl:duration-500 ease-linear sm:ease-in md:ease-out lg:ease-in-out delay-0 sm:delay-75 md:delay-100 lg:delay-150 xl:delay-200 2xl:delay-300 cursor-auto sm:cursor-default md:cursor-pointer lg:cursor-move xl:cursor-text 2xl:cursor-wait touch-auto sm:touch-none md:touch-manipulation user-select-auto sm:user-select-text md:user-select-none lg:user-select-all select-auto sm:select-text md:select-all lg:select-none resize-none sm:resize md:resize-x lg:resize-y list-inside sm:list-outside list-disc sm:list-decimal md:list-alpha lg:list-roman marker-text-slate-900 marker:text-slate-900 dark:marker:text-white accent-blue-500 dark:accent-blue-400 placeholder-slate-400 dark:placeholder-slate-600 placeholder-opacity-50 dark:placeholder-opacity-75 first:pt-0 sm:first:mt-0 md:last:pb-0 sm:last:mb-0 odd:bg-slate-50 dark:odd:bg-slate-800 even:bg-white dark:even:bg-slate-900 first-letter:text-2xl sm:first-letter:font-bold first-line:text-xl sm:first-line:font-semibold before:content-['→'] sm:before:content-['←'] md:before:content-[''] after:content-['✓'] sm:after:content-['✗'] md:after:content-[''] empty:hidden read-only:bg-slate-50 dark:read-only:bg-slate-800 group-hover:text-blue-500 sm:group-hover:bg-blue-50 dark:group-hover:bg-blue-900 group-focus:outline group-focus:outline-blue-500 group-active:bg-blue-100 dark:group-active:bg-blue-800 peer-hover:text-blue-500 sm:peer-hover:bg-blue-50 dark:peer-hover:bg-blue-900 peer-focus:outline sm:peer-focus:outline-blue-500 peer-checked:bg-blue-500 peer-invalid:text-red-500 dark:peer-invalid:text-red-400 hover:first:text-blue-600 focus-visible:first:outline focus-visible:first:outline-blue-500 disabled:first:opacity-50 first-of-type:text-slate-900 last-of-type:text-slate-600 only-of-type:text-slate-500 only-child:text-slate-400 checked:bg-blue-500 checked:border-transparent indeterminate:bg-blue-500 default:ring-2 default:ring-blue-500 valid:border-green-500 invalid:border-red-500 in-range:border-blue-500 out-of-range:border-red-500 required:border-blue-500 optional:border-slate-300 blank:hidden filled:bg-blue-50 dark:filled:bg-blue-900 future:text-slate-400 past:text-slate-600 target:bg-yellow-100 dark:target:bg-yellow-900 visited:text-purple-600 dark:visited:text-purple-400 target-within:bg-yellow-50 dark:target-within:bg-yellow-900 focus-within:outline-blue-500 group-disabled:opacity-50 dark:group-disabled:opacity-75 group-invalid:text-red-500 dark:group-invalid:text-red-400 group-required:text-blue-500 dark:group-required:text-blue-400 group-valid:text-green-500 dark:group-valid:text-green-400 motion-safe:transition-all motion-reduce:transition-none contrast-more:border-2 contrast-less:border-0 print:hidden sm:print:block md:print:inline lg:print:inline-block xl:print:table dark:print:text-white dark:print:bg-black supports-grid:grid supports-grid:grid-cols-3 supports-flex:flex supports-flex:flex-col supports-backdrop-blur:backdrop-blur sm:supports-backdrop-blur:backdrop-blur-md md:supports-backdrop-blur:backdrop-blur-lg backdrop-blur-none sm:backdrop-blur md:backdrop-blur-sm lg:backdrop-blur-md xl:backdrop-blur-lg 2xl:backdrop-blur-xl backdrop-brightness-100 sm:backdrop-brightness-110 md:backdrop-brightness-125 backdrop-contrast-100 sm:backdrop-contrast-110 md:backdrop-contrast-125 backdrop-grayscale-0 sm:backdrop-grayscale lg:backdrop-grayscale-0 backdrop-hue-rotate-0 sm:backdrop-hue-rotate-15 md:backdrop-hue-rotate-30 lg:backdrop-hue-rotate-60 backdrop-invert-0 sm:backdrop-invert lg:backdrop-invert-0 backdrop-opacity-0 sm:backdrop-opacity-50 md:backdrop-opacity-100 backdrop-saturate-100 sm:backdrop-saturate-110 md:backdrop-saturate-150 lg:backdrop-saturate-200 backdrop-sepia-0 sm:backdrop-sepia lg:backdrop-sepia-0 blur-none sm:blur md:blur-sm lg:blur-md xl:blur-lg 2xl:blur-xl brightness-100 sm:brightness-110 md:brightness-125 lg:brightness-150 contrast-100 sm:contrast-110 md:contrast-125 lg:contrast-150 drop-shadow-none sm:drop-shadow md:drop-shadow-sm lg:drop-shadow-md xl:drop-shadow-lg 2xl:drop-shadow-xl grayscale-0 sm:grayscale lg:grayscale-0 hue-rotate-0 sm:hue-rotate-15 md:hue-rotate-30 lg:hue-rotate-60 xl:hue-rotate-90 2xl:hue-rotate-180 invert-0 sm:invert lg:invert-0 saturate-100 sm:saturate-110 md:saturate-125 lg:saturate-150 xl:saturate-200 sepia-0 sm:sepia lg:sepia-0 box-border sm:box-content table-auto sm:table-fixed caption-top sm:caption-bottom table-cell sm:table-row md:table-row-group lg:table-header-group xl:table-footer-group collapse-visible sm:collapse-collapse border-collapse sm:border-separate border-spacing-0 sm:border-spacing-1 md:border-spacing-2 lg:border-spacing-4 empty-cells-show sm:empty-cells-hide text-left sm:text-center md:text-right lg:text-justify text-wrap sm:text-nowrap md:text-balance lg:text-pretty truncate sm:line-clamp-1 md:line-clamp-2 lg:line-clamp-3 xl:line-clamp-4 2xl:line-clamp-6 italic sm:not-italic oblique-0 sm:oblique-12 text-decoration-auto sm:text-decoration-slice md:text-decoration-clone underline sm:overline md:line-through lg:no-underline decoration-auto sm:decoration-slice md:decoration-clone decoration-solid sm:decoration-double md:decoration-dotted lg:decoration-dashed xl:decoration-wavy 2xl:decoration-slice decoration-0 sm:decoration-1 md:decoration-2 lg:decoration-4 decoration-auto sm:decoration-from-font md:decoration-0 lg:decoration-1 sm:underline-offset-0 md:underline-offset-1 lg:underline-offset-2 xl:underline-offset-4 2xl:underline-offset-8 vertical-baseline sm:vertical-top md:vertical-middle lg:vertical-bottom xl:vertical-text-top 2xl:vertical-text-bottom caption-top sm:caption-bottom border-solid sm:border-dashed md:border-dotted lg:border-double xl:border-none 2xl:border-hidden border-0 sm:border border-t-0 sm:border-t border-b-0 sm:border-b border-l-0 sm:border-l border-r-0 sm:border-r border-x-0 sm:border-x border-y-0 sm:border-y border-t-2 sm:border-t-4 md:border-t-8 border-b-2 sm:border-b-4 md:border-b-8 border-l-2 sm:border-l-4 md:border-l-8 border-r-2 sm:border-r-4 md:border-r-8 border-slate-50 sm:border-slate-100 md:border-slate-200 lg:border-slate-300 xl:border-slate-400 2xl:border-slate-500 dark:border-slate-600 dark:sm:border-slate-700 dark:md:border-slate-800 dark:lg:border-slate-900 border-opacity-0 sm:border-opacity-25 md:border-opacity-50 lg:border-opacity-75 xl:border-opacity-100 dark:border-opacity-25 dark:md:border-opacity-50 ring-0 sm:ring-1 md:ring-2 lg:ring-4 xl:ring-8 ring-slate-900 sm:ring-slate-700 md:ring-slate-500 lg:ring-slate-300 xl:ring-slate-100 dark:ring-slate-100 dark:sm:ring-slate-300 dark:md:ring-slate-500 dark:lg:ring-slate-700 dark:xl:ring-slate-900 ring-opacity-100 sm:ring-opacity-75 md:ring-opacity-50 lg:ring-opacity-25 dark:ring-opacity-50 dark:md:ring-opacity-75 ring-offset-0 sm:ring-offset-2 md:ring-offset-4 lg:ring-offset-8 ring-offset-white sm:ring-offset-slate-50 md:ring-offset-slate-100 lg:ring-offset-slate-200 dark:ring-offset-slate-900 dark:sm:ring-offset-slate-800 dark:md:ring-offset-slate-700 box-shadow-none sm:box-shadow md:shadow-sm lg:shadow-md xl:shadow-lg 2xl:shadow-xl shadow-slate-900 sm:shadow-slate-700 md:shadow-slate-500 lg:shadow-slate-300 xl:shadow-slate-100 dark:shadow-slate-100 dark:sm:shadow-slate-300 dark:md:shadow-slate-500 dark:lg:shadow-slate-700 dark:xl:shadow-slate-900 accent-slate-900 sm:accent-slate-700 md:accent-slate-500 lg:accent-slate-300 xl:accent-slate-100 dark:accent-slate-100 dark:sm:accent-slate-300 dark:md:accent-slate-500 dark:lg:accent-slate-700 dark:xl:accent-slate-900 columns-1 sm:columns-2 md:columns-3 lg:columns-4 xl:columns-5 2xl:columns-6 break-auto sm:break-avoid md:break-all lg:break-page xl:break-column 2xl:break-inside-avoid space-x-reverse space-y-reverse divide-x-reverse divide-y-reverse top-[20px] right-[15px] bottom-[-10px] left-[50%] w-[300px] h-[250px] max-w-[800px] min-h-[500px] gap-[18px] p-[32px] m-[24px] text-[16px] leading-[1.8] tracking-[0.5px] rounded-[12px] shadow-[0_4px_6px_rgba(0,0,0,0.1)] bg-[#f5f5f5] text-[#33333] border-[#e0e0e0] hover:bg-[#efefef] focus:ring-[#4f46e5] decoration-[3px] ring-offset-[6px] border-l-[5px] border-[#3b82f6] outline-offset-[4px] outline-[3px] via-[#a855f7] from-[#06b6d4] to-[#ec4899] translate-x-[32px] translate-y-[-16px] scale-[1.15] rotate-[45deg] skew-x-[10deg] blur-[8px] brightness-[1.2] contrast-[1.1] saturate-[1.5] inset-[12px] inset-x-[20px] inset-y-[15px] space-x-[14px] space-y-[10px] divide-x-[2px] divide-y-[3px] scroll-px-[16px] scroll-py-[24px] scroll-m-[20px] scroll-mt-[30px] scroll-mb-[25px] scroll-ml-[18px] scroll-mr-[22px] columns-[250px] break-after-[auto] break-before-[avoid] grid-cols-[repeat(3,minmax(0,1fr))] grid-rows-[200px_1fr_100px] col-start-[1] col-end-[3] row-start-[2] row-end-[4] basis-[200px] shrink-[2] grow-[0.5] order-[5] z-[100] after:content-['»'] before:content-['«'] caret-[#ff0066] selection:bg-[#fde047] marker:text-[#ef4444] first-line:bg-[#fca5a5] first-letter:text-[#7c3aed] placeholder:text-[#a1a1aa] transition-[all_0.5s_ease-in-out] duration-[400ms] data-[state=active]:bg-[#06b6d4] aria-disabled:opacity-[0.4] group/card:hover:bg-[#dbeafe] peer/input:focus:border-[#8b5cf6] supports-[display:grid]:grid supports-[display:flex]:flex backdrop-blur-[12px] backdrop-brightness-[1.1] backdrop-contrast-[1.2] backdrop-grayscale-[0.5] backdrop-hue-rotate-[45deg] backdrop-invert-[0.75] backdrop-opacity-[0.8] backdrop-saturate-[1.3] backdrop-sepia-[0.25] delay-[250ms] filter-[invert(1)_sepia(0.5)] mix-blend-[screen] columns-[auto_1fr_2fr] scroll-smooth appearance-[none] cursor-[grab] pointer-events-[auto] resize-[both] mask-[url(/mask.jpg)] isolation-[isolate] hue-rotate-[120deg] backdrop-filter-[blur(10px)_brightness(110%)] filter-[brightness(1.5)_contrast(1.2)] accent-[#ff00ff] caret-[#00ffff] selection-[bg-yellow-200] marker-[#00ff00] decoration-[#ff0000] underline-[#0000ff] outline-[#ffff00] ring-[#ff00ff]
