:root{--color-bg-primary: #0B0C0D;--color-bg-secondary: #0F1011;--color-bg-secondary-rgba: rgba(14, 14, 14, .45)}:root{--color-text-primary: #FFFFFF;--color-text-secondary: rgba(255, 255, 255, .55)}:root{--color-banana-primary: #F8D889;--color-banana-secondary: #E9B955;--color-banana-light: #FFF1CF;--color-banana-dark: #D4A94A}:root{--color-border-card: rgba(255, 255, 255, .035);--color-border-glass: rgba(248, 216, 137, .25)}:root{--color-glass-bg-light: rgba(255, 255, 255, .04);--color-glass-bg-medium: rgba(255, 255, 255, .06);--color-glass-bg-heavy: rgba(255, 255, 255, .08);--backdrop-blur: blur(14px)}:root{--shadow-neutral: rgba(0, 0, 0, .3);--shadow-banana-light: rgba(248, 216, 137, .15);--shadow-banana-medium: rgba(248, 216, 137, .2);--shadow-banana-strong: rgba(248, 216, 137, .4)}:root{--gradient-banana: linear-gradient(to right, var(--color-banana-primary), var(--color-banana-secondary));--gradient-banana-hover: linear-gradient(to right, var(--color-banana-secondary), var(--color-banana-dark));--gradient-bg-primary: linear-gradient(to bottom, var(--color-bg-primary), var(--color-bg-secondary));--gradient-bg-secondary: linear-gradient(to bottom, var(--color-bg-secondary), var(--color-bg-primary))}:root{--color-banana-primary-opacity-03: rgba(248, 216, 137, .03);--color-banana-primary-opacity-02: rgba(248, 216, 137, .02);--color-banana-primary-opacity-08: rgba(248, 216, 137, .08);--color-banana-primary-opacity-15: rgba(248, 216, 137, .15);--color-banana-primary-opacity-20: rgba(248, 216, 137, .2);--color-banana-secondary-opacity-08: rgba(233, 185, 85, .08);--color-banana-secondary-opacity-15: rgba(233, 185, 85, .15);--color-banana-secondary-opacity-20: rgba(233, 185, 85, .2);--color-banana-light-opacity-30: rgba(255, 241, 207, .3);--color-banana-light-opacity-60: rgba(248, 216, 137, .6);--color-banana-light-opacity-40: rgba(233, 185, 85, .4)}:root{--animation-delay-100: .1s;--animation-delay-200: .2s;--animation-delay-300: .3s;--animation-delay-500: .5s;--animation-delay-700: .7s;--animation-delay-1000: 1s}:root{--transition-fast: .3s;--transition-medium: .5s;--transition-slow: .7s;--transition-slowest: 1s}:root{--radius-small: .5rem;--radius-medium: .75rem;--radius-large: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-3xl: 3rem;--radius-full: 9999px}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-glass-light{background-color:var(--color-glass-bg-light)}.bg-glass-medium{background-color:var(--color-glass-bg-medium)}.bg-glass-heavy{background-color:var(--color-glass-bg-heavy)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-banana{color:var(--color-banana-primary)}.text-banana-hover{color:var(--color-banana-secondary)}.border-card{border-color:var(--color-border-card)}.border-glass{border-color:var(--color-border-glass)}.bg-gradient-banana{background:var(--gradient-banana)}.bg-gradient-banana-hover{background:var(--gradient-banana-hover)}.bg-gradient-primary{background:var(--gradient-bg-primary)}.bg-gradient-secondary{background:var(--gradient-bg-secondary)}.text-gradient-banana{background:var(--gradient-banana);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.shadow-neutral{box-shadow:0 10px 15px -3px var(--shadow-neutral)}.shadow-banana-light{box-shadow:0 10px 15px -3px var(--shadow-banana-light)}.shadow-banana-medium{box-shadow:0 10px 15px -3px var(--shadow-banana-medium)}.shadow-banana-strong{box-shadow:0 10px 15px -3px var(--shadow-banana-strong)}.glass-light{background:var(--color-glass-bg-light);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.glass-medium{background:var(--color-glass-bg-medium);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.glass-heavy{background:var(--color-glass-bg-heavy);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.hover-glass:hover{background:var(--color-glass-bg-heavy)}.hover-text-banana:hover{color:var(--color-banana-secondary)}.hover-border-glass:hover{border-color:var(--color-border-glass)}.hover-shadow-neutral:hover{box-shadow:0 20px 25px -5px var(--shadow-neutral)}.hover-shadow-banana:hover{box-shadow:0 20px 25px -5px var(--shadow-banana-medium)}.delay-100{animation-delay:var(--animation-delay-100)}.delay-200{animation-delay:var(--animation-delay-200)}.delay-300{animation-delay:var(--animation-delay-300)}.delay-500{animation-delay:var(--animation-delay-500)}.delay-700{animation-delay:var(--animation-delay-700)}.delay-1000{animation-delay:var(--animation-delay-1000)}.transition-fast{transition:all var(--transition-fast)}.transition-medium{transition:all var(--transition-medium)}.transition-slow{transition:all var(--transition-slow)}.transition-slowest{transition:all var(--transition-slowest)}.rounded-small{border-radius:var(--radius-small)}.rounded-medium{border-radius:var(--radius-medium)}.rounded-large{border-radius:var(--radius-large)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.card-glass{background:var(--color-glass-bg-light);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-color:var(--color-border-card);border-radius:var(--radius-3xl);transition:all var(--transition-medium)}.card-glass:hover{box-shadow:0 10px 15px -3px var(--shadow-neutral)}.card-glass-hover:hover{border-color:var(--color-border-glass)}.button-banana{background:var(--gradient-banana);color:var(--color-text-primary);border-radius:var(--radius-full);transition:all var(--transition-fast)}.button-banana:hover{transform:scale(1.05);box-shadow:0 10px 15px -3px var(--shadow-neutral)}.button-glass{background:var(--color-glass-bg-light);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-color:var(--color-border-card);border-radius:var(--radius-full);transition:all var(--transition-fast)}.button-glass:hover{background:var(--color-glass-bg-heavy);transform:scale(1.05)}.header-glass{background:var(--color-glass-bg-medium);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--color-border-card);transition:all var(--transition-fast)}.icon-glass{background:var(--color-glass-bg-light);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-color:var(--color-border-glass);border-radius:var(--radius-full);transition:all var(--transition-fast)}.icon-glass:hover{background:var(--color-glass-bg-heavy);transform:scale(1.1)}.banana-dot{background:var(--color-banana-primary);border-radius:var(--radius-full)}.banana-dot-light{background:var(--color-banana-light)}.banana-dot-secondary{background:var(--color-banana-secondary)}.carousel-slide{transition:all var(--transition-medium) ease-in-out}.carousel-slide-active{opacity:1;transform:translate(0) scale(1);z-index:20}.carousel-slide-prev{opacity:0;transform:translate(-100%) scale(.95);z-index:10}.carousel-slide-next{opacity:0;transform:translate(100%) scale(.95);z-index:10}.carousel-indicator{transition:all var(--transition-fast)}.carousel-indicator-active{width:2rem;background:var(--color-banana-primary)}.carousel-indicator-inactive{width:.5rem;background:#ffffff4d}.carousel-indicator-inactive:hover{background:#ffffff80}.hover-lift:hover{transform:translateY(-2px)}.hover-scale-105:hover{transform:scale(1.05)}.hover-scale-110:hover{transform:scale(1.1)}.glass-card-hover:hover{background:#ffffff1f;box-shadow:0 20px 25px -5px #f8d88933}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.smooth-scroll{scroll-behavior:smooth}.no-scrollbar{overflow:-moz-scrollbars-none;-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.tool-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}@media (max-width: 1280px){.tool-grid-5{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.tool-grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.tool-grid-5{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.tool-grid-5{grid-template-columns:1fr}}.tool-card{aspect-ratio:1;min-height:120px}.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}.full-width-container{width:100%;max-width:100%;padding-left:1.5rem;padding-right:1.5rem}@media (min-width: 640px){.full-width-container{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px){.full-width-container{padding-left:4rem;padding-right:4rem}}