a{color:var(--color-accent)}:root{--color-primary: #f33b3b;--color-primary-light: #ff6b6b;--color-primary-dark: #d32f2f;--color-text: var(--color-text-light);--color-background: var(--color-bg-primary);--color-secondary: #2c5aa0;--color-secondary-light: #4a7bc8;--color-secondary-dark: #1e3f7a;--color-accent: #E8FF00;--color-accent-light: #E8FF00;--color-accent-dark: #B8860B;--color-black: #000000;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success: #10b981;--color-success-foreground: #ffffff;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-primary-foreground: #ffffff;--color-bg-primary: #000000;--color-bg-secondary: #111111;--color-bg-tertiary: #1a1a1a;--color-bg-dark: #0a0a0a;--color-bg-dark-secondary: #0f0f0f;--color-text-primary: #ffffff;--color-text-secondary: #e5e5e5;--color-text-tertiary: #a3a3a3;--color-text-light: #f5f5f5;--color-text-muted: #737373;--color-border-primary: #262626;--color-border-secondary: #404040;--color-border-accent: #E8FF00;--color-border-dark: #171717;--color-surface: #1a1a1a;--color-surface-elevated: #262626;--color-border: var(--color-border-primary);--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-secondary: "Oxanium", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-serif: "Inter", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--space-4);--spacing-lg: var(--space-6);--spacing-xl: var(--space-8);--spacing-2xl: var(--space-12);--spacing-3xl: var(--space-16);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--maxwidth: var(--container-xl);--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--color-research-bg: #ffffff;--color-research-text: #000000;--color-research-highlight: #f3f3f3;--color-research-accent: #737373;--color-research-border: #e5e5e5}.theme-light-research{background-color:var(--color-research-bg)!important;color:var(--color-research-text)!important}.theme-light-research h1,.theme-light-research h2,.theme-light-research h3{color:#000!important}.theme-light-research .overline,.theme-light-research .role{color:#000!important;opacity:.9}.theme-light-research .project-description,.theme-light-research .lead,.theme-light-research .current-status{color:#404040!important}.theme-light-research .method-badge{color:#737373!important;border-color:#e5e5e5!important}.theme-light-research .divider{background:#e5e5e5!important}.theme-light-research .toolkit-link{color:#000!important;border-color:#e5e5e5!important}.theme-light-research .toolkit-link:hover{border-color:#000!important;background:#0000000d!important}.theme-light-research .section-title{color:var(--color-research-text)}.theme-light-research .text-muted,.theme-light-research .separator{color:#a3a3a3!important}.theme-light-research .coordinator{color:#737373!important}html{background-color:var(--color-bg-primary);color:var(--color-text-primary)}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);margin:0;padding:0;min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-family:var(--font-primary);font-weight:var(--font-medium);font-size:var(--text-base);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:all var(--transition-normal);gap:var(--spacing-xs)}.btn-primary{background-color:var(--color-accent);color:var(--color-bg-primary);border-color:var(--color-accent)}.btn-primary:hover{background-color:var(--color-accent-dark);border-color:var(--color-accent-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:transparent;color:var(--color-accent);border-color:var(--color-accent)}.btn-secondary:hover{background-color:var(--color-accent);color:var(--color-bg-primary)}.btn-ghost{background-color:transparent;color:var(--color-text-primary);border-color:transparent}.btn-ghost:hover{background-color:#ffffff1a;color:var(--color-text-primary)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-sm)}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-lg)}.card{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-primary)}.card-title{font-family:var(--font-secondary);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.card-description{font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0;line-height:var(--leading-normal)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-primary);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--text-base);transition:all var(--transition-normal)}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #e8ff001a}.form-input::placeholder{color:var(--color-text-muted)}.form-textarea{min-height:120px;resize:vertical}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-primary);transition:all var(--transition-normal)}.badge-accent{background-color:var(--color-accent);color:var(--color-bg-primary);border-color:var(--color-accent)}.badge-primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.badge-success{background-color:var(--color-success);color:var(--color-white);border-color:var(--color-success)}.badge-warning{background-color:var(--color-warning);color:var(--color-white);border-color:var(--color-warning)}.badge-error{background-color:var(--color-error);color:var(--color-white);border-color:var(--color-error)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);border-left:4px solid;margin-bottom:var(--spacing-md);font-family:var(--font-primary)}.alert-info{background-color:#3b82f61a;border-left-color:var(--color-info);color:var(--color-info)}.alert-success{background-color:#10b9811a;border-left-color:var(--color-success);color:var(--color-success)}.alert-warning{background-color:#f59e0b1a;border-left-color:var(--color-warning);color:var(--color-warning)}.alert-error{background-color:#ef44441a;border-left-color:var(--color-error);color:var(--color-error)}.nav{display:flex;align-items:center;gap:var(--spacing-md);font-family:var(--font-primary)}.nav-link{color:var(--color-text-primary);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-normal)}.nav-link:hover{background-color:#ffffff1a;color:var(--color-accent)}.nav-link.active{background-color:var(--color-accent);color:var(--color-bg-primary)}.divider{height:1px;background-color:var(--color-border-primary);margin:var(--spacing-lg) 0}.divider-vertical{width:1px;height:100%;background-color:var(--color-border-primary);margin:0 var(--spacing-lg)}.skeleton{background:linear-gradient(90deg,var(--color-bg-primary) 25%,rgba(255,255,255,.1) 50%,var(--color-bg-primary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.tooltip{position:relative;display:inline-block;border:0px solid}.tooltip .tooltip-text{visibility:hidden;width:200px;background-color:var(--color-bg-primary);color:var(--color-text-primary);text-align:center;border-radius:var(--radius-md);padding:var(--spacing-sm);position:absolute;z-index:var(--z-tooltip);bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity var(--transition-normal);border:0px solid var(--color-border-primary);font-family:var(--font-primary);font-size:var(--text-sm)}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.img-responsive{max-width:100%;height:auto;border-radius:var(--radius-md)}.img-circle{border-radius:50%}.img-rounded{border-radius:var(--radius-lg)}.text-justify{text-align:justify}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.position-static{position:static}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-help{cursor:help}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;user-select:auto}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-light{color:var(--color-text-light)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-dark{background-color:var(--color-bg-dark)}.bg-dark-secondary{background-color:var(--color-bg-dark-secondary)}.bg-accent{background-color:var(--color-accent)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}.font-primary{font-family:var(--font-primary)}.font-secondary{font-family:var(--font-secondary)}.font-mono{font-family:var(--font-mono)}.font-serif{font-family:var(--font-serif)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);color:var(--text);line-height:var(--line-height-tight);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:0 0 var(--spacing-md) 0}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}.case-title{text-align:center;font-family:var(--font-secondary);font-size:var(--text-5xl);font-weight:var(--font-semibold);letter-spacing:1.2px;text-transform:uppercase;color:var(--color-text-primary);margin:0 0 var(--spacing-xl) 0;line-height:1.2}@media (max-width: 1024px){.case-title{font-size:var(--text-4xl)}}@media (max-width: 768px){.case-title{font-size:var(--text-3xl);margin-bottom:var(--spacing-lg)}}@media (max-width: 480px){.case-title{font-size:var(--text-2xl);margin-bottom:var(--spacing-md)}}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.border-primary{border-color:var(--color-border-primary)}.border-secondary{border-color:var(--color-border-secondary)}.border-accent{border-color:var(--color-border-accent)}.border-dark{border-color:var(--color-border-dark)}.rounded-base{border-radius:var(--radius-base)}.rounded-3xl{border-radius:var(--radius-3xl)}.shadow-base{box-shadow:var(--shadow-base)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}.transition-bounce{transition:all var(--transition-bounce)}:root{--case-card-bg: var(--color-bg-primary);--case-card-border: var(--color-border-primary);--case-card-hover-bg: var(--color-accent);--case-card-hover-border: var(--color-accent);--case-title-color: var(--color-text-primary);--case-description-color: var(--color-text-primary);--case-tag-bg: var(--color-bg-primary);--case-tag-border: var(--color-border-primary);--case-tag-color: var(--color-text-primary);--case-index-bg: var(--color-bg-primary);--case-index-border: var(--color-border-primary);--case-index-color: var(--color-text-primary)}@media (prefers-color-scheme: dark){:root{--case-card-bg: var(--color-bg-dark);--case-card-border: var(--color-border-dark);--case-card-hover-bg: var(--color-accent);--case-card-hover-border: var(--color-accent);--case-title-color: var(--color-text-light);--case-description-color: var(--color-text-light);--case-tag-bg: var(--color-bg-dark);--case-tag-border: var(--color-border-dark);--case-tag-color: var(--color-text-light);--case-index-bg: var(--color-bg-dark);--case-index-border: var(--color-border-dark);--case-index-color: var(--color-text-light)}}.loader{width:50px;aspect-ratio:1;box-shadow:0 0 0 3px var(--color-accent) inset;border-radius:50%;position:relative;animation:l11 7s infinite;filter:drop-shadow(0 0 10px rgba(232,255,0,.3))}.loader:before,.loader:after{content:"";position:absolute;top:calc(100% + 3px);left:calc(50% - 12.5px);box-shadow:inherit;width:25px;aspect-ratio:1;border-radius:50%;transform-origin:50% -28px;animation:l11 1.5s infinite}.loader:after{animation-delay:-.75s}@keyframes l11{to{transform:rotate(360deg)}}.loader--primary{box-shadow:0 0 0 3px var(--color-primary) inset;filter:drop-shadow(0 0 10px rgba(243,59,59,.3))}.loader--secondary{box-shadow:0 0 0 3px var(--color-secondary) inset;filter:drop-shadow(0 0 10px rgba(44,90,160,.3))}.loader--white{box-shadow:0 0 0 3px var(--color-white) inset;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.loader--small{width:30px}.loader--small:before,.loader--small:after{width:15px;left:calc(50% - 7.5px);transform-origin:50% -18px}.loader--large{width:80px}.loader--large:before,.loader--large:after{width:40px;left:calc(50% - 20px);transform-origin:50% -48px}.loader-container{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%}.loader-container--fullscreen{min-height:100vh}.loader-container--inline{min-height:auto;padding:var(--space-3)}@custom-variant dark (&:is(.dark *));:root{--font-size: 16px;--background: #ffffff;--foreground: oklch(.145 0 0);--card: #ffffff;--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: #030213;--primary-foreground: oklch(1 0 0);--secondary: oklch(.95 .0058 264.53);--secondary-foreground: #030213;--muted: #ececf0;--muted-foreground: #717182;--accent: #e9ebef;--accent-foreground: #030213;--destructive: #d4183d;--destructive-foreground: #ffffff;--border: rgba(0, 0, 0, .1);--input: transparent;--input-background: #f3f3f5;--switch-background: #cbced4;--font-weight-medium: 500;--font-weight-normal: 400;--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);--max-width: 1000px;--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: #030213;--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)}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.145 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.145 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 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(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.269 0 0);--input: oklch(.269 0 0);--ring: oklch(.439 0 0);--font-weight-medium: 500;--font-weight-normal: 400;--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(.269 0 0);--sidebar-ring: oklch(.439 0 0)}@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-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --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); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --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); }@layer base{*{border-color:var(--color-border);outline-color:var(--color-ring)}body{background-color:var(--color-background);color:var(--color-foreground)}}@layer base{:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h1{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h2{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h4{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) p{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) label,:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) button{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}}html{font-size:var(--font-size)}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:18px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}[data-theme=dark]{--background: #0a0a0a;--text: #ffffff;--primary: #A82E41;--accent-color: #A82E41}html{scroll-behavior:smooth}body{font-family:var(--font-primary);color:var(--color-text-primary);background:var(--color-bg-primary);line-height:var(--line-height-normal);margin:0;padding:0;min-height:100vh}.container{width:100%;max-width:var(--maxwidth);margin:0 auto;padding:0 var(--spacing-md)}.container-fluid{width:100%;padding:0 var(--spacing-md)}@media (max-width: 768px){.container{height:100vh}}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);color:var(--text);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-light)}h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold)}h3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-medium)}h4{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium)}h5{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.space-y-xs>*+*{margin-top:var(--spacing-xs)}.space-y-sm>*+*{margin-top:var(--spacing-sm)}.space-y-md>*+*{margin-top:var(--spacing-md)}.space-y-lg>*+*{margin-top:var(--spacing-lg)}.space-y-xl>*+*{margin-top:var(--spacing-xl)}.space-x-xs>*+*{margin-left:var(--spacing-xs)}.space-x-sm>*+*{margin-left:var(--spacing-sm)}.space-x-md>*+*{margin-left:var(--spacing-md)}.space-x-lg>*+*{margin-left:var(--spacing-lg)}.space-x-xl>*+*{margin-left:var(--spacing-xl)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-info{color:var(--info)}.bg-primary{background-color:var(--primary)}.bg-success{background-color:var(--success)}.bg-warning{background-color:var(--warning)}.bg-error{background-color:var(--error)}.bg-info{background-color:var(--info)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.transition-fast{transition:all var(--transition-fast) ease}.transition-normal{transition:all var(--transition-normal) ease}.transition-slow{transition:all var(--transition-slow) ease}.card{background:var(--background);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-normal)}.card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:var(--transition-normal);cursor:pointer;border:2px solid transparent;text-decoration:none;font-family:var(--font-primary)}.btn-primary{background:var(--primary);color:var(--background);border-color:var(--primary)}.btn-primary:hover{background:var(--primary);border-color:var(--primary);opacity:.9}.btn-secondary{background:transparent;color:var(--primary);border-color:var(--primary)}.btn-secondary:hover{background:var(--primary);color:var(--background)}.btn-ghost{background:transparent;color:var(--text);border-color:transparent}.btn-ghost:hover{background:#ffffff1a;color:var(--text)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:var(--background);color:var(--text);background:none;transition:var(--transition-normal);font-family:var(--font-primary)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #e8ff001a}.input::placeholder{color:#ffffff80}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:text-lg{font-size:var(--font-size-lg)}.sm\:text-xl{font-size:var(--font-size-xl)}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-2xl{font-size:var(--font-size-2xl)}.md\:text-3xl{font-size:var(--font-size-3xl)}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:text-4xl{font-size:var(--font-size-4xl)}.lg\:text-5xl{font-size:var(--font-size-5xl)}}.view-container{height:480px;display:flex;color:var(--text);gap:var(--spacing-md);max-width:var(--maxwidth);margin:0 auto;animation:fadeInAnimation .3s ease-in-out forwards;animation-delay:2s}.text-container{width:100%;max-width:600px;display:flex;flex-direction:column;padding:var(--spacing-2xl);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal);box-shadow:0 8px 32px #0000001a;color:var(--color-text-primary)}.item{width:200px;height:200px;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);border:2px solid var(--color-border);overflow:hidden;position:relative}.item:hover{transform:scale(1.05);border-color:var(--color-accent);box-shadow:0 8px 32px #e8ff0033}.selected{width:200px;border:2px solid var(--color-accent);box-shadow:0 0 20px #e8ff0066;transform:scale(1.02)}@media (max-width: 768px){.text-container{width:100%;max-width:100%;padding:var(--spacing-lg);margin:var(--spacing-md)}.item{width:150px;height:150px}.selected{width:150px}}@media (max-width: 480px){.text-container{padding:var(--spacing-md);margin:var(--spacing-sm)}.item{width:120px;height:120px}.selected{width:120px}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}.fade-in{opacity:0;animation:fadeInAnimation 1s ease-in-out forwards}img,video{max-width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md);overflow:hidden}.modal{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center;opacity:1;transition:opacity var(--transition-normal) ease-in-out;z-index:var(--z-modal)}.modal-content{background-color:var(--background);padding:var(--spacing-md);border-radius:var(--radius-lg);width:90%;max-width:500px;box-shadow:var(--shadow-lg);color:var(--text)}.form-input,textarea{width:100%;padding:var(--spacing-sm);background-color:var(--background);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);margin:.5rem 0;color:var(--text);transition:var(--transition-normal)}.form-input:focus,textarea:focus{outline:2px solid var(--primary);border-color:var(--primary);box-shadow:0 0 10px #e8ff004d}.form-input::placeholder,textarea::placeholder{color:#ffffff80}.form-button{background-color:var(--primary);color:var(--background);padding:.5rem 1rem;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-normal);font-family:var(--font-primary);font-weight:var(--font-weight-medium)}.form-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:var(--shadow-md)}@media only screen and (max-width: 1024px){h1{font-size:var(--font-size-4xl)}.text-container{width:100%}.view-container{flex-direction:column;height:auto;gap:var(--spacing-md)}}@media only screen and (max-width: 768px){h1{font-size:var(--font-size-3xl)}.view-container{gap:var(--spacing-sm)}.text-container{padding:var(--spacing-md)}}@media only screen and (max-width: 480px){h1{font-size:var(--font-size-2xl)}.item{width:100%;height:auto}.view-container{flex-direction:column;gap:var(--spacing-sm)}.text-container{width:100%;padding:var(--spacing-sm)}}.header{position:absolute;top:30px;width:100%;max-width:var(--maxwidth);color:var(--text);display:flex;justify-content:space-between}.right-item{border:1px solid var(--primary);padding:var(--spacing-sm);border-radius:4px;font-size:14px;font-family:var(--font-primary);text-transform:uppercase}.left-item{opacity:.3}.main-wrapper{display:flex;width:100%;flex-direction:row;justify-content:space-around;align-items:center;max-width:var(--maxwidth)}.title{display:flex;flex-direction:column;align-items:flex-start}.subtitle{color:var(--primary)}.cta:hover{background-color:var(--primary);color:var(--background)}.close-button{margin-top:var(--spacing-sm);background-color:transparent;color:var(--text);padding:0 8px;border:1px solid var(--text);border-radius:40px}@media only screen and (max-width: 800px){.header{gap:var(--spacing-sm);align-items:center}.main-wrapper{flex-direction:column;padding:0;margin:var(--spacing-md)}.title{font-size:6vw}}
