:root{--color-navy:#0f172a;--color-navy-light:#1e293b;--color-navy-dark:#020617;--color-navy-rgb:15,23,42;--color-navy-100:#f1f5f9;--color-navy-200:#e2e8f0;--color-navy-300:#cbd5e1;--color-navy-600:#0f172a;--color-navy-800:#020617;--color-navy-900:#000000;--color-gray-25:#fafafa;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-750:#374151;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-black:#000000;--color-white:#ffffff;--color-white-rgb:255,255,255;--color-accent:#2f5dd4;--color-accent-dark:#1e3a8a;--color-accent-light:#6b8cff;--accent:#2f5dd4;--accent-hover:#1e3a8a;--color-pitch:#1a472a;--color-pitch-dark:#0f2e1a;--color-pitch-rgb:26,71,42;--color-success:#1a472a;--color-success-light:#2f6b45;--color-warning:#d97706;--color-warning-light:#f59e0b;--color-error:#dc2626;--color-error-light:#ef4444;--color-danger:#dc2626;--color-danger-dark:#b91c1c;--color-danger-light:#ef4444;--color-success-500:var(--color-pitch);--color-warning-500:#f59e0b;--color-error-500:#ef4444;--color-red-100:#fee2e2;--color-red-50:#fef2f2;--color-red-200:#fecaca;--color-red-300:#fca5a5;--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-red-800:#991b1b;--color-red-900:#7f1d1d;--color-pink-400:#f472b6;--color-pink-600:#be185d;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-400:#4ade80;--color-green-500:#22c55e;--color-green-600:#15803d;--color-green-800:#166534;--color-yellow-50:#fefce8;--color-yellow-100:#fef3c7;--color-yellow-400:#fbbf24;--color-yellow-500:#f59e0b;--color-yellow-800:#92400e;--color-orange-600:#ea580c;--color-blue-300:#93c5fd;--color-blue-400:#60a5fa;--color-blue-50:#eff6ff;--color-blue-800:#1e40af;--color-purple-50:#faf5ff;--color-purple-500:#a855f7;--color-sky-500:#0ea5e9;--color-gold:#f59e0b;--color-gold-rgb:245,158,11;--color-primary-50:#f8fafc;--color-primary-100:#f1f5f9;--color-primary-200:#e2e8f0;--color-primary-300:#cbd5e1;--color-primary-400:#94a3b8;--color-primary-500:#64748b;--color-primary-600:#475569;--color-primary-700:#334155;--color-primary-800:#1e293b;--color-primary-900:#0f172a;--color-secondary-50:#f8fafc;--color-secondary-100:#f1f5f9;--color-secondary-200:#e2e8f0;--color-secondary-300:#cbd5e1;--color-secondary-400:#94a3b8;--color-secondary-500:#64748b;--color-secondary-600:#475569;--color-secondary-700:#334155;--color-secondary-800:#1e293b;--color-secondary-900:#0f172a;--color-primary:var(--color-navy);--color-primary-dark:var(--color-navy);--color-primary-light:var(--color-navy-light);--color-secondary:var(--color-gray-500);--color-secondary-dark:var(--color-gray-600);--color-secondary-light:var(--color-gray-400);--primary-color:var(--color-navy);--primary-color-dark:var(--color-navy);--primary:var(--color-navy);--primary-dark:var(--color-navy-dark);--primary-light:var(--color-navy-light);--secondary:var(--color-gray-500);--success:var(--color-pitch);--success-dark:var(--color-pitch-dark);--success-light:rgba(var(--color-pitch-rgb),0.1);--danger:#ef4444;--danger-dark:#dc2626;--danger-light:rgba(239,68,68,0.1);--warning:#f59e0b;--warning-dark:#d97706;--warning-light:rgba(245,158,11,0.1);--info:#0f172a;--info-dark:#020617;--info-light:rgba(15,23,42,0.1);--color-primary-alpha:rgba(30,64,175,0.1);--primary-color-10:rgba(30,64,175,0.1);--primary-color-20:rgba(30,64,175,0.2);--bg-primary:var(--color-white);--bg-secondary:var(--color-gray-50);--bg-tertiary:var(--color-gray-100);--bg-overlay:rgba(0,0,0,0.5);--bg-hover:var(--color-gray-50);--bg-skeleton:var(--color-gray-200);--modal-surface:var(--color-white);--bg-skeleton-light:var(--color-gray-50);--border-skeleton:var(--color-gray-200);--text-primary:var(--color-black);--text-secondary:var(--color-gray-600);--text-tertiary:var(--color-gray-500);--text-muted:var(--color-gray-600);--text-placeholder:var(--color-gray-500);--text-disabled:var(--color-gray-500);--text-inverse:var(--color-white);--color-surface:var(--bg-primary);--bg-surface:var(--bg-primary);--card-bg:var(--bg-primary);--color-hover:var(--bg-hover);--border-radius-xl:var(--radius-xl);--border-radius-lg:var(--radius-lg);--border-radius-2xl:var(--radius-2xl);--success-600:var(--color-success);--primary-500:var(--color-navy);--primary-600:var(--color-navy-dark);--border-color:var(--color-gray-200);--border-primary:var(--color-gray-300);--border-secondary:var(--color-gray-200);--border-light:var(--color-gray-200);--border-focus:var(--color-navy);--navbar-bg:var(--color-navy);--navbar-text:var(--color-white);--navbar-text-hover:var(--color-gray-200);--color-text:var(--text-primary);--color-text-muted:var(--text-muted);--color-border:var(--border-color);--color-gray-light:var(--color-gray-100);--border:var(--border-color);--text:var(--text-primary);--surface:var(--bg-secondary);--accent-rgb:47,93,212;--color-blue-500:#3b82f6;--color-blue-600:#2563eb}[data-theme=dark]{--color-primary-50:var(--color-navy-dark);--color-primary-100:var(--color-navy);--color-primary-200:var(--color-navy-light);--color-primary-300:var(--color-gray-800);--color-primary-400:var(--color-gray-700);--color-primary-500:var(--color-gray-600);--color-primary-600:var(--color-gray-500);--color-primary-700:var(--color-gray-400);--color-primary-800:var(--color-gray-300);--color-primary-900:var(--color-gray-100);--color-purple-50:rgba(168,85,247,0.12);--color-purple-500:#c084fc;--bg-primary:transparent;--modal-surface:rgba(17,24,39,0.85);--bg-secondary:rgba(15,23,42,0.35);--bg-tertiary:rgba(15,23,42,0.4);--bg-overlay:rgba(0,0,0,0.7);--bg-hover:rgba(255,255,255,0.05);--bg-skeleton:var(--color-gray-600);--bg-skeleton-light:var(--color-gray-800);--border-skeleton:var(--color-gray-600);--text-primary:var(--color-white);--text-secondary:var(--color-gray-300);--text-tertiary:var(--color-gray-300);--text-muted:var(--color-gray-300);--text-placeholder:var(--color-gray-400);--text-disabled:var(--color-gray-400);--text-inverse:var(--color-white);--border-color:rgba(255,255,255,0.12);--border-primary:var(--color-gray-600);--border-secondary:var(--color-gray-700);--border-light:var(--color-gray-600);--accent:#6b8cff;--accent-hover:#2f5dd4;--color-primary:var(--color-navy-light);--color-primary-dark:var(--color-navy);--primary-color:var(--color-navy-light);--primary-color-dark:var(--color-navy);--primary:var(--color-navy-light);--primary-dark:var(--color-navy);--primary-light:rgba(161,185,255,0.2);--secondary:var(--color-gray-400);--success:#2fa356;--success-dark:var(--color-pitch);--success-light:rgba(var(--color-pitch-rgb),0.18);--danger:#f87171;--danger-dark:#ef4444;--danger-light:rgba(248,113,113,0.15);--warning:#fbbf24;--warning-dark:#f59e0b;--warning-light:rgba(251,191,36,0.15);--info:#1e293b;--info-dark:#0f172a;--info-light:rgba(30,41,59,0.15);--color-primary-alpha:rgba(30,64,175,0.2);--primary-color-10:rgba(96,165,250,0.1);--primary-color-20:rgba(96,165,250,0.2);--navbar-bg:rgba(15,23,42,0.95);--navbar-text:var(--color-white);--navbar-text-hover:var(--color-gray-200)}:root:not([data-theme]),[data-theme=light]{--bg-primary:var(--color-white);--bg-secondary:var(--color-gray-50);--bg-tertiary:var(--color-gray-100);--navbar-bg:rgba(255,255,255,0.95);--border-color:var(--color-gray-200)}:root{--font-primary:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-mono:var(--font-jetbrains),"JetBrains Mono","Fira Code","Monaco",monospace;--font-display:var(--font-oswald),"Oswald","Barlow Condensed",sans-serif;--font-family-primary:var(--font-primary);--font-family-mono:var(--font-mono);--text-2xs:0.625rem;--text-xs:0.75rem;--text-sm:0.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-size-2xs:var(--text-2xs);--font-size-xs:var(--text-xs);--font-size-sm:var(--text-sm);--font-size-base:var(--text-base);--font-size-lg:var(--text-lg);--font-size-xl:var(--text-xl);--font-size-2xl:var(--text-2xl);--font-size-3xl:var(--text-3xl);--font-size-4xl:var(--text-4xl);--font-size-5xl:var(--text-5xl);--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--font-weight-light:var(--font-light);--font-weight-normal:var(--font-normal);--font-weight-medium:var(--font-medium);--font-weight-semibold:var(--font-semibold);--font-weight-bold:var(--font-bold);--font-weight-extrabold:var(--font-extrabold);--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--line-height-tight:var(--leading-tight);--line-height-normal:var(--leading-normal);--line-height-relaxed:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--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);--radius-sm:0.125rem;--radius:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--navbar-height:3.5rem;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.04);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-3xl:0 35px 60px -15px rgba(0,0,0,0.3);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,0.06);--shadow-inner-lg:inset 0 4px 8px 0 rgba(0,0,0,0.1);--shadow-sm-soft:0 1px 3px 0 rgba(0,0,0,0.08),0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md-soft:0 4px 6px -1px rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.08);--shadow-lg-soft:0 10px 15px -3px rgba(0,0,0,0.15),0 4px 6px -2px rgba(0,0,0,0.08);--shadow-xl-soft:0 20px 25px -5px rgba(0,0,0,0.15),0 10px 10px -5px rgba(0,0,0,0.08);--shadow-card:0 2px 10px rgba(var(--color-navy-rgb),0.1),0 1px 3px rgba(47,93,212,0.1);--shadow-card-hover:0 6px 18px rgba(var(--color-navy-rgb),0.14),0 2px 6px rgba(47,93,212,0.12);--shadow-primary-sm:0 4px 6px -1px rgba(59,130,246,0.1),0 2px 4px -1px rgba(59,130,246,0.06);--shadow-primary-md:0 10px 15px -3px rgba(59,130,246,0.2),0 4px 6px -2px rgba(59,130,246,0.1);--shadow-primary-lg:0 20px 25px -5px rgba(59,130,246,0.25),0 10px 10px -5px rgba(59,130,246,0.15);--shadow-success-sm:0 4px 6px -1px rgba(26,71,42,0.1),0 2px 4px -1px rgba(26,71,42,0.06);--shadow-success-md:0 10px 15px -3px rgba(26,71,42,0.2),0 4px 6px -2px rgba(26,71,42,0.1);--shadow-warning-sm:0 4px 6px -1px rgba(251,191,36,0.1),0 2px 4px -1px rgba(251,191,36,0.06);--shadow-warning-md:0 10px 15px -3px rgba(251,191,36,0.2),0 4px 6px -2px rgba(251,191,36,0.1);--shadow-danger-sm:0 4px 6px -1px rgba(239,68,68,0.1),0 2px 4px -1px rgba(239,68,68,0.06);--shadow-danger-md:0 10px 15px -3px rgba(239,68,68,0.2),0 4px 6px -2px rgba(239,68,68,0.1);--glow-primary:0 0 20px rgba(59,130,246,0.4);--glow-success:0 0 20px rgba(26,71,42,0.4);--glow-warning:0 0 20px rgba(251,191,36,0.4);--glow-danger:0 0 20px rgba(239,68,68,0.4);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--transition-normal:var(--transition-base);--z-base:0;--z-raised:1;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-notification:1080;--z-navbar:1080}[data-theme=dark]{--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.4),0 1px 2px 0 rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.5),0 2px 4px -1px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.6),0 4px 6px -2px rgba(0,0,0,0.5);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.7),0 10px 10px -5px rgba(0,0,0,0.5);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.8);--shadow-3xl:0 35px 60px -15px rgba(0,0,0,0.9);--shadow-primary-sm:0 4px 6px -1px rgba(96,165,250,0.15),0 2px 4px -1px rgba(96,165,250,0.1);--shadow-primary-md:0 10px 15px -3px rgba(96,165,250,0.25),0 4px 6px -2px rgba(96,165,250,0.15);--shadow-primary-lg:0 20px 25px -5px rgba(96,165,250,0.35),0 10px 10px -5px rgba(96,165,250,0.2);--glow-primary:0 0 25px rgba(96,165,250,0.6);--glow-success:0 0 25px rgba(26,71,42,0.6);--glow-warning:0 0 25px rgba(251,191,36,0.6);--glow-danger:0 0 25px rgba(239,68,68,0.6)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth;background-color:var(--bg-primary,#fff)}body,html{overflow-x:clip;width:100%}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed);color:var(--text-primary);background-color:var(--bg-primary);transition:color var(--transition-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100%;margin:0;padding:0}select option{background:#1e293b;color:#e2e8f0}img,video{max-width:100%;height:auto}code,pre{max-width:100%;overflow-x:auto;word-wrap:break-word;white-space:pre-wrap}input,select,textarea{max-width:100%;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-10px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-5px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes scale{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-spin{animation:spin 1s linear infinite}.animate-fade-in,.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-fade-in-up{animation:fadeInUp .5s ease-out}.animate-slide-in{animation:slideIn var(--transition-base) ease-out}.animate-slideInFromTop{animation:slideInFromTop .4s ease-out}.animate-slideInFromBottom{animation:slideInFromBottom .4s ease-out}.animate-slide-in-left,.animate-slideInFromLeft{animation:slideInFromLeft .4s ease-out}.animate-slide-in-right,.animate-slideInFromRight{animation:slideInFromRight .4s ease-out}.animate-bounce{animation:bounce .6s ease-in-out}.animate-scale{animation:scale .3s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.float-effect{animation:float 3s ease-in-out infinite}[role=button]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary,#3b82f6);outline-offset:2px}[role=button]:focus:not(:focus-visible),[tabindex]:focus:not(:focus-visible),a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.text-xs{font-size:var(--text-xs)}.text-sm,.text-xs{line-height:var(--leading-snug)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-base,.text-lg{line-height:var(--leading-relaxed)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl);line-height:var(--leading-relaxed)}.text-2xl{font-size:var(--text-2xl)}.text-2xl,.text-3xl{line-height:var(--leading-snug)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-4xl,.text-5xl{line-height:var(--leading-tight)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl);line-height:var(--leading-tight)}.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)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.heading-primary{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);margin-bottom:var(--spacing-lg)}.heading-secondary{font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}.heading-secondary,.heading-tertiary{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.heading-tertiary{font-size:var(--font-size-2xl);line-height:var(--line-height-normal)}.heading-1,.heading-2,.heading-3,h1,h2,h3{font-family:var(--font-display),"Oswald",sans-serif;letter-spacing:.01em}.heading-1,h1{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-6);margin-top:var(--space-8)}.heading-1:first-child,h1:first-child{margin-top:0}.heading-2,h2{font-size:var(--text-3xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);margin-bottom:var(--space-4);margin-top:var(--space-6)}.heading-2:first-child,h2:first-child{margin-top:0}.heading-3,h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);margin-bottom:var(--space-3);margin-top:var(--space-5)}.heading-3:first-child,h3:first-child{margin-top:0}.heading-4,h4{font-size:var(--text-xl);font-weight:var(--font-medium);line-height:var(--leading-relaxed);margin-bottom:var(--space-3);margin-top:var(--space-4)}.heading-4:first-child,h4:first-child{margin-top:0}.heading-5,h5{font-size:var(--text-lg);font-weight:var(--font-medium);line-height:var(--leading-relaxed);margin-bottom:var(--space-2);margin-top:var(--space-3)}.heading-5:first-child,h5:first-child{margin-top:0}.heading-6,h6{font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-relaxed);margin-bottom:var(--space-2);margin-top:var(--space-3)}.heading-6:first-child,h6:first-child{margin-top:0}.paragraph,p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.paragraph:last-child,p:last-child{margin-bottom:0}.text-large{font-size:var(--text-lg);margin-bottom:var(--space-5)}.text-large,.text-lead{line-height:var(--leading-relaxed)}.text-lead{font-size:var(--text-xl);font-weight:var(--font-light)}.section-title,.text-lead{margin-bottom:var(--space-6)}.section-title{font-size:var(--text-2xl);font-weight:var(--font-bold);font-family:var(--font-display),"Oswald",sans-serif;letter-spacing:.01em;color:var(--text-primary)}@media(min-width:40rem){.section-title{font-size:var(--text-3xl);margin-bottom:var(--space-8)}}.prose{max-width:65ch;line-height:1.7}.prose p{margin-bottom:var(--space-4)}.prose p:last-child{margin-bottom:0}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{margin-top:var(--space-8);margin-bottom:var(--space-4)}.prose h1:first-child,.prose h2:first-child,.prose h3:first-child,.prose h4:first-child,.prose h5:first-child,.prose h6:first-child{margin-top:0}.prose ol,.prose ul{margin-bottom:var(--space-4);padding-left:var(--space-6)}.prose ol li,.prose ul li{margin-bottom:var(--space-2)}.text-spacing>*+*{margin-top:var(--space-4)}.text-spacing-lg>*+*{margin-top:var(--space-6)}.main-content{position:relative;z-index:1;min-height:calc(100vh - 4rem);min-height:calc(100svh - 4rem);width:100%}.container{width:100%;max-width:75rem;margin:0 auto;padding:0 var(--space-4)}@media(min-width:40rem){.container{padding:0 var(--space-6)}}@media(min-width:64rem){.container{padding:0 var(--space-8)}}.container-sm{max-width:40rem}.container-md{max-width:48rem}.container-lg{max-width:64rem}.container-xl{max-width:80rem}.container-2xl{max-width:96rem}.page-container{padding:var(--space-4);max-width:75rem;margin:4.375rem auto 0;width:100%}@media(min-width:40rem){.page-container{padding:var(--space-6)}}@media(min-width:48rem){.page-container{padding:var(--space-8)}}@media(min-width:64rem){.page-container{padding:var(--space-8) var(--space-6)}}.page-header{margin-bottom:var(--space-12);text-align:center}@media(min-width:48rem){.page-header{margin-bottom:var(--space-16)}}.page-content{width:100%}.content-wrapper{max-width:75rem;margin:0 auto;padding:0 var(--space-4)}@media(min-width:40rem){.content-wrapper{padding:0 var(--space-6)}}@media(min-width:48rem){.content-wrapper{padding:0 var(--space-8)}}.section{margin-bottom:var(--space-8)}@media(min-width:40rem){.section{margin-bottom:var(--space-12)}}.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))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media(min-width:768px)and (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.auto-fit-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.auto-fill-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.w-auto{width:auto}.w-4{width:1rem}.h-auto{height:auto}.h-full{height:100%}.h-4{height:1rem}.min-h-screen{min-height:100vh;min-height:100svh}.aspect-video{aspect-ratio:16/9}.aspect-square{aspect-ratio:1/1}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}@media(min-width:40rem){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:flex{display:flex}}@media(min-width:48rem){.md\:block{display:block}.md\:hidden{display:none}.md\:flex{display:flex}}@media(min-width:64rem){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:flex{display:flex}}.m-0{margin: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-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-4{margin-left:var(--space-4)}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-4{margin-right:var(--space-4)}.p-0{padding: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-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-6>*+*{margin-top:var(--space-6)}.space-y-8>*+*{margin-top:var(--space-8)}.space-x-4>*+*{margin-left:var(--space-4)}.space-x-6>*+*{margin-left:var(--space-6)}.no-padding{padding:0!important}.no-margin{margin:0!important}.sufc-m--0{margin:0}.sufc-m--xs{margin:var(--spacing-xs)}.sufc-m--sm{margin:var(--spacing-sm)}.sufc-m--md{margin:var(--spacing-md)}.sufc-m--lg{margin:var(--spacing-lg)}.sufc-m--xl{margin:var(--spacing-xl)}.sufc-m--2xl{margin:var(--spacing-2xl)}.sufc-m--3xl{margin:var(--spacing-3xl)}.sufc-mt--xs{margin-top:var(--spacing-xs)}.sufc-mt--sm{margin-top:var(--spacing-sm)}.sufc-mt--md{margin-top:var(--spacing-md)}.sufc-mt--lg{margin-top:var(--spacing-lg)}.sufc-mt--xl{margin-top:var(--spacing-xl)}.sufc-mt--2xl{margin-top:var(--spacing-2xl)}.sufc-mt--3xl{margin-top:var(--spacing-3xl)}.sufc-mb--xs{margin-bottom:var(--spacing-xs)}.sufc-mb--sm{margin-bottom:var(--spacing-sm)}.sufc-mb--md{margin-bottom:var(--spacing-md)}.sufc-mb--lg{margin-bottom:var(--spacing-lg)}.sufc-mb--xl{margin-bottom:var(--spacing-xl)}.sufc-mb--2xl{margin-bottom:var(--spacing-2xl)}.sufc-mb--3xl{margin-bottom:var(--spacing-3xl)}.sufc-p--0{padding:0}.sufc-p--xs{padding:var(--spacing-xs)}.sufc-p--sm{padding:var(--spacing-sm)}.sufc-p--md{padding:var(--spacing-md)}.sufc-p--lg{padding:var(--spacing-lg)}.sufc-p--xl{padding:var(--spacing-xl)}.sufc-p--2xl{padding:var(--spacing-2xl)}.sufc-p--3xl{padding:var(--spacing-3xl)}.sufc-mb--3xl{margin-bottom:var(--spacing-xl)!important}@media(max-width:640px){.sufc-mb--3xl{margin-bottom:var(--spacing-lg)!important}}.sufc-mt--xl{margin-top:var(--spacing-lg)!important}@media(max-width:640px){.sufc-mt--xl{margin-top:var(--spacing-md)!important}}.bg-primary{background-color:var(--bg-primary)!important}.bg-secondary{background-color:var(--bg-secondary)!important}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-blue-50{background-color:var(--color-primary-50)}.bg-green-50{background-color:var(--success-light,#f0fdf4)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-orange-50{background-color:var(--warning-light,#fff7ed)}.overflow-hidden{overflow:hidden!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-auto{overflow:auto!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.w-full{width:100%!important}.max-w-full{max-width:100%!important}.min-w-0{min-width:0!important}@container (max-width: 640px){.sufc-container-responsive{padding:var(--spacing-sm)}}@container (min-width: 641px){.sufc-container-responsive{padding:var(--spacing-lg)}}.sufc-text{word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.sufc-text--no-break{word-wrap:normal;overflow-wrap:normal;hyphens:none}.sufc-text--primary{color:var(--text-primary)}.sufc-text--secondary{color:var(--text-secondary)}.sufc-text--tertiary{color:var(--text-tertiary)}.sufc-text--inverse{color:var(--text-inverse)}.sufc-text--success{color:var(--color-success)}.sufc-text--warning{color:var(--color-warning)}.sufc-text--error{color:var(--color-error)}.sufc-text--xs{font-size:var(--font-size-xs)}.sufc-text--sm{font-size:var(--font-size-sm)}.sufc-text--base{font-size:var(--font-size-base)}.sufc-text--lg{font-size:var(--font-size-lg)}.sufc-text--xl{font-size:var(--font-size-xl)}.sufc-text--2xl{font-size:var(--font-size-2xl)}.sufc-text--3xl{font-size:var(--font-size-3xl)}.sufc-text--4xl{font-size:var(--font-size-4xl)}.sufc-text--5xl{font-size:var(--font-size-5xl)}.sufc-text--light{font-weight:var(--font-weight-light)}.sufc-text--normal{font-weight:var(--font-weight-normal)}.sufc-text--medium{font-weight:var(--font-weight-medium)}.sufc-text--semibold{font-weight:var(--font-weight-semibold)}.sufc-text--bold{font-weight:var(--font-weight-bold)}.sufc-text--extrabold{font-weight:var(--font-weight-extrabold)}.sufc-text--center{text-align:center}.sufc-text--left{text-align:left}.sufc-text--right{text-align:right}[data-theme=dark] .sufc-text--primary{color:var(--color-white)}[data-theme=dark] .sufc-text--secondary{color:var(--color-gray-200)}[data-theme=dark] .sufc-text--tertiary{color:var(--color-gray-400)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:var(--line-height-tight);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;-moz-user-select:none;user-select:none;-webkit-user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus{outline:2px solid var(--border-focus);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--color-navy),var(--color-navy-dark))!important;color:var(--color-white)!important;border-color:rgba(0,0,0,0)!important}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-navy-light),var(--color-navy))!important;border-color:rgba(0,0,0,0)!important;box-shadow:var(--shadow-lg)}.btn-primary:active{background:var(--color-navy-dark)!important;border-color:rgba(0,0,0,0)!important;box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--border-secondary);box-shadow:var(--shadow-md)}.btn-outline{background-color:rgba(0,0,0,0);color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--text-inverse);box-shadow:var(--shadow-md)}.btn-ghost{background-color:rgba(0,0,0,0);color:var(--text-secondary);border-color:rgba(0,0,0,0)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.sufc-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-md);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.sufc-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.sufc-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.sufc-btn--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--text-inverse)}.sufc-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));color:var(--text-inverse);box-shadow:var(--shadow-md)}.sufc-btn--secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary)}.sufc-btn--secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary)}.sufc-btn--outline{background:rgba(0,0,0,0);color:var(--color-primary);border-color:var(--color-primary)}.sufc-btn--outline:hover:not(:disabled){background:var(--color-primary);color:var(--text-inverse)}.sufc-btn--ghost{background:rgba(0,0,0,0);color:var(--text-secondary)}.sufc-btn--ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.sufc-btn--success{background:linear-gradient(135deg,var(--color-success),var(--color-success));color:var(--text-inverse)}.sufc-btn--success:hover:not(:disabled){background:linear-gradient(135deg,var(--color-success-light),var(--color-success))}.sufc-btn--warning{background:linear-gradient(135deg,var(--color-warning),var(--color-warning));color:var(--text-inverse)}.sufc-btn--warning:hover:not(:disabled){background:linear-gradient(135deg,var(--color-warning-light),var(--color-warning))}.sufc-btn--error{background:linear-gradient(135deg,var(--color-error),var(--color-error));color:var(--text-inverse)}.sufc-btn--error:hover:not(:disabled){background:linear-gradient(135deg,var(--color-error-light),var(--color-error))}.sufc-btn--info{background:linear-gradient(135deg,var(--color-navy-light),var(--color-navy));color:var(--text-inverse)}.sufc-btn--info:hover:not(:disabled){background:linear-gradient(135deg,var(--color-navy),var(--color-navy-light))}.sufc-btn--xs{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.sufc-btn--sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.sufc-btn--lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg)}.sufc-btn--xl{padding:var(--spacing-xl) var(--spacing-2xl);font-size:var(--font-size-xl)}.sufc-btn--full{width:100%}.sufc-btn--loading{position:relative;color:rgba(0,0,0,0)}.sufc-btn--loading:after{content:"";position:absolute;width:1rem;height:1rem;border-radius:50%;border:2px solid;border-top:2px solid rgba(0,0,0,0);animation:spin 1s linear infinite}[data-theme=dark] .sufc-btn--secondary{background:var(--color-gray-800);border-color:var(--color-gray-700);color:var(--text-inverse)}[data-theme=dark] .sufc-btn--secondary:hover:not(:disabled){background:var(--color-gray-700);border-color:var(--color-gray-600);color:var(--text-inverse)}[data-theme=dark] .sufc-btn--ghost{color:var(--color-gray-300)}[data-theme=dark] .sufc-btn--ghost:hover:not(:disabled){background:var(--color-gray-800);color:var(--text-inverse)}[data-theme=dark] .sufc-btn--outline{background:rgba(0,0,0,0);color:var(--color-primary-light);border-color:var(--color-primary-light)}[data-theme=dark] .sufc-btn--outline:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-gray-900)}[data-theme=light] .sufc-btn--secondary{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=light] .sufc-btn--secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary)}[data-theme=light] .sufc-btn--ghost{color:var(--text-secondary)}[data-theme=light] .sufc-btn--ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}[data-theme=light] .sufc-btn--outline{background:rgba(0,0,0,0);color:var(--color-primary);border-color:var(--color-primary)}[data-theme=light] .sufc-btn--outline:hover:not(:disabled){background:var(--color-primary);color:var(--text-inverse)}.card{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);overflow:hidden}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--border-secondary)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-xl);border-color:var(--color-primary-light)}.card-interactive:active{box-shadow:var(--shadow-lg)}.card-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-primary);background-color:var(--bg-secondary)}.card-body{padding:var(--spacing-xl)}.card-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border-primary);background-color:var(--bg-secondary)}[data-theme=dark] .card{background-color:var(--bg-secondary);border-color:var(--border-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.sufc-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%;min-height:280px}.sufc-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.sufc-card--interactive{cursor:pointer}.sufc-card--interactive:hover{box-shadow:var(--shadow-xl)}.sufc-card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);flex-shrink:0}.sufc-card-header .card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.sufc-card-header .card-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--spacing-xs) 0 0 0}.sufc-card-body{padding:var(--spacing-lg);display:flex;flex-direction:column;flex:1}.sufc-card-body.sufc-card-layout-auto{justify-content:space-between;gap:0;min-height:200px}.sufc-card-body.sufc-card-layout-auto .sufc-card-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.sufc-card-body.sufc-card-layout-auto .sufc-card-content h3,.sufc-card-body.sufc-card-layout-auto .sufc-card-content h4{text-align:center;margin-bottom:var(--spacing-sm)}.sufc-card-body.sufc-card-layout-auto .sufc-card-content p{text-align:center;line-height:var(--line-height-relaxed)}.sufc-card-body.sufc-card-layout-auto .sufc-card-actions{flex-shrink:0;margin-top:auto}.sufc-card-body.sufc-card-layout-auto .sufc-card-actions .sufc-btn{width:100%;justify-content:center;align-items:center;display:flex;gap:var(--spacing-xs)}.sufc-card-body>*{margin-bottom:var(--spacing-md)}.sufc-card-body>:last-child{margin-bottom:0}.sufc-card-body h1,.sufc-card-body h2,.sufc-card-body h3,.sufc-card-body h4,.sufc-card-body h5,.sufc-card-body h6{margin-bottom:var(--spacing-sm)}.sufc-card-body h1+p,.sufc-card-body h2+p,.sufc-card-body h3+p,.sufc-card-body h4+p,.sufc-card-body h5+p,.sufc-card-body h6+p{margin-top:var(--spacing-xs)}.sufc-card-body p{margin-bottom:var(--spacing-md)}.sufc-card-body p:last-child{margin-bottom:0}.sufc-card-body .sufc-btn{margin-top:auto}.sufc-card-body .sufc-btn:not(:first-child){margin-top:var(--spacing-lg)}.sufc-card-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.sufc-card--elevated{box-shadow:var(--shadow-lg)}.sufc-card--primary{border-color:var(--color-primary);background:linear-gradient(135deg,var(--bg-primary) 0,rgba(30,64,175,.05) 100%)}.sufc-card--success{border-color:var(--color-success);background:linear-gradient(135deg,var(--bg-primary) 0,rgba(5,150,105,.05) 100%)}.sufc-card--warning{border-color:var(--color-warning);background:linear-gradient(135deg,var(--bg-primary) 0,rgba(217,119,6,.05) 100%)}.sufc-card--error{border-color:var(--color-error);background:linear-gradient(135deg,var(--bg-primary) 0,rgba(220,38,38,.05) 100%)}[data-theme=dark] .sufc-card{background:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .sufc-card-footer,[data-theme=dark] .sufc-card-header{background:var(--color-gray-900);border-color:var(--color-gray-700)}[data-theme=dark] .sufc-page-header .page-title{background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent-light));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@supports not (-webkit-background-clip:text){[data-theme=dark] .sufc-page-header .page-title{color:var(--color-primary-light);background:none}}[data-theme=light] .sufc-page-header .page-title{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:var(--color-gray-900);background-clip:unset;color:var(--color-gray-900)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background-color:rgba(30,64,175,.1);color:var(--color-primary);border:1px solid rgba(30,64,175,.2)}.badge-success{background-color:rgba(5,150,105,.1);color:var(--color-success);border:1px solid rgba(5,150,105,.2)}.badge-warning{background-color:rgba(217,119,6,.1);color:var(--color-warning);border:1px solid rgba(217,119,6,.2)}.badge-error{background-color:rgba(220,38,38,.1);color:var(--color-error);border:1px solid rgba(220,38,38,.2)}.role-indicator{display:inline-flex;align-items:center;margin-left:.5rem;padding:.15rem .6rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;vertical-align:middle;white-space:nowrap}.role-indicator.admin{background:rgba(239,68,68,.15);color:var(--danger);border:1px solid rgba(239,68,68,.3)}.role-indicator.coach{background:rgba(30,41,59,.15);color:var(--color-navy-light);border:1px solid rgba(30,41,59,.3)}.role-indicator.player{background:rgba(34,197,94,.15);color:var(--success);border:1px solid rgba(34,197,94,.3)}.role-indicator.author{background:rgba(168,85,247,.15);color:#a855f7;border:1px solid rgba(168,85,247,.3)}.input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);min-height:2.75rem}.input:focus{outline:none;border-color:var(--color-navy);box-shadow:0 0 0 3px rgba(15,23,42,.1)}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{border-color:var(--color-navy)!important;box-shadow:0 0 0 3px rgba(15,23,42,.1)!important}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-input::-moz-placeholder{color:var(--text-tertiary)}.form-input::placeholder{color:var(--text-tertiary)}.sufc-form-group{margin-bottom:var(--spacing-lg)}.sufc-form-group:last-child{margin-bottom:0}.sufc-form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.sufc-form-input,.sufc-form-select,.sufc-form-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-family:var(--font-family-primary);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);transition:all .2s ease}.sufc-form-input:focus,.sufc-form-select:focus,.sufc-form-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px rgba(59,130,246,.1)}.sufc-form-input::-moz-placeholder,.sufc-form-select::-moz-placeholder,.sufc-form-textarea::-moz-placeholder{color:var(--text-tertiary)}.sufc-form-input::placeholder,.sufc-form-select::placeholder,.sufc-form-textarea::placeholder{color:var(--text-tertiary)}.sufc-form-input--error,.sufc-form-select--error,.sufc-form-textarea--error{border-color:var(--color-error)}.sufc-form-input--error:focus,.sufc-form-select--error:focus,.sufc-form-textarea--error:focus{border-color:var(--color-error);box-shadow:0 0 0 2px rgba(220,38,38,.1)}.sufc-form-textarea{resize:vertical;min-height:100px}.sufc-form-error{color:var(--color-error)}.sufc-form-error,.sufc-form-help{display:block;font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.sufc-form-help{color:var(--text-tertiary)}[data-theme=dark] .input,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:rgba(15,23,42,.6);border-color:var(--border-color);color:var(--text-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=dark] .input::-moz-placeholder,[data-theme=dark] input::-moz-placeholder,[data-theme=dark] select::-moz-placeholder,[data-theme=dark] textarea::-moz-placeholder{color:var(--text-muted)}[data-theme=dark] .input::placeholder,[data-theme=dark] input::placeholder,[data-theme=dark] select::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-muted)}[data-theme=dark] .sufc-form-input,[data-theme=dark] .sufc-form-select,[data-theme=dark] .sufc-form-textarea{background:var(--color-gray-800);border-color:var(--color-gray-700);color:var(--text-inverse)}[data-theme=dark] .sufc-form-input::-moz-placeholder,[data-theme=dark] .sufc-form-select::-moz-placeholder,[data-theme=dark] .sufc-form-textarea::-moz-placeholder{color:var(--color-gray-400)}[data-theme=dark] .sufc-form-input::placeholder,[data-theme=dark] .sufc-form-select::placeholder,[data-theme=dark] .sufc-form-textarea::placeholder{color:var(--color-gray-400)}[data-theme=dark] .sufc-form-input:focus,[data-theme=dark] .sufc-form-select:focus,[data-theme=dark] .sufc-form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(59,130,246,.2)}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}[data-theme=dark] .form-select option,[data-theme=dark] select option{background:#1e293b;color:#e2e8f0}.table{width:100%;border-collapse:collapse;background-color:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.table th{background-color:var(--bg-secondary);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-secondary)}.table td,.table th{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-primary)}.table td{color:var(--text-primary)}.table tbody tr:hover{background-color:var(--bg-secondary)}.table tbody tr:last-child td{border-bottom:none}.sufc-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.sufc-table-container table{min-width:100%;max-width:none}.coach-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -var(--spacing-md);padding:0 var(--spacing-md)}@media(min-width:768px){.coach-table-container{margin:0;padding:0}}.icon-xs{width:1rem;height:1rem}.icon-sm{width:1.25rem;height:1.25rem}.icon-md{width:1.5rem;height:1.5rem}.icon-lg{width:2rem;height:2rem}.icon-xl{width:2.5rem;height:2.5rem}.sufc-feature-icon,.sufc-section-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:rgba(100,116,139,.1);border-radius:var(--radius-full);margin:0 auto var(--spacing-md);transition:none}.sufc-feature-icon svg,.sufc-section-icon svg{width:24px;height:24px;color:var(--color-gray-600);transition:none}html:not([data-theme=dark]) .sufc-feature-icon,html:not([data-theme=dark]) .sufc-section-icon{background:rgba(100,116,139,.1)!important}html:not([data-theme=dark]) .sufc-feature-icon svg,html:not([data-theme=dark]) .sufc-hero-icon-svg,html:not([data-theme=dark]) .sufc-section-icon svg{color:var(--color-gray-600)!important}html:not([data-theme=dark]) .sufc-card:hover .sufc-feature-icon,html:not([data-theme=dark]) .sufc-card:hover .sufc-section-icon{background:rgba(100,116,139,.1)!important;transform:none!important}html:not([data-theme=dark]) .sufc-card:hover .sufc-feature-icon svg,html:not([data-theme=dark]) .sufc-card:hover .sufc-section-icon svg{color:var(--color-gray-600)!important}[data-theme=dark] .sufc-section-icon{background:var(--primary-light)}[data-theme=dark] .sufc-section-icon svg{color:var(--color-gray-300)}[data-theme=dark] .sufc-feature-icon{background:rgba(148,163,184,.15)}[data-theme=dark] .sufc-feature-icon svg{color:var(--color-secondary-light)}[data-theme=dark] .sufc-hero-icon-svg{color:var(--color-accent-light)}[data-theme=dark] .sufc-card:hover .sufc-section-icon{background:rgba(30,41,59,.4)}[data-theme=dark] .sufc-card:hover .sufc-section-icon svg{color:var(--color-gray-200)}[data-theme=dark] .sufc-card:hover .sufc-feature-icon{background:rgba(148,163,184,.25)}[data-theme=dark] .sufc-card:hover .sufc-feature-icon svg{color:var(--color-secondary)}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:200px;padding:2rem}@media(max-width:768px){.loading-spinner{min-height:150px;padding:1rem}}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.spinner{width:32px;height:32px;border-width:3px}}[data-theme=dark] .spinner{border-color:#0d6efd #333 #333}.loading-skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}.status-online{width:8px;height:8px;display:inline-block;position:relative}.status-online,.status-online:after{background-color:var(--color-success);border-radius:var(--radius-full)}.status-online:after{content:"";position:absolute;width:100%;height:100%;animation:pulse-ring 2s infinite}.shadow-xs{box-shadow:var(--shadow-xs)!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-xl{box-shadow:var(--shadow-xl)!important}.shadow-2xl{box-shadow:var(--shadow-2xl)!important}.shadow-3xl{box-shadow:var(--shadow-3xl)!important}.shadow-none{box-shadow:none!important}.shadow-inner{box-shadow:var(--shadow-inner)!important}.shadow-inner-lg{box-shadow:var(--shadow-inner-lg)!important}.shadow-primary-sm{box-shadow:var(--shadow-primary-sm)!important}.shadow-primary-md{box-shadow:var(--shadow-primary-md)!important}.shadow-primary-lg{box-shadow:var(--shadow-primary-lg)!important}.shadow-success-sm{box-shadow:var(--shadow-success-sm)!important}.shadow-success-md{box-shadow:var(--shadow-success-md)!important}.shadow-warning-sm{box-shadow:var(--shadow-warning-sm)!important}.shadow-warning-md{box-shadow:var(--shadow-warning-md)!important}.shadow-danger-sm{box-shadow:var(--shadow-danger-sm)!important}.shadow-danger-md{box-shadow:var(--shadow-danger-md)!important}.glow-primary{box-shadow:var(--glow-primary)!important}.glow-success{box-shadow:var(--glow-success)!important}.glow-warning{box-shadow:var(--glow-warning)!important}.glow-danger{box-shadow:var(--glow-danger)!important}.elevation-0{box-shadow:none;transform:translateZ(0)}.elevation-1{box-shadow:var(--shadow-sm)}.elevation-1,.elevation-2{transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.elevation-2{box-shadow:var(--shadow-md)}.elevation-3{box-shadow:var(--shadow-lg)}.elevation-3,.elevation-4{transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.elevation-4{box-shadow:var(--shadow-xl)}.elevation-5{box-shadow:var(--shadow-2xl)}.elevation-5,.elevation-6{transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.elevation-6{box-shadow:var(--shadow-3xl)}.elevation-hover-1:hover{box-shadow:var(--shadow-md)}.elevation-hover-2:hover{box-shadow:var(--shadow-lg)}.elevation-hover-3:hover{box-shadow:var(--shadow-xl)}.elevation-hover-4:hover{box-shadow:var(--shadow-2xl)}.depth-layered{box-shadow:0 1px 1px rgba(0,0,0,.08),0 2px 2px rgba(0,0,0,.08),0 4px 4px rgba(0,0,0,.08),0 8px 8px rgba(0,0,0,.08)}.depth-3d{box-shadow:0 2px 4px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.1),0 16px 32px rgba(0,0,0,.1);transform:perspective(1000px) rotateX(0deg);transition:all .3s cubic-bezier(.4,0,.2,1)}.depth-3d:hover{transform:perspective(1000px) rotateX(2deg);box-shadow:0 4px 8px rgba(0,0,0,.12),0 12px 24px rgba(0,0,0,.12),0 24px 48px rgba(0,0,0,.12)}.depth-pressed{box-shadow:var(--shadow-inner);transform:scale(.98)}.depth-neumorphism{background:var(--bg-primary);box-shadow:8px 8px 16px rgba(0,0,0,.1),-8px -8px 16px rgba(255,255,255,.7);border-radius:var(--radius-xl)}[data-theme=dark] .depth-neumorphism{box-shadow:8px 8px 16px rgba(0,0,0,.4),-8px -8px 16px rgba(255,255,255,.05)}.depth-glass{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px 0 rgba(0,0,0,.1),inset 0 1px 0 0 rgba(255,255,255,.3)}[data-theme=dark] .depth-glass{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px 0 rgba(0,0,0,.3),inset 0 1px 0 0 rgba(255,255,255,.1)}.z-base{z-index:var(--z-base)}.z-raised{z-index:var(--z-raised)}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-modal-backdrop{z-index:var(--z-modal-backdrop)}.z-modal{z-index:var(--z-modal)}.z-popover{z-index:var(--z-popover)}.z-tooltip{z-index:var(--z-tooltip)}.z-notification{z-index:var(--z-notification)}.card-depth-interactive{box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.card-depth-interactive:hover{box-shadow:var(--shadow-xl)}.button-depth,.card-depth-interactive:active{box-shadow:var(--shadow-sm)}.button-depth{transition:all .2s cubic-bezier(.4,0,.2,1)}.button-depth:hover:not(:disabled){box-shadow:var(--shadow-md)}.button-depth:active:not(:disabled){box-shadow:var(--shadow-xs)}.modal-depth{box-shadow:var(--shadow-2xl);z-index:var(--z-modal)}.dropdown-depth{box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.tooltip-depth{box-shadow:var(--shadow-md);z-index:var(--z-tooltip)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal,1000);padding:var(--space-4);animation:fadeIn .2s ease-out;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-width:48rem){.modal-overlay{align-items:flex-start;padding:var(--space-4) var(--space-2)}}.modal-content{background:var(--modal-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:0;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);animation:slideUp .25s ease-out;position:relative;margin:auto}@media(max-width:48rem){.modal-content{max-height:calc(100vh - 2rem);border-radius:var(--radius-lg);margin:.5rem auto}}.modal-header{justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color);gap:var(--space-4)}.modal-header,.modal-title{display:flex;align-items:center}.modal-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold,600);color:var(--text-primary)}.modal-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--space-1) 0 0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:rgba(0,0,0,0);color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}@media(max-width:48rem){.modal-close{width:40px;height:40px}}.modal-body{padding:var(--space-6)}@media(max-width:48rem){.modal-body{padding:var(--space-4)}}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6)}@media(max-width:48rem){.modal-actions{flex-direction:column}}.modal-loading{text-align:center;padding:var(--space-8);color:var(--text-secondary)}.sufc-app-container{min-height:100vh;min-height:100svh;background:rgba(0,0,0,0);color:var(--text-primary);transition:color .3s ease;width:100%;max-width:100vw;display:flex;flex-direction:column;margin:0;padding:0}.sufc-app-container[data-theme=dark]{background:rgba(0,0,0,0);color:#f8fafc}.sufc-main-content{flex:1;width:100%;max-width:100%;overflow-x:hidden;background:rgba(0,0,0,0);min-height:calc(100vh - var(--navbar-height, 3.5rem));min-height:calc(100svh - var(--navbar-height, 3.5rem));padding-top:calc(var(--navbar-height, 3.5rem) + env(safe-area-inset-top, 0))}@media(max-width:640px){.sufc-main-content{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}}[data-theme=dark] .sufc-main-content{background:rgba(0,0,0,0)}.sufc-page-container{margin:0 auto;max-width:1200px;min-height:100vh;min-height:100svh;padding:var(--spacing-lg) var(--spacing-md);padding-top:calc(var(--navbar-height, 4rem) + var(--spacing-xl));padding-bottom:var(--spacing-xl);width:100%}@media(max-width:640px){.sufc-page-container{padding:var(--spacing-md) var(--spacing-sm);padding-top:calc(var(--navbar-height, 4rem) + var(--spacing-xl))}}@media(min-width:768px){.sufc-page-container{padding:var(--spacing-xl) var(--spacing-lg)}}@media(min-width:1024px){.sufc-page-container{padding:var(--spacing-2xl) var(--spacing-xl)}}[data-theme=dark] .sufc-page-container{color:var(--color-white)}.page-header,.sufc-page-header{text-align:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}@media(min-width:768px){.page-header,.sufc-page-header{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) 0}}@media(min-width:1024px){.page-header,.sufc-page-header{margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl) 0}}.page-header .page-title,.sufc-page-header .page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media(max-width:768px){.page-header .page-title,.sufc-page-header .page-title{font-size:var(--font-size-3xl)}}.page-header .page-subtitle,.sufc-page-header .page-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:42rem;margin:0 auto;line-height:var(--line-height-relaxed)}.sufc-page-content{width:100%;max-width:100%;overflow-x:hidden;margin-bottom:var(--spacing-3xl)}.sufc-club-history-page-wrapper{padding:var(--spacing-md)}@media(min-width:768px){.sufc-club-history-page-wrapper{padding:var(--spacing-lg)}}.team-highlights-container{overflow-x:hidden;max-width:100%}@supports(min-height:100svh){#root,.admin-container,.article-manager,.checkout-container,.coach-invite-accept,.coming-soon-page,.contact-admin-page,.faq-container,.invitation-accept,.legal-page,.main-content,.match-container,.match-results-container,.register-container,.search-page,.squad-lineup-manager,.store-container,.sufc-app-container,.sufc-main-content,.sufc-page-container,.team-highlights-page,.team-invite-accept{min-height:100svh}}.sufc-grid{display:grid;gap:var(--spacing-lg);width:100%;max-width:100%}.sufc-grid>*{height:100%;min-height:280px}.sufc-grid--1{grid-template-columns:1fr}.sufc-grid--2{grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.sufc-grid--2{grid-template-columns:1fr}}.sufc-grid--3{grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.sufc-grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sufc-grid--3{grid-template-columns:1fr}}.sufc-grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.sufc-grid--4{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.sufc-grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.sufc-grid--4{grid-template-columns:1fr}}.sufc-grid--auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.sufc-grid--responsive{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:640px){.sufc-grid--responsive{grid-template-columns:1fr;gap:var(--spacing-md)}}.sufc-grid--gap-sm{gap:var(--spacing-sm)}.sufc-grid--gap-md{gap:var(--spacing-md)}.sufc-grid--gap-lg{gap:var(--spacing-lg)}.sufc-grid--gap-xl{gap:var(--spacing-xl)}.sufc-flex{display:flex}.sufc-flex--center{align-items:center;justify-content:center}.sufc-flex--between{justify-content:space-between}.sufc-flex--around{justify-content:space-around}.sufc-flex--column{flex-direction:column}.sufc-flex--wrap{flex-wrap:wrap}.sufc-flex--gap-sm{gap:var(--spacing-sm)}.sufc-flex--gap-md{gap:var(--spacing-md)}.sufc-flex--gap-lg{gap:var(--spacing-lg)}.sufc-social-media-horizontal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);max-width:800px;margin:0 auto}@media(max-width:640px){.sufc-social-media-horizontal-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);max-width:400px}}@media(min-width:768px){.sufc-social-media-horizontal-grid{grid-template-columns:repeat(6,1fr);gap:var(--spacing-lg)}}.modern-navbar{justify-content:space-between;padding:env(safe-area-inset-top) max(1rem,env(safe-area-inset-right)) 0 max(1rem,env(safe-area-inset-left));height:calc(3.5rem + env(safe-area-inset-top));background-color:rgba(15,23,42,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);position:fixed;top:0;left:0;right:0;z-index:50;color:#fff;box-sizing:border-box}.modern-navbar,.navbar-left{display:flex;align-items:center}.navbar-left{gap:.75rem;flex:0 1 auto;min-width:0;overflow:hidden}.menu-toggle-button{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:none;border:none;color:#cbd5e1;cursor:pointer;border-radius:.375rem;transition:all .15s ease;flex-shrink:0}.menu-toggle-button:hover{background:rgba(255,255,255,.1);color:#fff}.menu-toggle-button svg{width:1.25rem;height:1.25rem}@media(max-width:768px){.menu-toggle-button{width:2.75rem;height:2.75rem}.menu-toggle-button svg{width:1.4rem;height:1.4rem}}.brand-link{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:#fff;font-weight:600;font-size:1.15rem;transition:color .2s ease;min-width:0}.brand-link:hover{color:#6b8cff}.brand-link .brand-logo{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;flex-shrink:0}.brand-link .brand-logo .logo-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.brand-link .brand-text{font-family:var(--font-display),"Oswald",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:600px){.brand-link .brand-text{display:none}}.navbar-desktop-nav{display:none}@media(min-width:1024px){.navbar-desktop-nav{display:flex;align-items:center;gap:.25rem;margin:0 auto}}.navbar-desktop-nav-link{padding:.45rem .9rem;border-radius:.375rem;color:rgba(255,255,255,.75);text-decoration:none;font-size:.875rem;font-weight:500;white-space:nowrap;transition:all .15s ease}.navbar-desktop-nav-link:hover{color:#fff;background:rgba(255,255,255,.1)}.navbar-desktop-nav-link--active{color:#fff;background:rgba(255,255,255,.15);font-weight:600}.navbar-right{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;margin-left:auto}.navbar-search-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:6px;color:#94a3b8;transition:color .15s ease,background .15s ease}.navbar-search-button svg{width:1.1rem;height:1.1rem}.navbar-search-button:hover{color:#f1f5f9;background:rgba(107,140,255,.12)}@media(max-width:768px){.navbar-search-button{width:2.5rem;height:2.5rem}.navbar-search-button svg{width:1.3rem;height:1.3rem}}.user-section{gap:.5rem;flex-wrap:nowrap}.user-avatar,.user-section{display:flex;align-items:center}.user-avatar{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,#475569,#1e293b);justify-content:center;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase}@media(max-width:768px){.user-avatar{width:2.25rem;height:2.25rem;font-size:.8rem}}.user-name{font-size:.85rem;color:#cbd5e1;font-weight:500}@media(max-width:640px){.user-name{display:none}}.logout-button{display:flex;align-items:center;gap:.35rem;padding:.35rem .65rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:.375rem;color:#fca5a5;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.logout-button svg{width:.9rem;height:.9rem}.logout-button:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.5);color:#fecaca}@media(max-width:480px){.logout-button span{display:none}.logout-button{padding:.35rem}}.login-button{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:.375rem;color:#e2e8f0;text-decoration:none;font-size:.85rem;font-weight:500;transition:all .15s ease}.login-button svg{width:1rem;height:1rem}.login-button:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35);color:#fff}:root{--navbar-height:4rem}.sufc-navbar{background-color:rgba(255,255,255,.05);color:var(--text-primary);padding:0;position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);height:var(--navbar-height)}.sufc-navbar-container{max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);height:100%;position:relative}.sufc-navbar-left{display:flex;align-items:center;gap:var(--spacing-lg)}@media(max-width:768px){.sufc-navbar-brand--desktop{display:none}}.sufc-navbar-brand .brand-link{color:var(--text-primary);text-decoration:none;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);transition:color .2s ease;display:flex;align-items:center;gap:var(--spacing-md)}.sufc-navbar-brand .brand-link:hover{color:var(--color-primary)}.sufc-navbar-brand .brand-link .brand-logo{width:2rem;height:2rem;color:var(--color-primary)}.sufc-navbar-brand .brand-link .brand-text{font-weight:var(--font-weight-extrabold);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.sufc-navbar-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.sufc-navbar-center--mobile{display:none}@media(max-width:768px){.sufc-navbar-center--mobile{display:block}}.sufc-navbar-center .brand-link-mobile{color:var(--text-primary);text-decoration:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);transition:color .2s ease}.sufc-navbar-center .brand-link-mobile:hover{color:var(--color-primary)}.sufc-navbar-center .brand-link-mobile .brand-text-mobile{font-weight:var(--font-weight-extrabold);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;white-space:nowrap}.sufc-navbar-controls{display:flex;align-items:center;gap:var(--spacing-lg)}@media(max-width:768px){.sufc-navbar-controls--desktop{display:none}}.sufc-navbar-controls--mobile{display:none}@media(max-width:768px){.sufc-navbar-controls--mobile{display:flex;align-items:center;gap:var(--spacing-sm)}.sufc-navbar-controls{gap:var(--spacing-sm)}}.sufc-navbar-logout-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background-color .2s ease;width:40px;height:40px;color:var(--text-primary)}.sufc-navbar-logout-btn:hover{background-color:var(--bg-secondary)}.sufc-navbar-logout-btn:focus{outline:2px solid var(--border-focus);outline-offset:2px}.sufc-navbar-logout-btn svg{flex-shrink:0}.sufc-navbar-btn--mobile{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;min-height:40px;display:flex;align-items:center}.sufc-navbar-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background-color .2s ease;width:40px;height:40px}.sufc-navbar-toggle:hover{background-color:var(--bg-secondary)}.sufc-navbar-toggle:focus{outline:2px solid var(--border-focus);outline-offset:2px}.sufc-navbar-toggle span{width:18px;height:2px;background-color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center;border-radius:1px}.sufc-navbar-toggle span:first-child,.sufc-navbar-toggle span:nth-child(3){transform-origin:center}.sufc-navbar-language-select{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease;font-family:var(--font-family-primary)}.sufc-navbar-language-select:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.sufc-navbar-language-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px rgba(15,23,42,.2)}.sufc-navbar-language-select option{background-color:var(--bg-primary);color:var(--text-primary)}@media(max-width:768px){.sufc-navbar-language-select{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}}.sufc-navbar-theme-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background-color .2s ease;width:40px;height:40px}.sufc-navbar-theme-toggle:hover{background-color:var(--bg-secondary)}.sufc-navbar-theme-toggle:focus{outline:2px solid var(--border-focus);outline-offset:2px}.sufc-navbar-theme-toggle .icon{width:1.25rem;height:1.25rem;transition:color .2s ease}@media(max-width:768px){.sufc-navbar-theme-toggle{padding:var(--spacing-xs)}}.sufc-navbar-user-menu{display:flex;align-items:center;gap:var(--spacing-md)}.sufc-navbar-user-menu .user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}@media(max-width:768px){.sufc-navbar-user-menu .user-name{display:none}}.sufc-navbar-user-menu .user-avatar{width:2rem;height:2rem;border-radius:var(--radius-full);background-color:var(--color-primary);display:flex;justify-content:center;font-weight:var(--font-weight-semibold)}.sufc-navbar-btn,.sufc-navbar-user-menu .user-avatar{align-items:center;color:var(--text-inverse);font-size:var(--font-size-sm)}.sufc-navbar-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:none;display:inline-flex;gap:var(--spacing-xs);transition:all .2s ease;font-family:var(--font-family-primary);white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.sufc-navbar-btn:hover{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));box-shadow:var(--shadow-md)}.sufc-navbar-btn:focus{outline:2px solid var(--border-focus);outline-offset:2px}.sufc-navbar-btn--secondary{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}.sufc-navbar-btn--secondary:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.sufc-navbar-btn--small{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);min-height:40px;height:40px}@media(max-width:768px){.sufc-navbar-btn--small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-2xs);min-height:40px}}.sufc-navbar-nav{display:none}@media(min-width:1024px){.sufc-navbar-nav{display:flex;align-items:center;gap:var(--spacing-lg)}}.sufc-navbar-nav-link{color:var(--text-secondary);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .2s ease}.sufc-navbar-nav-link:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.sufc-navbar-nav-link--active{color:var(--color-primary);background-color:var(--bg-secondary)}[data-theme=dark] .sufc-navbar{background-color:var(--bg-primary);border-bottom-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .sufc-navbar-brand .brand-link{color:var(--text-primary)}[data-theme=dark] .sufc-navbar-brand .brand-link:hover{color:var(--color-primary-light)}[data-theme=dark] .sufc-navbar-brand .brand-link .brand-text{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}[data-theme=dark] .sufc-navbar-toggle:hover{background-color:var(--bg-secondary)}[data-theme=dark] .sufc-navbar-toggle span{background-color:var(--text-primary)}[data-theme=dark] .sufc-navbar-language-select{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .sufc-navbar-language-select:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}[data-theme=dark] .sufc-navbar-language-select option{background-color:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .sufc-navbar-theme-toggle{color:var(--text-primary)}[data-theme=dark] .sufc-navbar-theme-toggle:hover{background-color:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .sufc-navbar-theme-toggle .icon,[data-theme=dark] .sufc-navbar-user-menu .user-name{color:var(--text-primary)}[data-theme=dark] .sufc-navbar-btn--secondary{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .sufc-navbar-btn--secondary:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}[data-theme=dark] .sufc-navbar-nav-link{color:var(--text-secondary)}[data-theme=dark] .sufc-navbar-nav-link:hover{color:var(--text-primary);background-color:var(--bg-secondary)}[data-theme=dark] .sufc-navbar-nav-link--active{color:var(--color-primary-light);background-color:var(--bg-secondary)}[data-theme=light] .sufc-navbar,html:not([data-theme]) .sufc-navbar{background-color:var(--bg-primary);border-bottom-color:var(--border-primary);color:var(--text-primary)}[data-theme=light] .sufc-navbar-brand .brand-link,html:not([data-theme]) .sufc-navbar-brand .brand-link{color:var(--text-primary)}[data-theme=light] .sufc-navbar-brand .brand-link:hover,html:not([data-theme]) .sufc-navbar-brand .brand-link:hover{color:var(--color-primary)}[data-theme=light] .sufc-navbar-brand .brand-link .brand-text,html:not([data-theme]) .sufc-navbar-brand .brand-link .brand-text{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}[data-theme=light] .sufc-navbar-toggle:hover,html:not([data-theme]) .sufc-navbar-toggle:hover{background-color:var(--bg-secondary)}[data-theme=light] .sufc-navbar-toggle span,html:not([data-theme]) .sufc-navbar-toggle span{background-color:var(--text-primary)}[data-theme=light] .sufc-navbar-language-select,html:not([data-theme]) .sufc-navbar-language-select{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=light] .sufc-navbar-language-select:hover,html:not([data-theme]) .sufc-navbar-language-select:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}[data-theme=light] .sufc-navbar-language-select option,html:not([data-theme]) .sufc-navbar-language-select option{background-color:var(--bg-primary);color:var(--text-primary)}[data-theme=light] .sufc-navbar-theme-toggle,html:not([data-theme]) .sufc-navbar-theme-toggle{color:var(--text-primary)}[data-theme=light] .sufc-navbar-theme-toggle:hover,html:not([data-theme]) .sufc-navbar-theme-toggle:hover{background-color:var(--bg-secondary)}[data-theme=light] .sufc-navbar-theme-toggle .icon svg,[data-theme=light] .sufc-navbar-theme-toggle svg,html:not([data-theme]) .sufc-navbar-theme-toggle .icon svg,html:not([data-theme]) .sufc-navbar-theme-toggle svg{color:inherit}[data-theme=light] .sufc-navbar-theme-toggle .icon svg [fill="#FFD600"],[data-theme=light] .sufc-navbar-theme-toggle .icon svg[fill="#FFD600"],[data-theme=light] .sufc-navbar-theme-toggle svg [fill="#FFD600"],[data-theme=light] .sufc-navbar-theme-toggle svg[fill="#FFD600"],html:not([data-theme]) .sufc-navbar-theme-toggle .icon svg [fill="#FFD600"],html:not([data-theme]) .sufc-navbar-theme-toggle .icon svg[fill="#FFD600"],html:not([data-theme]) .sufc-navbar-theme-toggle svg [fill="#FFD600"],html:not([data-theme]) .sufc-navbar-theme-toggle svg[fill="#FFD600"]{fill:#ffd600!important}[data-theme=light] .sufc-navbar-user-menu .user-name,html:not([data-theme]) .sufc-navbar-user-menu .user-name{color:var(--text-secondary)}[data-theme=light] .sufc-navbar-btn--secondary,html:not([data-theme]) .sufc-navbar-btn--secondary{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=light] .sufc-navbar-btn--secondary:hover,html:not([data-theme]) .sufc-navbar-btn--secondary:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}[data-theme=light] .sufc-navbar-nav-link,html:not([data-theme]) .sufc-navbar-nav-link{color:var(--text-secondary)}[data-theme=light] .sufc-navbar-nav-link:hover,html:not([data-theme]) .sufc-navbar-nav-link:hover{color:var(--text-primary);background-color:var(--bg-secondary)}[data-theme=light] .sufc-navbar-nav-link--active,html:not([data-theme]) .sufc-navbar-nav-link--active{color:var(--color-primary);background-color:var(--bg-secondary)}.sufc-mobile-menu-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background-color:rgba(0,0,0,.5)!important;z-index:9999!important;animation:fadeIn .3s ease-out!important;cursor:pointer!important}.sufc-mobile-menu-close{background:none!important;border:none!important;font-size:var(--font-size-2xl)!important;cursor:pointer!important;color:var(--text-secondary)!important;padding:var(--spacing-md)!important;border-radius:var(--radius-md)!important;transition:all .2s ease!important;min-width:44px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}@media(min-width:768px){.sufc-mobile-menu-close{font-size:var(--font-size-3xl)!important;padding:var(--spacing-lg)!important;min-width:56px!important;min-height:56px!important}}.sufc-mobile-menu-close:hover{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] .sufc-sidebar{background-color:rgba(15,23,42,.75)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-right:1px solid rgba(255,255,255,.08)!important}[data-theme=dark] .sufc-sidebar-nav-link{color:var(--color-gray-50)!important;font-weight:500!important}[data-theme=dark] .sufc-sidebar-nav-link:hover{color:var(--color-white)!important;background-color:rgba(30,41,59,.5)!important;border-left-color:var(--color-gray-300)!important}[data-theme=dark] .sufc-sidebar-nav-link--active{color:var(--color-gray-200)!important;background-color:rgba(30,41,59,.6)!important;border-left-color:var(--color-gray-300)!important;font-weight:600!important}[data-theme=dark] .sufc-sidebar-header{background-color:rgba(15,23,42,.75)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}[data-theme=dark] .sufc-sidebar-header .sidebar-title{color:var(--color-gray-50)!important;font-weight:600!important}[data-theme=dark] .sufc-sidebar-header .sidebar-close{color:var(--color-gray-300)!important}[data-theme=dark] .sufc-sidebar-header .sidebar-close:hover{color:var(--color-gray-50)!important;background-color:rgba(255,255,255,.1)!important}[data-theme=dark] .section-title{color:var(--color-gray-400)!important;font-weight:600!important}.sidebar-backdrop{inset:0;background:rgba(0,0,0,.5);z-index:40;animation:fadeIn .2s ease}.sidebar,.sidebar-backdrop{position:fixed;top:calc(3.5rem + env(safe-area-inset-top))}.sidebar{left:0;bottom:0;width:260px;background:rgba(15,23,42,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid rgba(255,255,255,.08);z-index:45;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden}.sidebar.open{transform:translateX(0)}@media(max-width:360px){.sidebar{width:min(88vw,320px)}}@media(min-width:361px)and (max-width:400px){.sidebar{width:min(85vw,340px)}}@media(min-width:401px)and (max-width:480px){.sidebar{width:min(82vw,380px)}}@media(min-width:481px)and (max-width:768px){.sidebar{width:min(65vw,340px)}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .5rem;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-header .sidebar-title{color:#cbd5e1;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.sidebar-header .sidebar-close{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:none;border:none;color:#cbd5e1;cursor:pointer;border-radius:.375rem;transition:all .15s ease}.sidebar-header .sidebar-close:hover{background:rgba(255,255,255,.1);color:#fff}.sidebar-header .sidebar-close svg{width:1rem;height:1rem}.sidebar-nav{flex:1;padding:.5rem 0;overflow-y:auto}.sidebar-section{padding:.25rem .75rem}.sidebar-section+.sidebar-section{border-top:1px solid rgba(255,255,255,.08);margin-top:.25rem;padding-top:.5rem}.sidebar-section-title{display:block;font-size:.65rem;font-weight:600;color:rgba(148,163,184,.6);text-transform:uppercase;letter-spacing:.1em;padding:.4rem .5rem .3rem}.sidebar-nav-item{display:flex;align-items:center;gap:.65rem;padding:.5rem .75rem;border-radius:.5rem;color:#cbd5e1;text-decoration:none;font-size:.85rem;font-weight:450;transition:all .15s ease;margin:1px 0}.sidebar-nav-item .sidebar-icon{width:1.1rem;height:1.1rem;flex-shrink:0;stroke-width:1.75}.sidebar-nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.sidebar-nav-item.active{background:rgba(47,93,212,.18);color:#fff;border-left:2px solid #2f5dd4;padding-left:.625rem}.sidebar-nav-item.active .sidebar-icon{color:#6b8cff}.sidebar-nav-group{margin:1px 0}.sidebar-nav-parent{width:100%;border:none;background:none;cursor:pointer;text-align:left}.sidebar-nav-parent .sidebar-nav-label{flex:1}.sidebar-chevron{width:.9rem;height:.9rem;flex-shrink:0;margin-left:auto;transition:transform .2s ease;opacity:.5}.sidebar-chevron--open{transform:rotate(90deg)}.sidebar-chevron--sm{width:.75rem;height:.75rem}.sidebar-submenu{max-height:0;overflow:hidden;transition:max-height .25s ease}.sidebar-submenu--open{max-height:600px}.sidebar-submenu--nested{padding-left:.5rem}.sidebar-submenu-parent{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:none;cursor:pointer;padding:.4rem .75rem .4rem 2.25rem;border-radius:.375rem;color:#cbd5e1;font-size:.8rem;font-weight:500;transition:all .15s ease}.sidebar-submenu-parent:hover{background:rgba(255,255,255,.06);color:#fff}.sidebar-submenu-parent.active{color:#fff}.sidebar-submenu-item{display:block;padding:.35rem .75rem .35rem 2.75rem;border-radius:.375rem;color:rgba(148,163,184,.8);text-decoration:none;font-size:.78rem;font-weight:400;transition:all .15s ease}.sidebar-submenu-item:hover{background:rgba(255,255,255,.04);color:#fff}.sidebar-submenu-item.active{color:#fff;background:rgba(59,130,246,.08)}.sidebar-footer{border-top:1px solid rgba(255,255,255,.08);padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.sidebar-control{display:flex;align-items:center;justify-content:space-between}.sidebar-control .sidebar-control-label{font-size:.7rem;font-weight:600;color:rgba(148,163,184,.6);text-transform:uppercase;letter-spacing:.08em}.sidebar-language-buttons{display:flex;gap:.25rem}.sidebar-language-buttons .lang-button{padding:.25rem .4rem;background:rgba(255,255,255,.05);border:1px solid rgba(0,0,0,0);border-radius:.375rem;font-size:1rem;color:#cbd5e1;cursor:pointer;transition:all .15s ease;line-height:1}.sidebar-language-buttons .lang-button:hover{background:rgba(255,255,255,.1)}.sidebar-language-buttons .lang-button.active{background:rgba(47,93,212,.18);border-color:#fff}.sidebar-theme-toggle{display:flex;align-items:center;gap:.4rem;padding:.35rem .65rem;background:rgba(255,255,255,.05);border:1px solid rgba(0,0,0,0);border-radius:.375rem;color:#cbd5e1;cursor:pointer;font-size:.8rem;transition:all .15s ease}.sidebar-theme-toggle .sidebar-icon{width:.9rem;height:.9rem}.sidebar-theme-toggle:hover{background:rgba(255,255,255,.1);color:#fff}@media(max-width:768px){.sidebar-header{padding:1.25rem 1.25rem .75rem}.sidebar-title{font-size:.78rem}.sidebar-close{width:2.25rem;height:2.25rem}.sidebar-close svg{width:1.15rem;height:1.15rem}.sidebar-section-title{font-size:.72rem;padding:.5rem .5rem .35rem}.sidebar-nav-item{gap:.85rem;padding:.75rem .85rem;font-size:.95rem}.sidebar-nav-item .sidebar-icon{width:1.3rem;height:1.3rem}.sidebar-nav-item.active{padding-left:.725rem}.sidebar-chevron{width:1.05rem;height:1.05rem}.sidebar-submenu-parent{padding:.55rem .85rem .55rem 2.6rem;font-size:.9rem}.sidebar-submenu-item{padding:.5rem .85rem .5rem 3.1rem;font-size:.88rem}.sidebar-footer{padding:1rem;gap:.85rem}.sidebar-control-label{font-size:.75rem}.lang-button{padding:.4rem .6rem;font-size:1.15rem}.sidebar-theme-toggle{padding:.55rem .85rem;font-size:.9rem}.sidebar-theme-toggle .sidebar-icon{width:1.05rem;height:1.05rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}html[data-theme=dark]{background:#000!important;min-height:100vh!important;min-height:100svh!important}html[data-theme=dark] #root,html[data-theme=dark] body{background:rgba(0,0,0,0)!important;color:#e9ecef;min-height:100vh;min-height:100svh}html[data-theme=dark] .main-content{background:rgba(0,0,0,0)!important}html[data-theme=dark] body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.05) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.05) 0,transparent 50%);pointer-events:none;z-index:-1}[data-theme=dark] .description,[data-theme=dark] .sufc-text--secondary,[data-theme=dark] .text-secondary,[data-theme=dark] small{color:var(--color-gray-200)}[data-theme=dark] :where(button,input,textarea,select){color:#e9ecef;background-color:#1a1a1a;border-color:#495057}[data-theme=dark] .sufc-faq-category-btn,[data-theme=dark] .sufc-faq-question{background-color:rgba(0,0,0,0);border-color:inherit}[data-theme=dark] code{background-color:#343a40;color:#e9ecef}[data-theme=dark] ::-webkit-scrollbar-track{background:#343a40}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#6c757d}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#868e96}[data-theme=dark] a{color:var(--color-gray-300)}[data-theme=dark] a:hover{color:var(--color-gray-200)}[data-theme=dark] ::-moz-selection{background-color:var(--color-navy-light);color:#fff}[data-theme=dark] ::selection{background-color:var(--color-navy-light);color:#fff}[data-theme=dark] .faq-item,[data-theme=dark] .featured-card,[data-theme=dark] .form-container,[data-theme=dark] .highlight-card,[data-theme=dark] .method-card,[data-theme=dark] .quick-actions,[data-theme=dark] .section-card,[data-theme=dark] .success-message{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .social-card{border:2px solid rgba(255,255,255,.1)}[data-theme=dark] .filter-tab,[data-theme=dark] .social-card{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}