@plugin "tailwindcss-animate";@custom-variant dark (&:is(.dark *));@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--primary-dark: #269796;--primary: #34B0AE;--primary-light: #46C7C5;--accent: #D1FF52;--dark-variant: #126B6A;--primary-dark-10: rgba(38, 151, 150, .1);--primary-dark-20: rgba(38, 151, 150, .2);--primary-10: rgba(52, 176, 174, .1);--primary-20: rgba(52, 176, 174, .2);--accent-10: rgba(209, 255, 82, .1);--accent-20: rgba(209, 255, 82, .2);--white: #FFFFFF;--black: #000000;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #EEEEEE;--gray-300: #E0E0E0;--gray-400: #BDBDBD;--gray-500: #9E9E9E;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--success: #D1FF52;--success-light: #D1FF52;--success-dark: #A6CC41;--error: #D32F2F;--error-light: #EF5350;--error-dark: #C62828;--warning: #F57C00;--warning-light: #FF9800;--warning-dark: #E65100;--info: #1976D2;--info-light: #42A5F5;--info-dark: #1565C0;--background-light: #F0F2F5;--surface-light: #F5F7FA;--scaffold-light: #EBEDF0;--text-primary-light: #212121;--text-secondary-light: #616161;--text-disabled-light: #BDBDBD;--border-light: #D5D9E0;--divider-light: #E4E7EB;--shadow-light: rgba(0, 0, 0, .1);--background-dark: #121212;--surface-dark: #1E1E1E;--scaffold-dark: #0A0A0A;--text-primary-dark: #FFFFFF;--text-secondary-dark: #E0E0E0;--text-disabled-dark: #757575;--border-dark: #616161;--divider-dark: #424242;--shadow-dark: rgba(0, 0, 0, .2);--spacing-1: 8px;--spacing-2: 16px;--spacing-3: 24px;--spacing-4: 32px;--spacing-5: 40px;--spacing-6: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--elevation-0: none;--elevation-1: 0 1px 2px var(--shadow-light);--elevation-2: 0 2px 4px var(--shadow-light);--elevation-4: 0 4px 8px var(--shadow-light);--elevation-8: 0 8px 16px var(--shadow-light);--elevation-16: 0 16px 32px var(--shadow-light)}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--elevation-1: 0 1px 2px var(--shadow-dark);--elevation-2: 0 2px 4px var(--shadow-dark);--elevation-4: 0 4px 8px var(--shadow-dark);--elevation-8: 0 8px 16px var(--shadow-dark);--elevation-16: 0 16px 32px var(--shadow-dark)}}@layer utilities{@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-100% - var(--gap)))}}@keyframes marquee-vertical{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - var(--gap)))}}.animate-marquee{animation:marquee var(--duration) linear infinite}.animate-marquee-vertical{animation:marquee-vertical var(--duration) linear infinite}@keyframes orbit-forward{0%{transform:translate(-50%,-50%) rotate(0) translate(var(--orbit-radius, 160px))}to{transform:translate(-50%,-50%) rotate(360deg) translate(var(--orbit-radius, 160px))}}@keyframes orbit-reverse{0%{transform:translate(-50%,-50%) rotate(0) translate(var(--orbit-radius, 160px))}to{transform:translate(-50%,-50%) rotate(-360deg) translate(var(--orbit-radius, 160px))}}@keyframes orbit-icon-forward{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes orbit-icon-reverse{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-orbit-forward{animation:orbit-forward linear infinite}.animate-orbit-reverse{animation:orbit-reverse linear infinite}.animate-orbit-icon-forward{animation:orbit-icon-forward linear infinite}.animate-orbit-icon-reverse{animation:orbit-icon-reverse linear infinite}@keyframes meteor{0%{transform:rotate(215deg) translate(0);opacity:1}70%{opacity:1}to{transform:rotate(215deg) translate(-500px);opacity:0}}.animate-meteor-effect{animation:meteor 5s linear infinite}}@theme inline{ --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --radius-2xl: calc(var(--radius) + 8px); --radius-3xl: calc(var(--radius) + 12px); --radius-4xl: calc(var(--radius) + 16px); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --animate-aurora: aurora 8s ease-in-out infinite alternate; @keyframes aurora { 0% { background-position: 0% 50%; transform: rotate(-5deg) scale(.9); } 25% { background-position: 50% 100%; transform: rotate(5deg) scale(1.1); } 50% { background-position: 100% 50%; transform: rotate(-3deg) scale(.95); } 75% { background-position: 50% 0%; transform: rotate(3deg) scale(1.05); } 100% { background-position: 0% 50%; transform: rotate(-5deg) scale(.9); } } --animate-rainbow: rainbow var(--speed, 2s) infinite linear; --color-color-5: var(--color-5); --color-color-4: var(--color-4); --color-color-3: var(--color-3); --color-color-2: var(--color-2); --color-color-1: var(--color-1); @keyframes rainbow { 0% { background-position: 0%; } 100% { background-position: 200%; } } --animate-background-position-spin: background-position-spin 3s infinite alternate; @keyframes background-position-spin { 0% { background-position: top center; } 100% { background-position: bottom center; } } }:root{--radius: .625rem;--background: oklch(.955 0 0);--foreground: oklch(.145 0 0);--card: oklch(.965 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(.965 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.205 0 0);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.94 0 0);--secondary-foreground: oklch(.205 0 0);--muted: oklch(.94 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.94 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.577 .245 27.325);--border: oklch(.88 0 0);--input: oklch(.88 0 0);--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--sidebar: oklch(.95 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.94 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.88 0 0);--sidebar-ring: oklch(.708 0 0);--color-1: oklch(66.2% .225 25.9);--color-2: oklch(60.4% .26 302);--color-3: oklch(69.6% .165 251);--color-4: oklch(80.2% .134 225);--color-5: oklch(90.7% .231 133)}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.205 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.205 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.922 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.556 0 0);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(1 0 0 / 10%);--sidebar-ring: oklch(.556 0 0);--color-1: oklch(66.2% .225 25.9);--color-2: oklch(60.4% .26 302);--color-3: oklch(69.6% .165 251);--color-4: oklch(80.2% .134 225);--color-5: oklch(90.7% .231 133)}@layer base{*{@apply border-border outline-ring/50;}body{@apply text-foreground;background-color:var(--primary-dark)}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}html{scroll-behavior:smooth}.reveal{opacity:0;transform:translateY(30px);will-change:opacity,transform}.milestone-card{will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.milestone-card{opacity:1!important}}.logoloop{position:relative;--logoloop-gap: 32px;--logoloop-logoHeight: 28px;--logoloop-fadeColorAuto: #ffffff}.logoloop--vertical{height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}@media(prefers-color-scheme:dark){.logoloop{--logoloop-fadeColorAuto: #0b0b0b}}.logoloop__track{display:flex;width:max-content;will-change:transform;-webkit-user-select:none;user-select:none;position:relative;z-index:0}.logoloop--vertical .logoloop__track{flex-direction:column;height:max-content;width:100%}.logoloop__list{display:flex;align-items:center}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{flex:0 0 auto;margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);line-height:1}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{display:inline-flex;align-items:center}.logoloop__item img{height:var(--logoloop-logoHeight);width:auto;display:block;object-fit:contain;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform:scale(1.2);transform-origin:center center}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{display:inline-flex;align-items:center;text-decoration:none;border-radius:4px;transition:opacity .2s ease}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.logoloop--fade:before,.logoloop--fade:after{content:"";position:absolute;top:0;bottom:0;width:clamp(24px,8%,120px);pointer-events:none;z-index:10}.logoloop--fade:before{left:0;background:linear-gradient(to right,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--fade:after{right:0;background:linear-gradient(to left,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--vertical.logoloop--fade:before,.logoloop--vertical.logoloop--fade:after{left:0;right:0;width:100%;height:clamp(24px,8%,120px)}.logoloop--vertical.logoloop--fade:before{top:0;bottom:auto;background:linear-gradient(to bottom,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--vertical.logoloop--fade:after{bottom:0;top:auto;background:linear-gradient(to top,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}@media(prefers-reduced-motion:reduce){.logoloop__track{transform:translateZ(0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}.scroll-list-container{position:relative;width:100%}.scroll-list{max-height:600px;overflow-y:auto;padding:16px}.scroll-list::-webkit-scrollbar{width:8px}.scroll-list::-webkit-scrollbar-track{background:transparent}.scroll-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dark .scroll-list::-webkit-scrollbar-thumb{background:#334155}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.animated-item-wrapper{margin-bottom:1rem}.top-gradient{position:absolute;top:0;left:0;right:0;height:50px;background:linear-gradient(to bottom,white,transparent);pointer-events:none;transition:opacity .3s ease;z-index:10}.dark .top-gradient{background:linear-gradient(to bottom,#020617,transparent)}.bottom-gradient{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,white,transparent);pointer-events:none;transition:opacity .3s ease;z-index:10}.dark .bottom-gradient{background:linear-gradient(to top,#020617,transparent)}