.glass-card{background:var(--oc-card-bg);backdrop-filter:blur(var(--oc-blur-md));-webkit-backdrop-filter:blur(var(--oc-blur-md));border:1px solid var(--oc-border);box-shadow:var(--oc-shadow);border-radius:var(--oc-radius);transition:box-shadow var(--oc-duration-standard) var(--oc-ease-standard),border-color var(--oc-duration-standard) var(--oc-ease-standard)}.glass-card:hover{box-shadow:var(--oc-shadow-hover),var(--oc-glow-light);border-color:var(--oc-glow-light-border)}.glass-section{background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(248,250,252,.75));backdrop-filter:blur(var(--oc-blur-sm));-webkit-backdrop-filter:blur(var(--oc-blur-sm));border:1px solid var(--oc-border);border-radius:var(--oc-radius);box-shadow:0 4px 16px rgba(0,0,0,.04);transition:box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.glass-section:hover{background:rgba(255,255,255,.85);border-color:var(--oc-glow-light-border);box-shadow:var(--oc-glow-light-section)}.glass-modal{background:var(--oc-card-bg);backdrop-filter:blur(var(--oc-blur-lg));-webkit-backdrop-filter:blur(var(--oc-blur-lg));border:1px solid var(--oc-border);box-shadow:var(--oc-shadow-hover);border-radius:var(--oc-radius);transition:box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.glass-modal:hover{box-shadow:var(--oc-shadow-hover),0 0 40px rgba(0,166,166,.25);border-color:var(--oc-glow-light-border)}:root[data-theme=dark] .glass-card:hover{box-shadow:var(--oc-shadow-hover),var(--oc-glow-dark);border-color:var(--oc-glow-dark-border)}:root[data-theme=dark] .glass-section:hover{background:rgba(11,31,51,.8);border-color:var(--oc-glow-dark-border);box-shadow:var(--oc-glow-dark-section)}:root[data-theme=dark] .glass-modal:hover{box-shadow:var(--oc-shadow-hover),0 0 45px rgba(0,166,166,.35);border-color:var(--oc-glow-dark-border)}:root[data-theme=dark] .radix-tooltip-arrow{background:#0B1F33;fill:#0B1F33;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(120deg)}66%{transform:translateY(-5px) rotate(240deg)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes gradient-x{0%,to{background-size:400% 400%;background-position:0}50%{background-size:400% 400%;background-position:100%}}.animate-gradient-x{background-size:400% 400%;background-position:0;animation:gradient-x 3s ease infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}.card-enhanced{transition:box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.card-enhanced:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.1),0 0 60px rgba(18,60,105,.3)}@keyframes progress-fill{0%{width:0}to{width:var(--progress-width,75%)}}.progress-animated{position:relative;overflow:hidden}.progress-animated:after{content:"";position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#123C69,#00A6A6,#2E7D32);animation:progress-fill 2s ease-out forwards;border-radius:inherit}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.2);opacity:0}}.pulse-ring{animation:pulse-ring 2s cubic-bezier(.455,.03,.515,.955) infinite}.btn-shine{position:relative;overflow:hidden}.btn-shine:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-shine:hover:before{left:100%}.icon-rotate{transition:transform .3s ease}.icon-rotate:hover{transform:rotate(12deg) scale(1.1)}.text-gradient-animated{background:linear-gradient(-45deg,var(--oc-accent-400),var(--oc-primary-400),var(--oc-accent-500),var(--oc-primary-300));background-size:400% 400%;animation:gradient-x 3s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes theme-rotate-in{0%{transform:rotate(-180deg) scale(.5);opacity:0}50%{transform:rotate(-90deg) scale(1.1);opacity:.7}to{transform:rotate(0deg) scale(1);opacity:1}}@keyframes theme-rotate-out{0%{transform:rotate(0deg) scale(1);opacity:1}50%{transform:rotate(90deg) scale(1.1);opacity:.7}to{transform:rotate(180deg) scale(.5);opacity:0}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-reverse-slow{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.animate-spin-slow{animation:spin-slow 20s linear infinite}.animate-spin-reverse-slow{animation:spin-reverse-slow 15s linear infinite}.theme-toggle-enter{animation:theme-rotate-in .5s ease-out}.theme-toggle-exit{animation:theme-rotate-out .5s ease-in}.theme-transition{transition:background-color var(--theme-transition-duration,.5s) ease,border-color var(--theme-transition-duration,.5s) ease,color var(--theme-transition-duration,.5s) ease}.theme-transition *{transition:background-color var(--theme-transition-duration,.5s) ease,color var(--theme-transition-duration,.5s) ease,border-color var(--theme-transition-duration,.5s) ease,box-shadow var(--theme-transition-duration,.5s) ease}.glass-light{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.9));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 32px rgba(0,0,0,.08)}.glass-light-subtle{background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(248,250,252,.8));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.35);box-shadow:0 4px 16px rgba(0,0,0,.06)}.glass-light-hover{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,.95));backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(18,60,105,.15);box-shadow:0 12px 40px rgba(18,60,105,.2)}:root[data-theme=dark] .glass-light{background:rgba(11,31,51,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.3)}:root[data-theme=dark] .glass-light-subtle{background:rgba(11,31,51,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px rgba(0,0,0,.2)}:root[data-theme=dark] .glass-light-hover{background:rgba(11,31,51,.9);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(18,60,105,.2);box-shadow:0 12px 40px rgba(18,60,105,.3)}.card-light-enhanced{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.9));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(0,0,0,.08),0 0 0 1px rgba(255,255,255,.1);transition:box-shadow .5s cubic-bezier(.4,0,.2,1),border-color .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.card-light-enhanced:hover{transform:translateY(-8px) rotate(1deg);box-shadow:0 20px 40px rgba(0,0,0,.12),0 0 60px rgba(18,60,105,.2),0 0 0 1px rgba(18,60,105,.1)}.btn-glow-light{position:relative;overflow:hidden}.btn-glow-light:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(18,60,105,.1),rgba(37,99,235,.1),rgba(0,166,166,.1));border-radius:inherit;opacity:0;transition:opacity .3s ease}.btn-glow-light:hover:before{opacity:1}:root[data-theme=dark] .btn-glow-light:before{background:linear-gradient(135deg,rgba(18,60,105,.2),rgba(37,99,235,.2),rgba(0,166,166,.2))}:root[data-theme=dark] .btn-glow-light:hover:before{opacity:1}@keyframes light-pulse{0%,to{box-shadow:0 0 20px rgba(18,60,105,.2)}50%{box-shadow:0 0 30px rgba(18,60,105,.4)}}.light-pulse{animation:light-pulse 2s ease-in-out infinite}@keyframes morph-bg{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.morph-bg{background:linear-gradient(-45deg,#F6F8FA,#F1F5F9,#E2E8F0,#F6F8FA);background-size:400% 400%;animation:morph-bg 8s ease infinite}.glass-morph{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,250,252,.88),rgba(241,245,249,.85));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(0,0,0,.08);transition:box-shadow .3s ease,border-color .3s ease,background-color .3s ease}.glass-morph:hover{background:linear-gradient(135deg,rgba(18,60,105,.1),rgba(37,99,235,.1));border-color:rgba(18,60,105,.3);box-shadow:0 20px 40px rgba(18,60,105,.2),0 8px 16px rgba(37,99,235,.15)}:root[data-theme=dark] .glass-morph{background:linear-gradient(135deg,rgba(11,31,51,.8),rgba(31,41,55,.6));border:1px solid rgba(255,255,255,.1)}:root[data-theme=dark] .glass-morph:hover{background:linear-gradient(135deg,rgba(18,60,105,.15),rgba(37,99,235,.15));border-color:rgba(18,60,105,.4);box-shadow:0 20px 40px rgba(18,60,105,.25),0 8px 16px rgba(37,99,235,.2)}.shadow-light-xl{box-shadow:0 20px 40px rgba(0,0,0,.08),0 8px 16px rgba(0,0,0,.04)}.shadow-light-2xl{box-shadow:0 32px 64px rgba(0,0,0,.1),0 16px 32px rgba(0,0,0,.06)}:root[data-theme=dark] .shadow-light-xl{box-shadow:0 20px 40px rgba(0,0,0,.3),0 8px 16px rgba(0,0,0,.15)}:root[data-theme=dark] .shadow-light-2xl{box-shadow:0 32px 64px rgba(0,0,0,.4),0 16px 32px rgba(0,0,0,.2)}.shadow-light-glow{box-shadow:0 8px 32px rgba(18,60,105,.15),0 4px 16px rgba(37,99,235,.1)}:root[data-theme=dark] .shadow-light-glow{box-shadow:0 8px 32px rgba(18,60,105,.2),0 4px 16px rgba(37,99,235,.15)}.glass-card-gradient{background:linear-gradient(135deg,var(--oc-primary-500),var(--oc-accent-500));backdrop-filter:blur(var(--oc-blur-md));-webkit-backdrop-filter:blur(var(--oc-blur-md));border:1px solid rgba(255,255,255,.2);box-shadow:var(--oc-shadow);border-radius:var(--oc-radius);transition:box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card-gradient:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-radius:inherit;pointer-events:none}.glass-card-gradient:hover{box-shadow:var(--oc-shadow-hover),var(--oc-glow-light);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}.glass-card-gradient:hover:before{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.08))}:root[data-theme=dark] .glass-card-gradient{background:linear-gradient(135deg,var(--oc-primary-600),var(--oc-accent-600))}:root[data-theme=dark] .glass-card-gradient:hover{box-shadow:var(--oc-shadow-hover),var(--oc-glow-dark)}.logo-glow{filter:drop-shadow(var(--oc-glow-light));transition:filter .4s ease,transform .3s ease}.logo-glow:hover{filter:drop-shadow(0 0 40px rgba(0,166,166,.4));transform:scale(1.05)}:root[data-theme=dark] .logo-glow{filter:drop-shadow(var(--oc-glow-dark));transition:filter .4s ease,transform .3s ease}:root[data-theme=dark] .logo-glow:hover{filter:drop-shadow(0 0 45px rgba(0,166,166,.5));transform:scale(1.05)}.border-gradient-light{position:relative;background:linear-gradient(white,white) padding-box,linear-gradient(135deg,rgba(18,60,105,.3),rgba(37,99,235,.3),rgba(0,166,166,.3)) border-box;border:2px solid transparent;border-radius:inherit}.focus-ring-light{transition:box-shadow .2s ease}.focus-ring-light:focus{outline:none;box-shadow:0 0 0 3px rgba(18,60,105,.1),0 0 0 6px rgba(37,99,235,.05)}:root{--oc-primary:#123C69;--oc-primary-hover:#0B2E52;--oc-sidebar-deep:#0B1F33;--oc-action:#00A6A6;--oc-action-hover:#008C8C;--oc-action-text:#0E7490;--oc-focus:#00A6A6;--oc-premium:#C89B3C;--oc-premium-hover:#A97824;--oc-premium-text:#A16207;--oc-premium-subtle:#FBF5E6;--oc-premium-border:#E9D7B1;--oc-cta-experiment:#C2410C;--oc-cta-experiment-hover:#9A3412;--oc-bg:#F6F8FA;--oc-surface:#FFFFFF;--oc-canvas-white:#FFFFFF;--oc-surface-subtle:#F1F5F9;--oc-surface-muted:#E2E8F0;--oc-surface-hover:#EDF2F7;--oc-divider:#D9E2EA;--oc-text-ink:#0F172A;--oc-text-primary:#0F172A;--oc-text-secondary:#475569;--oc-text-muted:#5F6F7F;--oc-text-on-primary:#ffffff;--oc-success:#2E7D32;--oc-warning:#D97706;--oc-warning-text:#B45309;--oc-error:#DC2626;--oc-error-text:#B91C1C;--oc-info:#4F46E5;--oc-info-text:#3730A3;--oc-success-subtle:#DCFCE7;--oc-error-subtle:#FEE2E2;--oc-warning-subtle:#FEF3C7;--oc-info-subtle:#EEF2FF;--oc-success-50:#F0FDF4;--oc-success-100:#DCFCE7;--oc-success-200:#A8D5AB;--oc-success-300:#74B878;--oc-success-400:#4D9B52;--oc-success-500:var(--oc-success);--oc-success-600:#276D2B;--oc-success-700:#1F5922;--oc-success-800:#17441A;--oc-success-900:#0F2E11;--oc-error-50:#FEF2F2;--oc-error-100:#FEE2E2;--oc-error-200:#FECACA;--oc-error-300:#FCA5A5;--oc-error-400:#F87171;--oc-error-500:var(--oc-error);--oc-error-600:#B91C1C;--oc-error-700:#991B1B;--oc-error-800:#7F1D1D;--oc-error-900:#450A0A;--oc-warning-50:#FFFBEB;--oc-warning-100:#FEF3C7;--oc-warning-200:#FDE68A;--oc-warning-300:#FCD34D;--oc-warning-400:#FBBF24;--oc-warning-500:var(--oc-warning);--oc-warning-600:#B45309;--oc-warning-700:#92400E;--oc-warning-800:#78350F;--oc-warning-900:#451A03;--oc-info-50:#EEF2FF;--oc-info-100:#E0E7FF;--oc-info-200:#C7D2FE;--oc-info-300:#A5B4FC;--oc-info-400:#818CF8;--oc-info-500:var(--oc-info);--oc-info-600:#4338CA;--oc-info-700:#4338CA;--oc-info-800:#3730A3;--oc-info-900:#312E81;--oc-text-inverse-primary:#FFFFFF;--oc-text-inverse-secondary:rgba(255,255,255,0.75);--oc-border-inverse:rgba(255,255,255,0.2);--oc-whatsapp-green:#25D366;--oc-whatsapp-dark-teal:#075E54;--oc-chat-beige:#ECE5DD;--oc-sent-bubble:#DCF8C6;--oc-received-bubble:#FFFFFF;--oc-bg-canvas:var(--oc-bg);--oc-background:var(--oc-bg);--oc-bg-body:var(--oc-bg);--oc-bg-main:var(--oc-bg);--oc-warm-canvas:var(--oc-bg);--oc-bg-hero-start:var(--oc-bg);--oc-bg-hero-mid:var(--oc-bg);--oc-bg-hero-end:var(--oc-bg);--oc-surface-elevated:var(--oc-surface);--oc-surface-secondary:var(--oc-surface-subtle);--oc-card-bg:var(--oc-surface);--oc-card-surface:var(--oc-surface);--oc-border:var(--oc-divider);--oc-border-soft:var(--oc-divider);--oc-border-strong:var(--oc-text-secondary);--oc-text-on-accent:var(--oc-text-ink);--oc-primary-50:#ECEFF3;--oc-primary-100:#CFD8E1;--oc-primary-200:#A0B1C3;--oc-primary-300:#708AA5;--oc-primary-400:#416387;--oc-primary-500:#123C69;--oc-primary-600:#0E3156;--oc-primary-700:#0B2744;--oc-primary-800:#081C32;--oc-primary-900:#05121F;--ocPrimary:var(--oc-primary-500);--oc-accent-50:#FAF7EF;--oc-accent-100:#F4EBD8;--oc-accent-200:#E9D7B1;--oc-accent-300:#DEC38A;--oc-accent-400:#D3AF63;--oc-accent-500:#C89B3C;--oc-accent-600:#A37F31;--oc-accent-700:#826427;--oc-accent-800:#604A1C;--oc-accent-900:#3C2E12;--ocAccent:var(--oc-accent-500);--oc-ring:var(--oc-action);--oc-focus-ring:var(--oc-action);--oc-focus-ring-offset:2px;--oc-active-aqua:var(--oc-action);--oc-ocean-navy:var(--oc-sidebar-deep);--oc-command-teal:var(--oc-primary);--oc-command-teal-hover:var(--oc-primary-hover);--oc-warm-gold:var(--oc-premium);--oc-warm-gold-hover:var(--oc-premium-hover);--oc-input-bg:var(--oc-surface);--oc-input-border:var(--oc-divider);--oc-input-focus-ring:var(--oc-action);--oc-input-error-border:var(--oc-error);--oc-input-disabled-bg:var(--oc-surface-muted);--oc-btn-primary-bg:var(--oc-primary);--oc-btn-primary-bg-hover:var(--oc-primary-hover);--oc-delivery-green:var(--oc-success);--oc-alert-red:var(--oc-error);--oc-attention-amber:var(--oc-warning);--oc-clarity-blue:var(--oc-info);--oc-sidebar-bg:var(--oc-sidebar-deep);--oc-sidebar-text:rgba(255,255,255,0.7);--oc-sidebar-text-active:#ffffff;--oc-sidebar-item-hover:rgba(255,255,255,0.1);--oc-sidebar-item-active:var(--oc-primary);--oc-sidebar-border:rgba(255,255,255,0.15);--oc-sidebar-icon-active:var(--oc-action);--oc-radius-sm:4px;--oc-radius-md:8px;--oc-radius-lg:16px;--oc-radius-xl:24px;--oc-radius:var(--oc-radius-lg);--oc-shadow-ambient:0 10px 30px rgba(18,60,105,0.08);--oc-shadow-lifted:0 18px 42px rgba(18,60,105,0.12);--oc-shadow-modal:0 24px 64px rgba(18,60,105,0.18);--oc-shadow:var(--oc-shadow-ambient);--oc-overlay:rgba(11,31,51,0.6);--oc-blur-sm:10px;--oc-blur-md:20px;--oc-blur-lg:32px;--oc-ease-standard:cubic-bezier(0.4,0,0.2,1);--oc-shadow-hover:0 20px 48px rgba(18,60,105,0.16),0 8px 20px rgba(18,60,105,0.1);--oc-glow-light:0 0 32px rgba(0,166,166,0.18);--oc-glow-light-border:rgba(0,166,166,0.3);--oc-glow-light-section:0 8px 32px rgba(18,60,105,0.12),0 0 24px rgba(0,166,166,0.1);--oc-glow-dark:0 0 40px rgba(0,166,166,0.28);--oc-glow-dark-border:rgba(0,166,166,0.45);--oc-glow-dark-section:0 8px 32px rgba(0,166,166,0.2),0 0 32px rgba(0,166,166,0.15);--oc-duration-standard:200ms;--oc-gray-50:#F8FAFC;--oc-gray-100:#F1F5F9;--oc-gray-200:#E2E8F0;--oc-gray-300:#CBD5E1;--oc-gray-400:#94A3B8;--oc-gray-500:#64748B;--oc-gray-600:#475569;--oc-gray-700:#334155;--oc-gray-800:#1E293B;--oc-gray-900:#0F172A;--chart-1:#123C69;--chart-2:#00A6A6;--chart-3:#C89B3C;--chart-4:#2E7D32;--chart-5:#7C3AED;--chart-positive:#2E7D32;--chart-negative:#DC2626;--chart-neutral:#64748B;--oc-secondary-50:var(--oc-accent-50);--oc-secondary-100:var(--oc-accent-100);--oc-secondary-200:var(--oc-accent-200);--oc-secondary-300:var(--oc-accent-300);--oc-secondary-400:var(--oc-accent-400);--oc-secondary-500:var(--oc-accent-500);--oc-secondary-600:var(--oc-accent-600);--oc-secondary-700:var(--oc-accent-700);--oc-bg-primary:var(--oc-bg);--oc-neutral-50:var(--oc-bg);--oc-neutral-100:var(--oc-surface-subtle);--oc-neutral-200:var(--oc-surface-muted);--oc-neutral-300:var(--oc-divider);--oc-neutral-400:var(--oc-text-muted);--oc-neutral-500:var(--oc-text-secondary);--oc-neutral-600:var(--oc-text-ink);--oc-neutral-700:var(--oc-sidebar-deep);--oc-neutral-800:#0B1F33;--oc-neutral-900:#050E17;--oc-bg-secondary:var(--oc-surface-subtle);--oc-bg-subtle:var(--oc-surface-subtle);--oc-bg-muted:var(--oc-surface-muted);--oc-bg-tertiary:var(--oc-divider);--oc-border-subtle:var(--oc-divider);--oc-border-input:var(--oc-divider);--oc-text-danger:var(--oc-error-500);--oc-text-info:var(--oc-info-500);--oc-text-warning:var(--oc-warning-500);--oc-surface-1:#FFFFFF;--oc-surface-2:#F8FAFC;--oc-surface-3:#F1F5F9;--oc-amber-50:#FFFBEB;--oc-amber-100:#FEF3C7;--oc-amber-500:var(--oc-warning);--oc-mint-teal:#72CEC1}body{background-color:var(--oc-bg);color:var(--oc-text-primary);font-family:var(--font-inter);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-montserrat);font-weight:600;color:var(--oc-text-ink)}:root{--background:var(--oc-bg);--foreground:var(--oc-text-ink);--card:var(--oc-surface);--card-foreground:var(--oc-text-ink);--primary:var(--oc-primary);--primary-foreground:#ffffff;--secondary:var(--oc-premium);--secondary-foreground:var(--oc-text-ink);--accent:var(--oc-action);--accent-foreground:#ffffff;--border:var(--oc-divider);--input:var(--oc-divider);--ring:var(--oc-action);--radius:1rem;--muted:var(--oc-surface-subtle);--muted-foreground:var(--oc-text-secondary)}[data-theme=dark]{--oc-bg:#0B1F33;--oc-surface:#112E47;--oc-surface-raised:#163554;--oc-surface-overlay:#1C3F62;--oc-canvas-white:#112E47;--oc-surface-subtle:rgba(255,255,255,0.09);--oc-surface-muted:rgba(255,255,255,0.15);--oc-surface-hover:rgba(255,255,255,0.06);--oc-divider:rgba(255,255,255,0.1);--oc-text-ink:#F1F5F9;--oc-text-primary:#F1F5F9;--oc-text-secondary:#A8BAC9;--oc-text-muted:#8499AB;--oc-action-text:#22D3EE;--oc-premium-text:#FBBF24;--oc-warning-text:#FBBF24;--oc-error-text:#FCA5A5;--oc-info:#818CF8;--oc-info-text:#A5B4FC;--oc-info-subtle:rgba(79,70,229,0.15);--oc-premium-subtle:rgba(200,155,60,0.12);--oc-premium-border:rgba(200,155,60,0.3);--oc-gray-50:#0B1F33;--oc-gray-100:rgba(255,255,255,0.05);--oc-gray-200:rgba(255,255,255,0.08);--oc-gray-300:rgba(255,255,255,0.12);--oc-gray-400:#64748B;--oc-gray-500:#94A3B8;--oc-gray-600:#A8BAC9;--oc-gray-700:#CBD5E1;--oc-gray-800:#E2E8F0;--oc-gray-900:#F1F5F9;--oc-neutral-50:#0B1F33;--oc-neutral-100:rgba(255,255,255,0.05);--oc-neutral-200:rgba(255,255,255,0.08);--oc-neutral-800:#0B1F33;--oc-neutral-900:#050E17}.landing-page{--oc-bg:#F5F3FF;--oc-bg-primary:#F5F3FF;--oc-warm-canvas:#F5F3FF;--oc-surface-subtle:#EEF2FF;--oc-primary:#4F46E5;--oc-primary-hover:#4338CA;--oc-primary-50:#EEF2FF;--oc-primary-100:#E0E7FF;--oc-primary-200:#C7D2FE;--oc-primary-300:#A5B4FC;--oc-primary-400:#818CF8;--oc-primary-500:#6366F1;--oc-primary-600:#4F46E5;--oc-primary-700:#4338CA;--oc-primary-800:#3730A3;--oc-primary-900:#312E81;--ocPrimary:#4F46E5;--oc-btn-primary-bg:#4F46E5;--oc-btn-primary-bg-hover:#4338CA;--oc-action:#00A6A6;--oc-action-hover:#008C8C;--oc-action-text:#0E7490;--oc-focus:#00A6A6;--oc-ring:#00A6A6;--oc-focus-ring:#00A6A6;--oc-info:#0EA5E9;--oc-info-500:#38BDF8;--oc-info-subtle:#F0F9FF;--oc-text-ink:#1E1B4B;--oc-text-primary:#1E1B4B;--oc-text-muted:#4B5563;--oc-sidebar-deep:#312E81;--oc-glow-light:0 0 32px rgba(99,102,241,0.18);--oc-glow-light-border:rgba(99,102,241,0.3);--oc-glow-light-section:0 8px 32px rgba(99,102,241,0.12),0 0 24px rgba(16,185,129,0.1);--oc-shadow-ambient:0 10px 30px rgba(99,102,241,0.08);--oc-shadow-hover:0 20px 48px rgba(99,102,241,0.16),0 8px 20px rgba(99,102,241,0.1)}