@custom-variant dark (&:is(.dark *));:root{--font-size:16px;--opta-yellow:#D8FF00;--opta-graphite:#111111;--opta-off-white:#FAFAF7;--opta-white:#FFFFFF;--opta-grey:#666666;--opta-text-secondary:#333333;--opta-border:#EAEAEA;--opta-neutral-dark:#1A1A1A;--opta-neutral-light:#EAEAEA;--opta-success:#22C55E;--opta-success-light:#ECFDF5;--opta-success-dark:#15803D;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--radius-input:12px;--radius-card:16px;--radius-pill:999px;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--text-display:64px;--text-display-line:72px;--text-h1:48px;--text-h1-line:56px;--text-h2:32px;--text-h2-line:40px;--text-h3:24px;--text-h3-line:32px;--text-body:16px;--text-body-line:24px;--text-small:14px;--text-small-line:20px;--background:var(--opta-off-white);--foreground:var(--opta-graphite);--card:var(--opta-off-white);--card-foreground:var(--opta-graphite);--popover:var(--opta-off-white);--popover-foreground:var(--opta-graphite);--primary:var(--opta-yellow);--primary-foreground:var(--opta-graphite);--secondary:var(--opta-neutral-light);--secondary-foreground:var(--opta-graphite);--muted:var(--opta-neutral-light);--muted-foreground:var(--opta-grey);--accent:var(--opta-yellow);--accent-foreground:var(--opta-graphite);--destructive:#d4183d;--destructive-foreground:#ffffff;--border:var(--opta-neutral-light);--input:transparent;--input-background:var(--opta-off-white);--switch-background:var(--opta-neutral-light);--font-weight-medium:600;--font-weight-normal:400;--font-weight-bold:700;--font-weight-extrabold:800;--ring:var(--opta-yellow);--radius:var(--radius-md)}.dark{--background:oklch(0.145 0 0);--foreground:oklch(0.985 0 0);--card:oklch(0.145 0 0);--card-foreground:oklch(0.985 0 0);--popover:oklch(0.145 0 0);--popover-foreground:oklch(0.985 0 0);--primary:oklch(0.985 0 0);--primary-foreground:oklch(0.205 0 0);--secondary:oklch(0.269 0 0);--secondary-foreground:oklch(0.985 0 0);--muted:oklch(0.269 0 0);--muted-foreground:oklch(0.708 0 0);--accent:oklch(0.269 0 0);--accent-foreground:oklch(0.985 0 0);--destructive:oklch(0.396 0.141 25.723);--destructive-foreground:oklch(0.637 0.237 25.331);--border:oklch(0.269 0 0);--input:oklch(0.269 0 0);--ring:oklch(0.439 0 0);--font-weight-medium:500;--font-weight-normal:400;--chart-1:oklch(0.488 0.243 264.376);--chart-2:oklch(0.696 0.17 162.48);--chart-3:oklch(0.769 0.188 70.08);--chart-4:oklch(0.627 0.265 303.9);--chart-5:oklch(0.645 0.246 16.439);--sidebar:oklch(0.205 0 0);--sidebar-foreground:oklch(0.985 0 0);--sidebar-primary:oklch(0.488 0.243 264.376);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.269 0 0);--sidebar-accent-foreground:oklch(0.985 0 0);--sidebar-border:oklch(0.269 0 0);--sidebar-ring:oklch(0.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{body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.text-display{font-size:var(--text-display);line-height:var(--text-display-line)}.text-display,.text-h1{font-weight:var(--font-weight-bold)}.text-h1{font-size:var(--text-h1);line-height:var(--text-h1-line)}.text-h2{font-size:var(--text-h2);line-height:var(--text-h2-line);font-weight:var(--font-weight-bold)}.text-h3{font-size:var(--text-h3);line-height:var(--text-h3-line);font-weight:var(--font-weight-medium)}.text-body{font-size:var(--text-body);line-height:var(--text-body-line)}.text-body,.text-small{font-weight:var(--font-weight-normal)}.text-small{font-size:var(--text-small);line-height:var(--text-small-line)}}@layer utilities{.bg-opta-yellow{background-color:var(--opta-yellow)}.bg-opta-graphite{background-color:var(--opta-graphite)}.bg-opta-off-white{background-color:var(--opta-off-white)}.bg-opta-white{background-color:var(--opta-white)}.bg-opta-grey{background-color:var(--opta-grey)}.bg-opta-neutral-dark{background-color:var(--opta-neutral-dark)}.bg-opta-neutral-light{background-color:var(--opta-neutral-light)}.text-opta-yellow{color:var(--opta-yellow)}.text-opta-graphite{color:var(--opta-graphite)}.text-opta-off-white{color:var(--opta-off-white)}.text-opta-white{color:var(--opta-white)}.text-opta-grey{color:var(--opta-grey)}.text-opta-text-secondary{color:var(--opta-text-secondary)}.text-opta-neutral-dark{color:var(--opta-neutral-dark)}.text-opta-neutral-light{color:var(--opta-neutral-light)}.bg-opta-success{background-color:var(--opta-success)}.bg-opta-success-light{background-color:var(--opta-success-light)}.text-opta-success{color:var(--opta-success)}.text-opta-success-dark{color:var(--opta-success-dark)}.border-opta-yellow{border-color:var(--opta-yellow)}.border-opta-graphite{border-color:var(--opta-graphite)}.border-opta-border{border-color:var(--opta-border)}.border-opta-neutral-light{border-color:var(--opta-neutral-light)}.border-opta-success{border-color:var(--opta-success)}.fill-opta-yellow{fill:var(--opta-yellow)}.fill-opta-border{fill:var(--opta-border)}.stroke-opta-yellow{stroke:var(--opta-yellow)}.stroke-opta-border{stroke:var(--opta-border)}.shadow-opta{box-shadow:0 8px 24px rgba(0,0,0,.1)}.shadow-opta-light{box-shadow:0 4px 16px rgba(0,0,0,.06)}.upload-card{padding:28px 24px!important;gap:16px!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,0,0,.1)!important;max-width:480px!important;margin:0 auto!important}.upload-card,.upload-drop-area{display:flex!important;flex-direction:column!important;align-items:center!important;background-color:#FFFFFF!important;overflow:hidden!important;width:100%!important}.upload-drop-area{justify-content:center!important;padding:28px!important;gap:12px!important;min-height:220px!important;border:2px dashed #dadada!important;border-radius:16px!important;cursor:pointer!important;transition:all .2s ease!important;box-sizing:border-box!important}.upload-drop-area.drag-over,.upload-drop-area:hover{border-color:#D8FF00!important;box-shadow:0 0 12px rgba(216,255,0,.08)!important}.upload-drop-area.drag-over{background-color:rgba(216,255,0,.05)!important}.upload-drop-area.success{border-color:#22C55E!important;background-color:#ECFDF5!important}.upload-drop-area.error{border-color:#EF4444!important;background-color:#FEF2F2!important}.upload-drop-area.uploading{border-color:#D8FF00!important;background-color:rgba(216,255,0,.05)!important}.upload-inner{gap:12px!important}.upload-actions-row-single,.upload-inner{display:flex!important;flex-direction:column!important;align-items:center!important;padding:0!important;width:100%!important}.upload-actions-row-single{justify-content:center!important;overflow:hidden!important}.upload-formats{margin-top:12px!important}.upload-example-link{margin-top:8px!important}.upload-privacy{margin-top:16px!important;text-align:center!important}@media (max-width:639px){.upload-card{padding:24px 20px!important}.upload-drop-area{padding:24px!important;min-height:200px!important}.upload-inner{gap:8px!important}.upload-actions-row-single,.upload-actions-row-single>*{width:100%!important}}.button-pill-enhanced-hover{transform:translateY(0)!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important}.button-pill-enhanced-hover:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(0,0,0,.15)!important}.button-pill-enhanced-hover:active{transform:translateY(-1px) scale(.98)!important;transition:all .1s ease!important}.btn-primary-hover:hover{box-shadow:0 8px 25px rgba(216,255,0,.3)!important}.btn-outline-hover:hover{box-shadow:0 6px 20px rgba(17,17,17,.1)!important}.btn-outline-yellow-hover:hover{box-shadow:0 6px 20px rgba(216,255,0,.2)!important}.cta-dark-bg{background-color:var(--opta-graphite)}.cta-headline{color:#FAFAF7}.cta-subtext{color:#DDDDDD}.cta-bullets{color:#BBBBBB}.footer-dark{background-color:#0F0F0F}.footer-border{border-color:#1E1E1E}.footer-text-primary{color:#FAFAF7}.footer-text-secondary{color:#CCCCCC}.footer-text-muted{color:#9A9A9A}.footer-text-faded{color:#8A8A8A}.footer-social-icon{color:#AAAAAA;transition:color .2s ease}.footer-social-icon:hover{color:var(--opta-yellow)}.footer-link{color:#FAFAF7;transition:color .2s ease}.footer-link:hover{color:var(--opta-yellow)}}html{font-size:var(--font-size)}