@charset "UTF-8";.scroll-progress[data-v-8af5e3c6]{position:fixed;top:0;left:0;right:0;height:2px;z-index:var(--z-sticky);background:transparent;pointer-events:none}.scroll-progress__bar[data-v-8af5e3c6]{height:100%;background:var(--color-primary);transition:width .1s linear;transform-origin:left}[data-theme=dark] .scroll-progress__bar[data-v-8af5e3c6]{opacity:.9}.app[data-v-036e4473]{min-height:100vh;display:flex;flex-direction:column;background:var(--color-surface-base);color:var(--color-text-primary);transition:background var(--transition-base) var(--easing-custom),color var(--transition-base) var(--easing-custom)}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.grid{display:grid}.m21{margin:5.25rem}.ms{margin-inline-start:1rem}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.h1{height:.25rem}.h2{height:.5rem}.h3{height:.75rem}.h4{height:1rem}.flex{display:flex}.inline-flex{display:inline-flex}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.flex-wrap{flex-wrap:wrap}.preserve-3d{transform-style:preserve-3d}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in 1s linear 1}.resize{resize:both}.border{border-width:1px}[stroke-width~="2"]{stroke-width:2px}[stroke-width~="4"]{stroke-width:4px}.uppercase{text-transform:uppercase}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.text-shadow{--un-text-shadow:0 0 1px var(--un-text-shadow-color, rgb(0 0 0 / .2)),0 0 1px var(--un-text-shadow-color, rgb(1 0 5 / .1));text-shadow:var(--un-text-shadow)}.outline{outline-style:solid}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[duration~="2000"]{transition-duration:2s}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.delay-700{transition-delay:.7s}.ease,.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--color-morandi-primary: #C88B6D;--color-morandi-primary-light: #D9A88C;--color-morandi-primary-dark: #A87055;--color-morandi-secondary: #E6B89C;--color-morandi-accent: #B8A99A;--color-morandi-success: #9CAF88;--color-morandi-info: #8FA3B8;--color-morandi-bg-cream: #FAF7F2;--color-morandi-bg-warm: #F5F0E8;--color-primary: #C88B6D;--color-primary-light: #D9A88C;--color-primary-dark: #A87055;--color-neutral-50: #FAFAFA;--color-neutral-100: #F5F5F5;--color-neutral-200: #E5E5E5;--color-neutral-300: #D4D4D4;--color-neutral-400: #A3A3A3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-surface-base: #FFFFFF;--color-surface-elevated: #FAFAFA;--color-surface-overlay: rgba(255, 255, 255, .9);--color-surface-glass: rgba(255, 255, 255, .75);--color-text-primary: #171717;--color-text-secondary: #525252;--color-text-tertiary: #A3A3A3;--color-text-inverse: #FFFFFF;--color-bg-page: #FAFAFA;--color-bg-card: #FFFFFF;--color-bg-subtle: #F5F5F5;--color-success: #10B981;--color-success-bg: #D1FAE5;--color-error: #EF4444;--color-error-bg: #FEE2E2;--color-warning: #F59E0B;--color-warning-bg: #FEF3C7;--color-info: #3B82F6;--color-info-bg: #DBEAFE;--gradient-primary: linear-gradient(135deg, #C88B6D 0%, #E6B89C 100%);--gradient-morandi-primary: linear-gradient(135deg, #C88B6D 0%, #E6B89C 100%);--gradient-subtle: linear-gradient(180deg, #FAF7F2 0%, #FFFFFF 100%);--gradient-morandi-subtle: linear-gradient(180deg, #FAF7F2 0%, #F5F0E8 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(200, 139, 109, .08) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(184, 169, 154, .06) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(156, 175, 136, .05) 0px, transparent 50%);--gradient-morandi-mesh: radial-gradient(at 40% 20%, rgba(200, 139, 109, .08) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(184, 169, 154, .06) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(156, 175, 136, .05) 0px, transparent 50%);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--spacing-4xl: 64px;--spacing-5xl: 96px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-subtle: 0 1px 2px rgba(0, 0, 0, .04);--shadow-card: 0 2px 8px rgba(0, 0, 0, .05);--shadow-card-hover: 0 4px 16px rgba(0, 0, 0, .08);--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .08);--shadow-glass: 0 2px 8px rgba(0, 0, 0, .04), inset 0 1px 0 rgba(255, 255, 255, .8);--border-subtle: 1px solid rgba(0, 0, 0, .06);--border-card: 1px solid rgba(0, 0, 0, .08);--border-medium: 1px solid rgba(0, 0, 0, .12);--blur-sm: blur(4px);--blur-md: blur(8px);--blur-lg: blur(12px);--blur-xl: blur(16px);--font-family-base: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", "Inter", system-ui, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-family-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-family-mono: "SF Mono", "Monaco", "Cascadia Code", "Roboto Mono", "Courier New", monospace;--font-size-xs: clamp(.75rem, .7rem + .25vw, .875rem);--font-size-sm: clamp(.813rem, .76rem + .27vw, .938rem);--font-size-md: clamp(.875rem, .82rem + .27vw, 1rem);--font-size-lg: clamp(.938rem, .87rem + .34vw, 1.125rem);--font-size-xl: clamp(1rem, .92rem + .4vw, 1.25rem);--font-size-2xl: clamp(1.25rem, 1.1rem + .75vw, 1.75rem);--font-size-3xl: clamp(1.5rem, 1.25rem + 1.25vw, 2.25rem);--font-size-4xl: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);--font-size-5xl: clamp(2.5rem, 1.75rem + 3.75vw, 4.5rem);--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.15;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--easing-ease: ease;--easing-ease-in: ease-in;--easing-ease-out: ease-out;--easing-ease-in-out: ease-in-out;--easing-custom: cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-morandi-primary: #D9A88C;--color-morandi-primary-light: #E6C4AC;--color-morandi-primary-dark: #C88B6D;--color-morandi-bg-cream: #1A1815;--color-morandi-bg-warm: #201D19;--color-primary: #D9A88C;--color-primary-light: #E6C4AC;--color-primary-dark: #C88B6D;--color-neutral-50: #171717;--color-neutral-100: #262626;--color-neutral-200: #404040;--color-neutral-300: #525252;--color-neutral-400: #737373;--color-neutral-500: #A3A3A3;--color-neutral-600: #D4D4D4;--color-neutral-700: #E5E5E5;--color-neutral-800: #F5F5F5;--color-neutral-900: #FAFAFA;--color-surface-base: #0A0A0A;--color-surface-elevated: #171717;--color-surface-overlay: rgba(10, 10, 10, .9);--color-surface-glass: rgba(26, 26, 26, .8);--color-text-primary: #FAFAFA;--color-text-secondary: #A3A3A3;--color-text-tertiary: #737373;--color-text-inverse: #171717;--color-bg-page: #0A0A0A;--color-bg-card: #171717;--color-bg-subtle: #1A1A1A;--gradient-subtle: linear-gradient(180deg, #0A0A0A 0%, #171717 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(255, 87, 34, .1) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(99, 102, 241, .06) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(245, 158, 11, .05) 0px, transparent 50%);--shadow-subtle: 0 1px 2px rgba(0, 0, 0, .3);--shadow-card: 0 2px 8px rgba(0, 0, 0, .25);--shadow-card-hover: 0 4px 16px rgba(0, 0, 0, .35);--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .4);--shadow-glass: 0 2px 8px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .05);--border-subtle: 1px solid rgba(255, 255, 255, .08);--border-card: 1px solid rgba(255, 255, 255, .1);--border-medium: 1px solid rgba(255, 255, 255, .15)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-page);overflow-x:hidden}*{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;outline:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-page)}::-webkit-scrollbar-thumb{background:var(--color-text-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.container-fluid{width:100%;padding:0 var(--spacing-lg)}@media(max-width:768px){.container,.container-fluid{padding:0 var(--spacing-md)}}button{touch-action:manipulation}::selection{background-color:var(--color-primary);color:#fff}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a{transition:color var(--transition-base) ease}a:hover{color:var(--color-primary)}[disabled],.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.clearfix:after{content:"";display:table;clear:both}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.text-ellipsis-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-base) ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all var(--transition-slow) ease}.slide-fade-leave-active{transition:all var(--transition-base) ease}.slide-fade-enter-from{transform:translateY(10px);opacity:0}.slide-fade-leave-to{transform:translateY(-10px);opacity:0}.zoom-fade-enter-active,.zoom-fade-leave-active{transition:all var(--transition-base) ease}.zoom-fade-enter-from,.zoom-fade-leave-to{transform:scale(.9);opacity:0}.modal-enter-active,.modal-leave-active{transition:opacity var(--transition-base) ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-active .modal-content,.modal-leave-active .modal-content{transition:transform var(--transition-base) ease}.modal-enter-from .modal-content,.modal-leave-to .modal-content{transform:scale(.9)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes floatSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #ff572233}50%{box-shadow:0 0 0 10px #ff572200}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(-10px);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes hoverLift{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes float3D{0%,to{transform:translateY(0) rotateX(0) rotateY(0)}25%{transform:translateY(-10px) rotateX(2deg) rotateY(-2deg)}50%{transform:translateY(-5px) rotateX(0) rotateY(2deg)}75%{transform:translateY(-15px) rotateX(-2deg) rotateY(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardExpand{0%{max-height:200px}to{max-height:500px}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes mouseGlow{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes progressRing{0%{stroke-dashoffset:283}to{stroke-dashoffset:0}}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s var(--easing-custom),transform .6s var(--easing-custom)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-slide-up{transform:translateY(30px)}.animate-slide-up.visible{transform:translateY(0)}.animate-slide-down{transform:translateY(-30px)}.animate-slide-down.visible{transform:translateY(0)}.animate-slide-left{transform:translate(30px)}.animate-slide-left.visible{transform:translate(0)}.animate-slide-right{transform:translate(-30px)}.animate-slide-right.visible{transform:translate(0)}.animate-scale-in{transform:scale(.95)}.animate-scale-in.visible{transform:scale(1)}.animate-float{animation:floatSubtle 4s ease-in-out infinite}.animate-float-3d{animation:float3D 6s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s infinite}.animate-gradient{background-size:200% 200%;animation:gradientFlow 3s ease infinite}.delay-100{animation-delay:.1s;transition-delay:.1s}.delay-200{animation-delay:.2s;transition-delay:.2s}.delay-300{animation-delay:.3s;transition-delay:.3s}.delay-400{animation-delay:.4s;transition-delay:.4s}.delay-500{animation-delay:.5s;transition-delay:.5s}.delay-600{animation-delay:.6s;transition-delay:.6s}.delay-700{animation-delay:.7s;transition-delay:.7s}.delay-800{animation-delay:.8s;transition-delay:.8s}.delay-900{animation-delay:.9s;transition-delay:.9s}.delay-1000{animation-delay:1s;transition-delay:1s}.duration-fast{animation-duration:var(--transition-fast);transition-duration:var(--transition-fast)}.duration-base{animation-duration:var(--transition-base);transition-duration:var(--transition-base)}.duration-slow{animation-duration:var(--transition-slow);transition-duration:var(--transition-slow)}.duration-500{animation-duration:.5s;transition-duration:.5s}.duration-700{animation-duration:.7s;transition-duration:.7s}.duration-1000{animation-duration:1s;transition-duration:1s}.ease-ease{animation-timing-function:var(--easing-ease);transition-timing-function:var(--easing-ease)}.ease-ease-in{animation-timing-function:var(--easing-ease-in);transition-timing-function:var(--easing-ease-in)}.ease-ease-out{animation-timing-function:var(--easing-ease-out);transition-timing-function:var(--easing-ease-out)}.ease-ease-in-out{animation-timing-function:var(--easing-ease-in-out);transition-timing-function:var(--easing-ease-in-out)}.ease-custom{animation-timing-function:var(--easing-custom);transition-timing-function:var(--easing-custom)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.bento-grid{display:grid;gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.bento-grid--2-col{grid-template-columns:repeat(2,1fr)}.bento-grid--3-col{grid-template-columns:repeat(3,1fr)}.bento-grid--4-col{grid-template-columns:repeat(4,1fr)}.bento-grid--12-col{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(100px,auto);gap:var(--spacing-lg)}.bento-grid--auto-fit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.bento-grid--auto-fill{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.bento-col-span-1{grid-column:span 1}.bento-col-span-2{grid-column:span 2}.bento-col-span-3{grid-column:span 3}.bento-col-span-4{grid-column:span 4}.bento-col-span-5{grid-column:span 5}.bento-col-span-6{grid-column:span 6}.bento-col-span-7{grid-column:span 7}.bento-col-span-8{grid-column:span 8}.bento-col-span-9{grid-column:span 9}.bento-col-span-10{grid-column:span 10}.bento-col-span-11{grid-column:span 11}.bento-col-span-12{grid-column:span 12}.bento-col-start-1{grid-column-start:1}.bento-col-start-2{grid-column-start:2}.bento-col-start-3{grid-column-start:3}.bento-col-start-4{grid-column-start:4}.bento-col-start-5{grid-column-start:5}.bento-col-start-6{grid-column-start:6}.bento-col-start-7{grid-column-start:7}.bento-col-start-8{grid-column-start:8}.bento-col-start-9{grid-column-start:9}.bento-col-start-10{grid-column-start:10}.bento-col-start-11{grid-column-start:11}.bento-col-start-12{grid-column-start:12}.bento-col-end-1{grid-column-end:1}.bento-col-end-2{grid-column-end:2}.bento-col-end-3{grid-column-end:3}.bento-col-end-4{grid-column-end:4}.bento-col-end-5{grid-column-end:5}.bento-col-end-6{grid-column-end:6}.bento-col-end-7{grid-column-end:7}.bento-col-end-8{grid-column-end:8}.bento-col-end-9{grid-column-end:9}.bento-col-end-10{grid-column-end:10}.bento-col-end-11{grid-column-end:11}.bento-col-end-12{grid-column-end:12}.bento-col-end-13{grid-column-end:13}.bento-row-span-1{grid-row:span 1}.bento-row-span-2{grid-row:span 2}.bento-row-span-3{grid-row:span 3}.bento-row-span-4{grid-row:span 4}.bento-card{background:var(--color-surface-base);border:var(--border-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base) var(--easing-custom);overflow:hidden;position:relative}.bento-card:hover{border-color:#0000001f;box-shadow:var(--shadow-card-hover)}[data-theme=dark] .bento-card:hover{border-color:#ffffff26}.bento-card--glass{background:var(--color-surface-glass);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md)}.bento-card--gradient{background:var(--gradient-primary);color:var(--color-text-inverse);border:none}.bento-card--gradient .bento-card__title,.bento-card--gradient .bento-card__text{color:var(--color-text-inverse)}.bento-card__header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.bento-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-subtle);border-radius:var(--radius-md);font-size:var(--font-size-xl);flex-shrink:0}.bento-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.bento-card__text{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.bento-card__content{margin-top:var(--spacing-md)}@media(max-width:1024px){.bento-grid--4-col{grid-template-columns:repeat(2,1fr)}.bento-grid--12-col{grid-template-columns:repeat(6,1fr)}.bento-col-span-4,.bento-col-span-5,.bento-col-span-6{grid-column:span 3}}@media(max-width:768px){.bento-grid{gap:var(--spacing-md)}.bento-grid--2-col,.bento-grid--3-col,.bento-grid--4-col,.bento-grid--auto-fit,.bento-grid--auto-fill{grid-template-columns:1fr}.bento-grid--12-col{grid-template-columns:1fr;grid-auto-rows:minmax(auto,auto)}.bento-col-span-1,.bento-col-span-2,.bento-col-span-3,.bento-col-span-4,.bento-col-span-5,.bento-col-span-6,.bento-col-span-7,.bento-col-span-8,.bento-col-span-9,.bento-col-span-10,.bento-col-span-11,.bento-col-span-12{grid-column:span 1;grid-column-start:auto;grid-column-end:auto}.bento-card{padding:var(--spacing-lg)}}@media(min-width:1440px){.bento-grid{max-width:1400px}}@supports (container-type: inline-size){.bento-container{container-type:inline-size;container-name:bento}@container bento (min-width: 600px){.bento-grid--responsive{grid-template-columns:repeat(2,1fr)}}@container bento (min-width: 900px){.bento-grid--responsive{grid-template-columns:repeat(3,1fr)}}@container bento (min-width: 1200px){.bento-grid--responsive{grid-template-columns:repeat(4,1fr)}}}