@tailwind base;@tailwind components;@tailwind utilities;@custom-variant dark (&:is(.dark *));:root{--white: #ffffff;--black: #000000;--background-blue: #E8F1FF;--gray-400: #DEE3EA;--dark-900: #282828;--blue-300: #C2D4EF;--blue-900: #203764;--blue-950: #08254F;--mobile: 480px;--tablet: 768px;--laptop: 1024px;--desktop: 1280px;--container-sm: min(100% - 2rem, 640px);--container-md: min(100% - 2rem, 768px);--container-lg: min(100% - 2rem, 1024px);--container-xl: min(100% - 2rem, 1280px);--spacing-xs: clamp(.5rem, 1vw, 1rem);--spacing-sm: clamp(1rem, 2vw, 1.5rem);--spacing-md: clamp(1.5rem, 3vw, 2.5rem);--spacing-lg: clamp(2rem, 4vw, 4rem);--spacing-xl: clamp(3rem, 6vw, 6rem);--font-h1: clamp(2rem, 5vw, 3.5rem);--font-h2: clamp(1.75rem, 4vw, 2.75rem);--font-h3: clamp(1.5rem, 3vw, 2.25rem);--font-large: clamp(1.25rem, 2vw, 1.5rem);--font-normal: clamp(1rem, 1.5vw, 1.125rem);--font-small: clamp(.875rem, 1vw, 1rem);--radius-sm: .25rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.205 0 0);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.97 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 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(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;width:100%}body{background:var(--white);color:var(--black);-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%;position:relative}#root{overflow-x:hidden;width:100%;position:relative}body,input,button,textarea{font-family:Montserrat,sans-serif;font-weight:400;font-size:var(--font-normal)}@theme inline{ --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); }.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)}@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;}}.container{width:min(100% - 2rem,var(--container-xl));margin-inline:auto;padding-inline:var(--spacing-sm)}@media (min-width: 640px){.container{max-width:var(--container-sm)}}@media (min-width: 768px){.container{max-width:var(--container-md)}}@media (min-width: 1024px){.container{max-width:var(--container-lg)}}@media (min-width: 1280px){.container{max-width:var(--container-xl)}}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--spacing-md)}.section-padding{padding-block:var(--spacing-xl)}@media (max-width: 768px){.section-padding{padding-block:var(--spacing-lg)}}@media (max-width: 480px){.section-padding{padding-block:var(--spacing-md)}}@media (max-width: 768px){:root{--spacing-xl: clamp(2rem, 4vw, 4rem);--spacing-lg: clamp(1.5rem, 3vw, 3rem);--spacing-md: clamp(1rem, 2vw, 2rem)}.container{padding-inline:var(--spacing-xs)}.section-padding{padding-block:var(--spacing-lg)}}.hide-on-mobile{@media (max-width: 768px){display:none}}.show-on-mobile{@media (min-width: 769px){display:none}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.clickable{cursor:pointer;transition:opacity var(--transition-fast)}.clickable:hover{opacity:.8}.full-width{width:100vw;margin-left:50%;transform:translate(-50%)}.aspect-ratio-box{position:relative;padding-top:56.25%}.aspect-ratio-box>*{position:absolute;top:0;left:0;width:100%;height:100%}.img-cover{width:100%;height:100%;object-fit:cover}.img-contain{width:100%;height:100%;object-fit:contain}