:root{--color-white:#fff;--color-black:#000;--color-transparent:#0000;--color-white-alpha-10:#ffffff1a;--color-white-alpha-20:#fff3;--color-white-alpha-30:#ffffff4d;--color-white-alpha-40:#fff6;--color-white-alpha-60:#fff9;--color-white-alpha-70:#ffffffb3;--color-white-alpha-75:#ffffffbf;--color-white-alpha-80:#fffc;--color-white-alpha-85:#ffffffd9;--color-white-alpha-90:#ffffffe6;--color-white-alpha-92:#ffffffeb;--color-white-alpha-95:#fffffff2;--color-white-alpha-97:#fffffff7;--color-white-alpha-98:#fffffffa;--color-white-alpha-99:#fffffffc;--color-black-alpha-02:#00000005;--color-black-alpha-03:#00000008;--color-black-alpha-04:#0000000a;--color-black-alpha-05:#0000000d;--color-black-alpha-06:#0000000f;--color-black-alpha-08:#00000014;--color-black-alpha-10:#0000001a;--color-black-alpha-12:#0000001f;--color-black-alpha-20:#0003;--color-black-alpha-30:#0000004d;--color-black-alpha-40:#0006;--color-black-alpha-50:#00000080;--color-black-alpha-60:#0009;--color-black-alpha-80:#000c;--color-bg-dark-alpha-70:#1a202cb3;--color-bg-dark-light-alpha-75:#1e2532bf;--color-bg-dark-overlay:#0f1428cc;--color-accent-alpha-015:rgba(0,217,255,.015);--color-accent-alpha-03:#00d9ff08;--color-accent-alpha-04:#00d9ff0a;--color-accent-alpha-05:#00d9ff0d;--color-accent-alpha-06:#00d9ff0f;--color-accent-alpha-08:#00d9ff14;--color-accent-alpha-10:#00d9ff1a;--color-accent-alpha-12:#00d9ff1f;--color-accent-alpha-15:#00d9ff26;--color-accent-alpha-18:#00d9ff2e;--color-accent-alpha-20:#00d9ff33;--color-accent-alpha-25:#00d9ff40;--color-accent-alpha-30:#00d9ff4d;--color-accent-alpha-35:#00d9ff59;--color-accent-alpha-40:#00d9ff66;--color-accent-alpha-50:#00d9ff80;--color-accent-alpha-60:#00d9ff99;--color-accent-alpha-80:#00d9ffcc;--color-accent-alpha-100:#00d9ff;--color-accent-alt-alpha-03:#0091ea08;--color-accent-alt-alpha-06:#0091ea0f;--color-accent-alt-alpha-08:#0091ea14;--color-accent-alt-alpha-10:#0091ea1a;--color-accent-alt-alpha-12:#0091ea1f;--color-accent-alt-alpha-15:#0091ea26;--color-accent-alt-alpha-18:#0091ea2e;--color-accent-alt-alpha-20:#0091ea33;--color-accent-alt-alpha-25:#0091ea40;--color-accent-alt-alpha-30:#0091ea4d;--color-accent-alt-alpha-40:#0091ea66;--color-accent-alt-alpha-50:#0091ea80;--color-accent-alt-alpha-60:#0091ea99;--color-accent-alt-alpha-80:#0091eacc;--color-accent-alt-alpha-90:#0091eae6;--color-accent-tertiary-alpha-10:#4facfe1a;--color-accent-tertiary-alpha-15:#4facfe26;--color-accent-tertiary-alpha-20:#4facfe33;--color-accent-secondary-alpha-10:#7c3aed1a;--color-accent-secondary-alpha-15:#7c3aed26;--color-accent-secondary-alpha-18:#7c3aed2e;--color-accent-secondary-alpha-20:#7c3aed33;--color-accent-secondary-alpha-30:#7c3aed4d;--color-accent-secondary-alpha-50:#7c3aed80;--color-accent-secondary-alpha-90:#7c3aede6;--color-info-alpha-03:#3b82f608;--color-info-alpha-10:#3b82f61a;--color-info-alpha-15:#3b82f626;--color-info-alpha-20:#3b82f633;--color-info-alpha-25:#3b82f640;--color-info-alpha-30:#3b82f64d;--color-info-alpha-40:#3b82f666;--color-info-alpha-50:#3b82f680;--color-info-alpha-60:#3b82f699;--color-info-alpha-80:#3b82f6cc;--color-success-alpha-30:#22c55e4d;--color-warning-alpha-30:#f59e0b4d;--color-accent-purple-alpha-15:#a78bfa26;--color-accent-purple-alpha-20:#a78bfa33;--color-accent-purple-alpha-30:#a78bfa4d;--color-muted-alpha-30:#6b72804d;--color-border-alpha-30:#dce3ea4d;--color-border-alpha-40:#dce3ea66;--color-border-alpha-50:#dce3ea80;--color-border-alpha-60:#dce3ea99;--color-border-medium-alpha-50:#cbd5e080;--color-border-link-alpha-10:#00d9ff1a;--color-border-link-alpha-15:#00d9ff26;--color-border-link-alpha-20:#00d9ff33;--color-accent-primary:#00d9ff;--color-accent-alt:#0091ea;--color-accent-hover:#00b8d4;--color-accent-light:#40e0d0;--color-accent-dark:#06c;--color-accent-secondary:#7c3aed;--color-accent-tertiary:#8b5cf6;--color-accent-purple:#a78bfa;--color-accent-purple-dark:#7c3aed;--color-accent-glow:#00d9ff59;--color-accent-glow-strong:#0091ea66;--color-accent-primary-light-mode:#00d9ff;--color-accent-hover-light-mode:#00b8d4;--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-bg-quaternary:#e8f0f7;--color-bg-light:#f8fafc;--color-bg-lighter:#f1f5f9;--color-bg-lightest:#e8f0f7;--color-bg-card:#fff;--color-bg-card-alt:#f8fafc;--color-bg-card-hover:#fefefe;--color-bg-footer:#f1f5f9;--color-bg-footer-alt:#e8f0f7;--color-bg-timeline:#e8f0f7;--color-bg-content-hover:#f1f5f9;--color-bg-stat:#f1f5f9;--color-bg-navbar:#ffffffe6;--color-bg-navbar-scrolled:#fffffffa;--color-bg-overlay:#00000073;--color-bg-dark:#0a1625;--color-bg-dark-light:#0f1b2e;--color-text-primary:#1a2332;--color-text-secondary:#1f2d3d;--color-text-tertiary:#2c3e50;--color-text-quaternary:#5c6b7a;--color-text-main:#1a2332;--color-text-heading:#1f2d3d;--color-text-heading-alt:#2c3e50;--color-text-subtle:#5c6b7a;--color-text-muted:#3b4a59;--color-text-muted-alt:#7a8b9c;--color-text-light:#9ca3af;--color-text-accent:#34495e;--color-text-body:var(--color-text-main);--color-text-hover:#00d9ff;--color-text-on-accent:#fff;--color-text-link:#0091ea;--color-text-link-hover:#00d9ff;--color-border-primary:#dce3ea99;--color-border-secondary:#dce3ea;--color-border-tertiary:#cbd5e1;--color-border-quaternary:#94a3b8;--color-border-light:#dce3ea99;--color-border-default:#dce3ea;--color-border-medium:#cbd5e1;--color-border-dark:#94a3b8;--color-border-navbar:#dce3ea80;--color-border-navbar-dropdown:#dce3ea99;--color-border-glow:#00d9ff33;--color-border-image:#dbe5f1;--color-border-period:#e2e8f0;--color-border-accent:#00d9ff4d;--color-border-accent-hover:#00d9ff80;--color-success:#10b981;--color-success-light:#10b9811a;--color-success-dark:#059669;--color-success-text:#047857;--color-error:#ef4444;--color-error-light:#ef44441a;--color-error-dark:#dc2626;--color-error-text:#b91c1c;--color-warning:#f59e0b;--color-warning-light:#f59e0b1a;--color-warning-dark:#d97706;--color-warning-text:#b45309;--color-info:#0091ea;--color-info-light:#0091ea1a;--color-info-dark:#06c;--color-info-text:#0052a3;--color-code-keyword:#569cd6;--color-code-variable:#9cdcfe;--color-code-operator:#d4d4d4;--color-code-bracket:gold;--color-code-string:#ce9178;--color-code-punctuation:#d4d4d4;--color-code-comment:#6a9955;--color-code-background:#1e1e1e;--color-purple:var(--color-accent-purple);--color-purple-dark:var(--color-accent-purple-dark);--color-border-print:#ccc;--tech-showcase-bg-card:var(--color-bg-card);--tech-showcase-bg-overlay:#00d9ff08;--language-success:var(--color-success);--language-warning:var(--color-warning);--language-error:var(--color-error);--honors-gold:#d4af37;--honors-gold-light:#f4e4bc;--honors-gold-dark:#b8941f;--about-me-color-bg-glow:var(--color-accent-glow);--cert-color-glow:var(--color-accent-glow-strong);--footer-bg-primary:var(--color-bg-footer);--footer-bg-secondary:var(--color-bg-footer-alt);--footer-gradient-start:var(--color-accent-alpha-08);--footer-gradient-end:#0091ea0d;--footer-text-primary:var(--color-text-main);--footer-text-secondary:var(--color-text-subtle);--footer-text-muted:var(--color-text-muted);--footer-border-color:var(--color-border-light);--contact-primary:var(--color-accent-primary);--contact-primary-light:var(--color-accent-glow);--contact-primary-lighter:#00d9ff0d;--contact-location-primary:#43e97b;--contact-location-secondary:#38f9d7;--contact-website-primary:#fa709a;--contact-website-secondary:#fee140;--contact-bg-card:var(--color-bg-card);--contact-bg-hover:var(--color-bg-card-hover);--contact-bg-subtle:var(--color-bg-card-alt);--contact-text-primary:var(--color-text-main);--contact-text-secondary:var(--color-text-subtle);--contact-text-muted:var(--color-text-muted);--contact-text-light:var(--color-text-light);--contact-border:var(--color-border-default);--contact-border-hover:var(--color-border-medium);--contact-border-light:var(--color-border-light);--gradient-primary:linear-gradient(135deg,#fff,#f8fafc);--gradient-accent:linear-gradient(135deg,#00d9ff,#0091ea);--gradient-accent-full:linear-gradient(135deg,#00d9ff,#0091ea 50%,#7c3aed);--gradient-luxury:linear-gradient(135deg,#fff,#f8fafc 40%,#f1f5f9);--gradient-sublime:linear-gradient(135deg,#00d9ff0d,#0091ea0d);--gradient-primary-reverse:linear-gradient(135deg,#7c3aed,#0091ea 50%,#00d9ff);--gradient-primary-radial:radial-gradient(ellipse at top,#00d9ff26,#0000 70%);--gradient-accent-subtle:linear-gradient(135deg,#00d9ff1a,#0091ea1a);--shadow-xs:0 1px 3px #0000000a;--shadow-sm:0 2px 6px #0000000d,0 4px 10px #0000000f;--shadow-md:0 4px 12px #00000012,0 8px 20px #00000014;--shadow-lg:0 10px 24px #00000014,0 20px 40px #0000000f;--shadow-xl:0 16px 32px #0000001a,0 32px 64px #00000014;--shadow-card:0 6px 20px #0000000d,0 16px 40px #00000012,0 32px 80px #00d9ff0f;--shadow-card-hover:0 16px 40px #0000001a,0 32px 80px #0000001f,0 48px 120px #00d9ff2e;--shadow-card-alt:0 10px 32px #00000017;--shadow-item:0 6px 16px #0000000d,0 12px 32px #00000012;--shadow-item-hover:0 16px 40px #0000001a,0 32px 80px #0000001f,0 40px 100px #00d9ff26;--shadow-icon:0 4px 10px #0000000f;--shadow-icon-alt:0 6px 16px #0000000f;--shadow-icon-hover:0 12px 32px #00d9ff4d;--shadow-focus:0 0 0 4px #00d9ff40;--shadow-glow:0 0 24px #00d9ff73;--shadow-glow-strong:0 0 40px #0091ea80;--shadow-accent:0 0 16px #00d9ff59;--shadow-footer:0 -6px 20px #0000000d;--shadow-navbar:0 8px 24px #00000012;--shadow-navbar-scrolled:0 12px 32px #0000001a;--shadow-dropdown:0 10px 32px #0000001a;--shadow-composite:0 2px 4px #0000000a,0 6px 12px #00000012,0 16px 32px #00000017,0 32px 64px #0000000f;--shadow-composite-hover:0 4px 8px #0000000f,0 12px 24px #0000001a,0 32px 64px #00000024,0 48px 120px #00d9ff2e;--font-main:"Inter",-apple-system,"Segoe UI","Roboto","Helvetica Neue","Arial",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Fira Code","Consolas",monospace;--font-display:"Inter",-apple-system,"Segoe UI",system-ui,sans-serif;--font-size-title:2rem;--font-title-size:2rem;--font-title-weight:700;--font-title-spacing:-0.8px;--font-weight-title:700;--font-weight-subtitle:600;--font-subtitle-weight:600;--font-subtitle-spacing:-0.5px;--font-size-base:1rem;--font-size-title-component:1.5rem;--font-size-subtitle:1.1rem;--font-size-period:0.9rem;--font-size-footer:0.95rem;--font-size-small:0.875rem;--font-size-xs:0.75rem;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--spacing-section-padding:2.5rem 2rem;--section-padding:2.5rem 2rem;--section-padding-alt:2.25rem;--section-padding-mobile:1.75rem 1.25rem;--spacing-section-padding-mobile:1.75rem 1.25rem;--section-margin:2.5rem;--spacing-section-margin:2.5rem;--section-margin-mobile:1.75rem;--spacing-section-margin-mobile:1.75rem;--spacing-card-padding:2.5rem clamp(1.5rem,4vw,3rem);--card-padding:2.5rem clamp(1.5rem,4vw,3rem);--card-padding-alt:2.25rem 2rem;--card-padding-mobile:1.75rem 1.25rem;--spacing-card-padding-mobile:1.75rem 1.25rem;--card-max-width:1200px;--spacing-card-max-width:1200px;--card-radius:24px;--spacing-card-radius:24px;--card-radius-alt:20px;--card-radius-lg:28px;--card-radius-mobile:18px;--spacing-card-radius-mobile:18px;--item-radius:18px;--item-radius-mobile:14px;--content-radius:14px;--btn-radius:12px;--btn-radius-mobile:10px;--stat-radius:16px;--timeline-padding:2.5rem;--footer-padding:2rem 1.75rem;--spacing-footer-padding:2rem 1.75rem;--animation-duration-fast:0.3s;--animation-duration-base:0.6s;--animation-duration-slow:0.9s;--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--transition-smooth:0.4s cubic-bezier(0.4,0,0.2,1);--transition-bounce:0.5s cubic-bezier(0.68,-0.55,0.265,1.55);--z-base:1;--z-index-base:1;--z-dropdown:100;--z-index-dropdown:100;--z-sticky:200;--z-index-sticky:200;--z-fixed:300;--z-index-fixed:300;--z-modal:400;--z-index-modal:400;--z-tooltip:500;--z-index-tooltip:500;--z-max:9999;--z-index-max:9999;--navbar-height:88px;--navbar-height-scrolled:72px;--navbar-blur:48px;--navbar-blur-strong:64px;--navbar-scroll-threshold:8px;--navbar-compact-breakpoint:1080px;--navbar-z-index:9999;--icon-size:3rem;--icon-size-default:48px;--icon-size-lg:3.5rem;--icon-size-large:56px;--icon-size-mobile:2.5rem;--icon-font:1.5rem;--icon-font-default:24px;--icon-font-lg:1.75rem;--icon-font-large:28px;--icon-font-mobile:1.25rem;--bg-light:var(--color-bg-light);--bg-lighter:var(--color-bg-lighter);--bg-lightest:var(--color-bg-lightest);--bg-card:var(--color-bg-card);--bg-card-alt:var(--color-bg-card-alt);--bg-card-hover:var(--color-bg-card-hover);--bg-footer:var(--color-bg-footer);--bg-footer-alt:var(--color-bg-footer-alt);--bg-timeline:var(--color-bg-timeline);--bg-content-hover:var(--color-bg-content-hover);--bg-navbar:var(--color-bg-navbar);--bg-navbar-scrolled:var(--color-bg-navbar-scrolled);--bg-stat:var(--color-bg-stat);--bg-overlay:var(--color-bg-overlay);--bg-gradient-primary:var(--gradient-primary);--bg-gradient-accent:var(--gradient-accent);--bg-gradient-luxury:var(--gradient-luxury);--bg-gradient-sublime:var(--gradient-sublime);--text-main:var(--color-text-main);--text-heading:var(--color-text-heading);--text-heading-alt:var(--color-text-heading-alt);--text-subtle:var(--color-text-subtle);--text-muted:var(--color-text-muted);--text-muted-alt:var(--color-text-muted-alt);--text-light:var(--color-text-light);--text-accent:var(--color-text-accent);--text-hover:var(--color-text-hover);--text-on-accent:var(--color-text-on-accent);--text-link:var(--color-text-link);--text-link-hover:var(--color-text-link-hover);--accent:var(--color-accent-primary);--accent-alt:var(--color-accent-alt);--accent-hover:var(--color-accent-hover);--accent-light:var(--color-accent-light);--accent-dark:var(--color-accent-dark);--accent-secondary:var(--color-accent-secondary);--accent-tertiary:var(--color-accent-tertiary);--accent-gradient:var(--gradient-accent-full);--accent-gradient-subtle:var(--gradient-accent-subtle);--accent-glow:var(--color-accent-glow);--accent-glow-strong:var(--color-accent-glow-strong);--border-light:var(--color-border-light);--border-default:var(--color-border-default);--border-medium:var(--color-border-medium);--border-dark:var(--color-border-dark);--border-navbar:var(--color-border-navbar);--border-navbar-dropdown:var(--color-border-navbar-dropdown);--border-glow:var(--color-border-glow);--border-image:var(--color-border-image);--border-period:var(--color-border-period);--border-accent:var(--color-border-accent);--border-accent-hover:var(--color-border-accent-hover)}[data-theme=dark]{--color-bg-primary:#0f1b2e;--color-bg-secondary:#0a1625;--color-bg-tertiary:#151f2e;--color-bg-quaternary:#0a1625;--color-bg-light:#0a1625;--color-bg-lighter:#151f2e;--color-bg-lightest:#0a1625;--color-bg-light-alpha-95:#1e2532f2;--color-bg-light-alpha-98:#1e2532fa;--color-bg-lighter-alpha-90:#1a202ce6;--color-bg-lighter-alpha-95:#1a202cf2;--color-bg-lightest-alpha-98:#0f1428fa;--color-bg-lightest-alpha-95:#0f1428fa;--color-bg-red-alpha-95:#1e2532f2;--color-bg-pink-alpha-95:#1e2532f2;--color-accent-alpha-015:#00d9ff05;--color-accent-alpha-03:#00d9ff0a;--color-accent-alpha-04:#00d9ff0d;--color-accent-alpha-05:#00d9ff0f;--color-accent-alpha-06:#00d9ff14;--color-accent-alpha-08:#00d9ff1a;--color-accent-alpha-10:#00d9ff1f;--color-accent-alpha-12:#00d9ff26;--color-accent-alpha-15:#00d9ff2e;--color-accent-alpha-18:#00d9ff33;--color-accent-alpha-20:#00d9ff40;--color-accent-alpha-25:#00d9ff4d;--color-accent-alpha-30:#00d9ff59;--color-accent-alpha-35:#00d9ff66;--color-accent-alpha-40:#00d9ff73;--color-accent-alpha-50:#00d9ff8c;--color-accent-alpha-60:#00d9ffa6;--color-accent-alpha-80:#00d9ffd9;--color-accent-alpha-100:#00d9ff;--color-accent-alt-alpha-03:#0091ea0a;--color-accent-alt-alpha-06:#0091ea14;--color-accent-alt-alpha-08:#0091ea1a;--color-accent-alt-alpha-10:#0091ea1f;--color-accent-alt-alpha-12:#0091ea26;--color-accent-alt-alpha-15:#0091ea2e;--color-accent-alt-alpha-18:#0091ea33;--color-accent-alt-alpha-20:#0091ea40;--color-accent-alt-alpha-25:#0091ea4d;--color-accent-alt-alpha-30:#0091ea59;--color-accent-alt-alpha-40:#0091ea73;--color-accent-alt-alpha-50:#0091ea8c;--color-accent-alt-alpha-60:#0091eaa6;--color-accent-alt-alpha-80:#0091ead9;--color-accent-alt-alpha-90:#0091eaf2;--color-border-alpha-30:#33415566;--color-border-alpha-40:#33415580;--color-border-alpha-50:#33415599;--color-border-alpha-60:#334155b3;--color-border-medium-alpha-50:#47556999;--color-border-link-alpha-10:#00d9ff1f;--color-border-link-alpha-15:#00d9ff2e;--color-border-link-alpha-20:#00d9ff40;--color-info-alpha-03:#00d9ff0a;--color-info-alpha-10:#00d9ff1f;--color-info-alpha-15:#00d9ff2e;--color-info-alpha-20:#00d9ff40;--color-info-alpha-25:#00d9ff4d;--color-info-alpha-30:#00d9ff59;--color-info-alpha-40:#00d9ff73;--color-info-alpha-50:#00d9ff8c;--color-info-alpha-60:#00d9ffa6;--color-info-alpha-80:#00d9ffd9;--color-success-alpha-30:#4ade8059;--color-warning-alpha-30:#fbbf2459;--color-accent-purple-alpha-30:#a78bfa59;--color-muted-alpha-30:#cbd5e166;--color-accent-tertiary-alpha-15:#4facfe2e;--color-accent-tertiary-alpha-20:#4facfe40;--color-accent-secondary-alpha-10:#7c3aed1f;--color-accent-secondary-alpha-15:#7c3aed2e;--color-accent-secondary-alpha-18:#7c3aed33;--color-accent-secondary-alpha-30:#7c3aed59;--color-accent-secondary-alpha-50:#7c3aed8c;--color-accent-secondary-alpha-90:#7c3aedf2;--color-bg-card:#1a2538;--color-bg-card-alt:#151f2e;--color-bg-card-hover:#1f2a3f;--color-bg-footer:#0a1625;--color-bg-footer-alt:#0a1625;--color-bg-timeline:#151f2e;--color-bg-content-hover:#1f2a3f;--color-bg-stat:#151f2e;--color-bg-navbar:#0f1b2ee6;--color-bg-navbar-scrolled:#0f1b2efa;--color-bg-overlay:#000000bf;--color-bg-dark:#0a1625;--color-bg-dark-light:#0f1b2e;--color-bg-card-dark:var(--color-bg-card);--color-text-primary:#e2e8f0;--color-text-secondary:#f1f5f9;--color-text-tertiary:#e2e8f0;--color-text-quaternary:#94a3b8;--color-text-main:#e2e8f0;--color-text-heading:#f1f5f9;--color-text-heading-alt:#e2e8f0;--color-text-subtle:#94a3b8;--color-text-muted:#cbd5e1;--color-text-muted-alt:#64748b;--color-text-light:#475569;--color-text-accent:#cbd5e1;--color-text-body:var(--color-text-main);--color-text-body-dark:var(--color-text-main);--color-text-heading-dark:var(--color-text-heading);--color-text-subtle-dark:var(--color-text-subtle);--color-text-hover:#00d9ff;--color-text-on-accent:#fff;--color-text-link:#00d9ff;--color-text-link-hover:#40e0d0;--color-border-primary:#33415599;--color-border-secondary:#334155;--color-border-tertiary:#475569;--color-border-quaternary:#64748b;--color-border-light:#33415599;--color-border-default:#334155;--color-border-medium:#475569;--color-border-dark:#64748b;--color-border-navbar:#33415580;--color-border-navbar-dropdown:#33415599;--color-border-glow:#00d9ff4d;--color-border-image:#334155;--color-border-period:#475569;--color-border-accent:#00d9ff66;--color-border-accent-hover:#00d9ff99;--color-border-print:#64748b;--color-success:#10b981;--color-success-light:#10b98126;--color-success-dark:#059669;--color-success-text:#34d399;--color-error:#f87171;--color-error-light:#f8717126;--color-error-alpha-10:#f871711a;--color-error-alpha-20:#f8717133;--color-error-alpha-30:#f871714d;--color-error-dark:#ef4444;--color-error-text:#fca5a5;--color-warning:#fbbf24;--color-warning-light:#fbbf2426;--color-warning-alpha-03:#fbbf2408;--color-warning-alpha-04:#f59e0b0a;--color-warning-alpha-06:#f59e0b0f;--color-warning-alpha-40:#fbbf2466;--color-warning-alpha-50:#fbbf2480;--color-warning-dark:#f59e0b;--color-warning-text:#fcd34d;--color-info:#00d9ff;--color-info-light:#00d9ff26;--color-info-dark:#00b8d4;--color-info-text:#40e0d0;--color-accent-primary:#00d9ff;--color-accent-hover:#40e0d0;--color-accent-light:#40e0d0;--color-accent-glow:#00d9ff66;--color-accent-glow-strong:#0091ea73;--color-purple:var(--color-accent-purple);--color-purple-dark:var(--color-accent-purple-dark);--color-code-keyword:#569cd6;--color-code-variable:#9cdcfe;--color-code-operator:#d4d4d4;--color-code-bracket:gold;--color-code-string:#ce9178;--color-code-punctuation:#d4d4d4;--color-code-comment:#6a9955;--color-code-background:#1e1e1e;--tech-showcase-bg-card:var(--color-bg-card);--tech-showcase-bg-overlay:#00d9ff14;--language-success:var(--color-success);--language-warning:var(--color-warning);--language-error:var(--color-error);--honors-gold:#d4af37;--honors-gold-light:#f4e4bc;--honors-gold-dark:#b8941f;--about-me-color-bg-glow:var(--color-accent-glow);--cert-color-glow:var(--color-accent-glow-strong);--footer-bg-primary:var(--color-bg-footer);--footer-bg-secondary:var(--color-bg-footer-alt);--footer-gradient-start:var(--color-accent-glow);--footer-gradient-end:#0091ea26;--footer-text-primary:var(--color-text-main);--footer-text-secondary:var(--color-text-subtle);--footer-text-muted:var(--color-text-muted);--footer-border-color:var(--color-border-light);--contact-primary:var(--color-accent-primary);--contact-primary-light:var(--color-accent-glow);--contact-primary-lighter:#00d9ff14;--contact-location-primary:#43e97b;--contact-location-secondary:#38f9d7;--contact-website-primary:#fa709a;--contact-website-secondary:#fee140;--contact-bg-card:#1a202c;--contact-bg-hover:#2d3748;--contact-bg-subtle:#252b37;--contact-text-primary:var(--color-text-main);--contact-text-secondary:var(--color-text-subtle);--contact-text-muted:var(--color-text-muted);--contact-text-light:var(--color-text-light);--contact-border:var(--color-border-default);--contact-border-hover:var(--color-border-medium);--contact-border-light:var(--color-border-light);--gradient-primary:linear-gradient(135deg,#0f1b2e,#0a1625);--gradient-accent:linear-gradient(135deg,#00d9ff,#0091ea);--gradient-accent-full:linear-gradient(135deg,#00d9ff,#0091ea 50%,#7c3aed);--gradient-luxury:linear-gradient(135deg,#0f1b2e,#151f2e 40%,#0a1625);--gradient-sublime:linear-gradient(135deg,#00d9ff26,#0091ea26);--gradient-primary-reverse:linear-gradient(135deg,#7c3aed,#0091ea 50%,#00d9ff);--gradient-accent-subtle:linear-gradient(135deg,#00d9ff26,#0091ea26);--gradient-primary-radial:radial-gradient(ellipse at top,#00d9ff33,#0000 70%);--shadow-xs:0 1px 3px #0000004d;--shadow-sm:0 2px 6px #0006,0 4px 10px #0000004d;--shadow-md:0 4px 12px #00000080,0 8px 20px #0006;--shadow-lg:0 10px 24px #0009,0 20px 40px #00000080;--shadow-xl:0 16px 32px #000000b3,0 32px 64px #0009;--shadow-card:0 6px 20px #00000080,0 16px 40px #0006,0 32px 80px #00d9ff33;--shadow-card-hover:0 16px 40px #0009,0 32px 80px #00000080,0 48px 120px #00d9ff4d;--shadow-card-alt:0 10px 32px #0009;--shadow-item:0 6px 16px #00000080,0 12px 32px #0009;--shadow-item-hover:0 16px 40px #000000b3,0 32px 80px #0009,0 40px 100px #00d9ff40;--shadow-icon:0 4px 10px #00000080;--shadow-icon-alt:0 6px 16px #00000080;--shadow-icon-hover:0 12px 32px #00d9ff66;--shadow-focus:0 0 0 4px #00d9ff4d;--shadow-glow:0 0 24px #00d9ff66;--shadow-glow-strong:0 0 40px #0091ea80;--shadow-accent:0 0 16px #00d9ff66;--shadow-footer:0 -6px 20px #00000080;--shadow-navbar:0 8px 24px #00000080;--shadow-navbar-scrolled:0 12px 32px #0009;--shadow-dropdown:0 10px 32px #0009;--shadow-composite:0 2px 4px #00000080,0 6px 12px #0009,0 16px 32px #000000b3,0 32px 64px #00000080;--shadow-composite-hover:0 4px 8px #0009,0 12px 24px #000000b3,0 32px 64px #000c,0 48px 120px #00d9ff4d;--bg-light:var(--color-bg-light);--bg-lighter:var(--color-bg-lighter);--bg-lightest:var(--color-bg-lightest);--bg-card:var(--color-bg-card);--bg-card-alt:var(--color-bg-card-alt);--bg-card-hover:var(--color-bg-card-hover);--bg-footer:var(--color-bg-footer);--bg-footer-alt:var(--color-bg-footer-alt);--bg-timeline:var(--color-bg-timeline);--bg-content-hover:var(--color-bg-content-hover);--bg-navbar:var(--color-bg-navbar);--bg-navbar-scrolled:var(--color-bg-navbar-scrolled);--bg-stat:var(--color-bg-stat);--bg-overlay:var(--color-bg-overlay);--bg-gradient-primary:var(--gradient-primary);--bg-gradient-accent:var(--gradient-accent);--bg-gradient-luxury:var(--gradient-luxury);--bg-gradient-sublime:var(--gradient-sublime);--text-main:var(--color-text-main);--text-heading:var(--color-text-heading);--text-heading-alt:var(--color-text-heading-alt);--text-subtle:var(--color-text-subtle);--text-muted:var(--color-text-muted);--text-muted-alt:var(--color-text-muted-alt);--text-light:var(--color-text-light);--text-accent:var(--color-text-accent);--text-hover:var(--color-text-hover);--text-on-accent:var(--color-text-on-accent);--text-link:var(--color-text-link);--text-link-hover:var(--color-text-link-hover);--accent:var(--color-accent-primary);--accent-alt:var(--color-accent-alt);--accent-hover:var(--color-accent-hover);--accent-light:var(--color-accent-light);--accent-dark:var(--color-accent-dark);--accent-secondary:var(--color-accent-secondary);--accent-tertiary:var(--color-accent-tertiary);--accent-gradient:var(--gradient-accent-full);--accent-gradient-subtle:var(--gradient-accent-subtle);--accent-glow:var(--color-accent-glow);--accent-glow-strong:var(--color-accent-glow-strong);--border-light:var(--color-border-light);--border-default:var(--color-border-default);--border-medium:var(--color-border-medium);--border-dark:var(--color-border-dark);--border-navbar:var(--color-border-navbar);--border-navbar-dropdown:var(--color-border-navbar-dropdown);--border-glow:var(--color-border-glow);--border-image:var(--color-border-image);--border-period:var(--color-border-period);--border-accent:var(--color-border-accent);--border-accent-hover:var(--color-border-accent-hover)}:root{--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--spacing-5xl:5rem;--component-padding-xs:var(--spacing-xs);--component-padding-sm:var(--spacing-sm);--component-padding-md:var(--spacing-md);--component-padding-lg:var(--spacing-lg);--component-padding-xl:var(--spacing-xl);--component-margin-xs:var(--spacing-xs);--component-margin-sm:var(--spacing-sm);--component-margin-md:var(--spacing-md);--component-margin-lg:var(--spacing-lg);--component-margin-xl:var(--spacing-xl);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:9999px;--component-radius-sm:var(--radius-sm);--component-radius-md:var(--radius-md);--component-radius-lg:var(--radius-lg);--component-radius-xl:var(--radius-xl);--component-radius-card:var(--spacing-card-radius);--component-radius-button:var(--radius-md);--component-radius-input:var(--radius-sm);--opacity-disabled:0.5;--opacity-hover:0.8;--opacity-pressed:0.6;--opacity-overlay:0.45;--opacity-overlay-dark:0.75;--opacity-muted:0.6;--opacity-subtle:0.4;--state-transition-duration:var(--transition-base);--state-transition-timing:cubic-bezier(0.4,0,0.2,1);--breakpoint-mobile:480px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--breakpoint-large-desktop:1280px;--breakpoint-xlarge-desktop:1536px;--size-icon-xs:16px;--size-icon-sm:20px;--size-icon-md:24px;--size-icon-lg:32px;--size-icon-xl:40px;--size-icon-2xl:48px;--size-avatar-xs:24px;--size-avatar-sm:32px;--size-avatar-md:48px;--size-avatar-lg:64px;--size-avatar-xl:96px;--z-base:var(--z-index-base);--z-dropdown:var(--z-index-dropdown);--z-sticky:var(--z-index-sticky);--z-fixed:var(--z-index-fixed);--z-modal:var(--z-index-modal);--z-tooltip:var(--z-index-tooltip);--z-max:var(--z-index-max);--z-navbar:var(--navbar-z-index);--z-backdrop:calc(var(--z-modal) - 1);--z-overlay:calc(var(--z-modal) + 1);--duration-instant:0.1s;--duration-fast:var(--animation-duration-fast);--duration-base:var(--animation-duration-base);--duration-slow:var(--animation-duration-slow);--easing-linear:linear;--easing-ease:ease;--easing-ease-in:ease-in;--easing-ease-out:ease-out;--easing-ease-in-out:ease-in-out;--easing-smooth:cubic-bezier(0.4,0,0.2,1);--easing-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--easing-spring:cubic-bezier(0.34,1.56,0.64,1);--transition-color:color var(--duration-fast) var(--easing-smooth);--transition-background:background-color var(--duration-fast) var(--easing-smooth);--transition-border:border-color var(--duration-fast) var(--easing-smooth);--transition-transform:transform var(--duration-base) var(--easing-smooth);--transition-opacity:opacity var(--duration-fast) var(--easing-smooth);--transition-shadow:box-shadow var(--duration-base) var(--easing-smooth);--transition-all:all var(--duration-base) var(--easing-smooth);--component-gap-xs:var(--spacing-xs);--component-gap-sm:var(--spacing-sm);--component-gap-md:var(--spacing-md);--component-gap-lg:var(--spacing-lg);--component-gap-xl:var(--spacing-xl)}[data-theme=dark]{--opacity-overlay:0.75;--opacity-muted:0.7;--opacity-subtle:0.5}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0s;--duration-fast:0s;--duration-base:0s;--duration-slow:0s;--transition-color:none;--transition-background:none;--transition-border:none;--transition-transform:none;--transition-opacity:none;--transition-shadow:none;--transition-all:none}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;text-rendering:optimizelegibility}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-light);color:var(--color-text-main);font-family:var(--font-main);line-height:1.5;margin:0;overflow-x:hidden;padding:0;text-rendering:optimizelegibility}h1,h2,h3,h4,h5,h6{color:var(--color-text-heading);font-family:var(--font-display);font-weight:var(--font-weight-title);line-height:1.2;margin:0}h1{font-size:var(--font-size-title)}h2{font-size:var(--font-size-title-component)}h3{font-size:var(--font-size-subtitle)}p{color:var(--color-text-main);line-height:1.75;margin:0}a{color:var(--color-text-link);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-text-link-hover)}a:focus-visible{border-radius:4px;outline:2px solid var(--color-accent-primary);outline-offset:4px}code{border-radius:4px;font-size:.9em;padding:.2em .4em}code,pre{background:var(--color-bg-lighter);font-family:var(--font-mono)}pre{border-radius:8px;overflow-x:auto;padding:1rem}pre code{background:#0000;padding:0}ol,ul{list-style:none;margin:0;padding:0}img{display:block;height:auto;max-width:100%}button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0;transition:all var(--transition-base)}button:focus-visible{border-radius:4px;outline:2px solid var(--color-accent-primary);outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:8px;color:var(--color-text-main);font-family:inherit;font-size:inherit;line-height:inherit;padding:.5rem .75rem;transition:all var(--transition-base)}input:focus,select:focus,textarea:focus{border-color:var(--color-accent-primary);box-shadow:var(--shadow-focus);outline:none}input:disabled,select:disabled,textarea:disabled{background:var(--color-bg-lighter);cursor:not-allowed;opacity:.6}::selection{background:var(--color-accent-primary);color:var(--color-text-on-accent)}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:var(--color-bg-lighter)}::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}@media print{*{background:#0000!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}blockquote,pre{border:1px solid var(--color-border-dark)}blockquote,img,pre{break-inside:avoid;page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{break-after:avoid;page-break-after:avoid}}.glass-effect{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:var(--color-white-alpha-70);border:1px solid var(--color-white-alpha-30)}.glass-effect-strong{-webkit-backdrop-filter:blur(30px) saturate(200%);backdrop-filter:blur(30px) saturate(200%);background:var(--color-white-alpha-85);border:1px solid var(--color-white-alpha-40)}.card-hover-effect{transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-smooth)}.card-hover-effect:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.gradient-text{-webkit-text-fill-color:#0000;background:var(--gradient-accent-full);-webkit-background-clip:text;background-clip:text}.gradient-text-primary{-webkit-text-fill-color:#0000;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text}.focus-visible{border-radius:8px;outline:2px solid var(--color-accent-primary);outline-offset:4px}.transition-smooth{transition:all var(--transition-smooth)}.transition-base{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.container{padding:var(--spacing-section-padding)}.container-mobile{padding:var(--spacing-section-padding-mobile)}.card-base{background:var(--color-bg-card);border-radius:var(--spacing-card-radius);box-shadow:var(--shadow-card);padding:var(--spacing-card-padding);position:relative;transition:all var(--transition-smooth);width:100%}.section-base{margin:var(--spacing-section-margin) 0;padding:var(--spacing-section-padding)}@media screen and (max-width:768px){.container-mobile{padding:var(--spacing-section-padding-mobile)}.card-base{border-radius:var(--spacing-card-radius-mobile);padding:var(--spacing-card-padding-mobile)}.section-base{margin:var(--spacing-section-margin-mobile) 0;padding:var(--spacing-section-padding-mobile)}}@media (prefers-reduced-motion:reduce){.card-hover-effect,.transition-base,.transition-fast,.transition-smooth{animation:none!important;transition:none!important}.card-hover-effect:hover{transform:none}}.card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--spacing-card-radius);box-shadow:var(--shadow-card);padding:var(--spacing-card-padding);position:relative;transition:var(--transition-all);width:100%}.card--elevated{border-color:var(--color-border-accent);box-shadow:var(--shadow-card-hover)}.card--hover{cursor:pointer}.card--hover:hover{border-color:var(--color-border-accent-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.card--minimal{background:#0000;border-color:var(--color-border-light);box-shadow:var(--shadow-xs)}.card--bordered{border-color:var(--color-border-default);border-width:2px}.card__header{border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.card__title{color:var(--color-text-heading);font-size:var(--font-size-title-component);font-weight:var(--font-weight-title);margin:0}.card__subtitle{color:var(--color-text-subtle);font-size:var(--font-size-subtitle);font-weight:var(--font-weight-subtitle);margin:var(--spacing-xs) 0 0 0}.card__body{color:var(--color-text-main);line-height:1.6;line-height:var(--work-line-height-normal,1.6)}.card__footer{border-top:1px solid var(--color-border-light);margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.btn{align-items:center;border:1px solid #0000;border-radius:var(--component-radius-button);cursor:pointer;display:inline-flex;font-family:var(--font-main);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;line-height:1.5;padding:var(--spacing-sm) var(--spacing-lg);text-align:center;text-decoration:none;transition:var(--transition-all);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:var(--opacity-disabled);pointer-events:none}.btn--primary{background:var(--gradient-accent);border-color:#0000;color:var(--color-text-on-accent)}.btn--primary:hover:not(:disabled){background:var(--gradient-accent-full);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn--secondary{background:var(--color-bg-card);border-color:var(--color-border-accent);color:var(--color-accent-primary)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-card-hover);border-color:var(--color-border-accent-hover);box-shadow:var(--shadow-sm)}.btn--ghost{background:#0000;border-color:var(--color-border-default);color:var(--color-text-main)}.btn--ghost:hover:not(:disabled){background:var(--color-bg-content-hover);border-color:var(--color-border-accent)}.btn--sm{font-size:var(--font-size-small);padding:var(--spacing-xs) var(--spacing-md)}.btn--lg{font-size:var(--font-size-subtitle);padding:var(--spacing-md) var(--spacing-xl)}.input{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--component-radius-input);color:var(--color-text-main);font-family:var(--font-main);font-size:var(--font-size-base);line-height:1.5;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-all);width:100%}.input:focus{border-color:var(--color-accent-primary);box-shadow:var(--shadow-focus);outline:none}.input:disabled{background:var(--color-bg-lighter);cursor:not-allowed;opacity:var(--opacity-disabled)}.input--error{border-color:var(--color-error)}.input--error:focus{box-shadow:0 0 0 4px var(--color-error-light)}.section{margin:var(--spacing-section-margin) 0;padding:var(--spacing-section-padding);position:relative;width:100%}.section__container{margin:0 auto;max-width:var(--spacing-card-max-width);padding:0 var(--spacing-lg);width:100%}.section__header{margin-bottom:var(--spacing-xl);text-align:center}.section__title{color:var(--color-text-heading);font-size:var(--font-size-title);font-weight:var(--font-weight-title);margin:0 0 var(--spacing-md) 0}.section__subtitle{color:var(--color-text-subtle);font-size:var(--font-size-subtitle);font-weight:var(--font-weight-subtitle);margin:0}.section__content{width:100%}.section--padded{padding:var(--spacing-3xl) var(--spacing-lg)}.section--spacious{padding:var(--spacing-4xl) var(--spacing-xl)}.section--minimal{padding:var(--spacing-lg) 0}.container{margin:0 auto;max-width:var(--spacing-card-max-width);padding:0 var(--spacing-lg);width:100%}.container--fluid{max-width:100%}.container--narrow{max-width:800px}.container--wide{max-width:1400px}.grid{grid-gap:var(--component-gap-md);gap:var(--component-gap-md)}.grid--cols-1{grid-template-columns:repeat(1,1fr)}.grid--cols-2{grid-template-columns:repeat(2,1fr)}.grid--cols-3{grid-template-columns:repeat(3,1fr)}.grid--cols-4{grid-template-columns:repeat(4,1fr)}.grid--gap-sm{gap:var(--component-gap-sm)}.grid--gap-md{gap:var(--component-gap-md)}.grid--gap-lg{gap:var(--component-gap-lg)}.grid--gap-xl{gap:var(--component-gap-xl)}.flex--column{flex-direction:column}.flex--row{flex-direction:row}.flex--wrap{flex-wrap:wrap}.flex--nowrap{flex-wrap:nowrap}.flex--center{align-items:center;justify-content:center}.flex--between{align-items:center;justify-content:space-between}.flex--start{align-items:center;justify-content:flex-start}.flex--end{align-items:center;justify-content:flex-end}.flex--gap-xs{gap:var(--component-gap-xs)}.flex--gap-sm{gap:var(--component-gap-sm)}.flex--gap-md{gap:var(--component-gap-md)}.flex--gap-lg{gap:var(--component-gap-lg)}.flex--gap-xl{gap:var(--component-gap-xl)}@media screen and (max-width:768px){.section{margin:var(--spacing-section-margin-mobile) 0;padding:var(--spacing-section-padding-mobile)}.container,.section__container{padding:0 var(--spacing-md)}.card{border-radius:var(--spacing-card-radius-mobile);padding:var(--spacing-card-padding-mobile)}.grid--cols-2,.grid--cols-3,.grid--cols-4{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.btn:hover,.card--hover:hover{transform:none}}.flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-start{justify-content:flex-start}.flex-end,.flex-start{align-items:center;display:flex}.flex-end{justify-content:flex-end}.flex-gap-sm{gap:.5rem}.flex-gap-md{gap:1rem}.flex-gap-lg{gap:1.5rem}.flex-gap-xl{gap:2rem}.grid{display:grid}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-accent-primary{color:var(--color-accent-primary)}.text-accent-alt{color:var(--color-accent-alt)}.text-heading{color:var(--color-text-heading)}.text-subtle{color:var(--color-text-subtle)}.text-muted{color:var(--color-text-muted)}.text-link{color:var(--color-text-link)}.text-link:hover{color:var(--color-text-link-hover)}.font-main{font-family:var(--font-main)}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.font-weight-normal{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.font-weight-bold{font-weight:700}.font-weight-extrabold{font-weight:800}.font-size-base{font-size:var(--font-size-base)}.font-size-small{font-size:var(--font-size-small)}.font-size-xs{font-size:var(--font-size-xs)}.font-size-title{font-size:var(--font-size-title)}.font-size-subtitle{font-size:var(--font-size-subtitle)}.m-0{margin:0}.m-auto{margin:0 auto}.mt-0{margin-top:0}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mt-xl{margin-top:2rem}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.mb-xl{margin-bottom:2rem}.p-0{padding:0}.p-sm{padding:.5rem}.p-md{padding:1rem}.p-lg{padding:1.5rem}.p-xl{padding:2rem}.bg-card{background-color:var(--color-bg-card)}.bg-card-alt{background-color:var(--color-bg-card-alt)}.bg-light{background-color:var(--color-bg-light)}.bg-lighter{background-color:var(--color-bg-lighter)}.bg-transparent{background-color:initial}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-accent{background:var(--gradient-accent)}.bg-gradient-accent-full{background:var(--gradient-accent-full)}.border{border:1px solid var(--color-border-default)}.border-light{border:1px solid var(--color-border-light)}.border-accent{border:1px solid var(--color-border-accent)}.border-none{border:none}.border-radius-sm{border-radius:8px}.border-radius-md{border-radius:12px}.border-radius-lg{border-radius:16px}.border-radius-xl{border-radius:24px}.border-radius-full{border-radius:50%}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-card{box-shadow:var(--shadow-card)}.shadow-card-hover{box-shadow:var(--shadow-card-hover)}.shadow-focus{box-shadow:var(--shadow-focus)}.shadow-glow{box-shadow:var(--shadow-glow)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.max-w-full{max-width:100%}.max-w-container{max-width:var(--spacing-card-max-width)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-visible{overflow:visible}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.z-base{z-index:var(--z-index-base)}.z-dropdown{z-index:var(--z-index-dropdown)}.z-sticky{z-index:var(--z-index-sticky)}.z-fixed{z-index:var(--z-index-fixed)}.z-modal{z-index:var(--z-index-modal)}.z-tooltip{z-index:var(--z-index-tooltip)}.z-max{z-index:var(--z-index-max)}.transition-none{transition:none}.transition-all{transition:all var(--transition-base)}.transition-colors{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.transition-opacity{transition:opacity var(--transition-base)}@media screen and (max-width:768px){.hidden-mobile{display:none}.block-mobile{display:block}.flex-mobile{display:flex}.flex-column-mobile{flex-direction:column}.text-center-mobile{text-align:center}.w-full-mobile{width:100%}}.sr-only{border-width:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.focus-visible:focus-visible{border-radius:8px;outline:2px solid var(--color-accent-primary);outline-offset:4px}@media (prefers-reduced-motion:reduce){.transition-all,.transition-colors,.transition-opacity,.transition-transform{transition:none!important}}.horizontal-scroll-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;max-width:100%;overflow:auto hidden;position:relative;scroll-behavior:smooth;scrollbar-color:var(--color-accent-primary) var(--color-black-alpha-05);scrollbar-width:thin;width:100%}.horizontal-scroll-container::-webkit-scrollbar{background:#0000;height:8px}.horizontal-scroll-container::-webkit-scrollbar-track{background:var(--color-black-alpha-05);border-radius:4px;margin:0 1rem}.horizontal-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--color-accent-primary) 0,var(--color-accent-alt) 100%);border-radius:4px;box-shadow:0 2px 4px var(--color-accent-alpha-30);-webkit-transition:all .3s ease;transition:all .3s ease}.horizontal-scroll-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,var(--color-accent-alt) 0,var(--color-accent-secondary) 100%);box-shadow:0 4px 8px var(--color-accent-glow);transform:scaleY(1.2)}.horizontal-scroll-container:after,.horizontal-scroll-container:before{content:"";height:100%;pointer-events:none;position:-webkit-sticky;position:sticky;top:0;transition:opacity .3s ease;width:60px;z-index:10}.horizontal-scroll-container:before{background:linear-gradient(90deg,var(--color-bg-card) 0,#0000 100%);border-radius:0;left:0}.horizontal-scroll-container:after{background:linear-gradient(270deg,var(--color-bg-card) 0,#0000 100%);border-radius:0;right:0}.horizontal-scroll-container.scrolled-to-end:after,.horizontal-scroll-container.scrolled-to-start:before{opacity:0}.horizontal-scroll-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--color-accent-alpha-80) 0,var(--color-accent-alt-alpha-80) 100%);border-radius:50%;box-shadow:0 4px 12px var(--color-accent-alpha-40),0 2px 6px var(--color-black-alpha-20);color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:40px;justify-content:center;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .4s cubic-bezier(.4,0,.2,1);width:40px;z-index:20}.horizontal-scroll-indicator-left{left:1rem}.horizontal-scroll-indicator-right{right:1rem}.horizontal-scroll-indicator:hover{background:linear-gradient(135deg,var(--color-accent-primary) 0,var(--color-accent-alt) 100%);box-shadow:0 6px 16px var(--color-accent-alpha-50),0 3px 8px var(--color-black-alpha-30);transform:translateY(-50%) scale(1.1)}.horizontal-scroll-indicator:active{transform:translateY(-50%) scale(.95)}.horizontal-scroll-container:hover .horizontal-scroll-indicator{opacity:1;pointer-events:auto}.horizontal-scroll-container.scrolled-to-end .horizontal-scroll-indicator-right,.horizontal-scroll-container.scrolled-to-start .horizontal-scroll-indicator-left{opacity:0;pointer-events:none}.horizontal-scroll-hint{align-items:center;bottom:-2rem;color:var(--color-text-subtle);display:flex;font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-main,"Inter","Segoe UI",sans-serif);font-size:.75rem;font-weight:500;gap:.5rem;left:50%;opacity:.7;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap;z-index:5}.horizontal-scroll-hint:before{animation:scroll-hint-left 1.5s ease-in-out infinite;content:"←";font-size:1rem}.horizontal-scroll-hint:after{animation:scroll-hint-right 1.5s ease-in-out infinite;content:"→";font-size:1rem}@keyframes scroll-hint-left{0%,to{opacity:.5;transform:translateX(0)}50%{opacity:1;transform:translateX(-8px)}}@keyframes scroll-hint-right{0%,to{opacity:.5;transform:translateX(0)}50%{opacity:1;transform:translateX(8px)}}.horizontal-scroll-container:hover .horizontal-scroll-hint{opacity:0}.horizontal-scroll-progress{background:linear-gradient(90deg,var(--color-accent-primary) 0,var(--color-accent-alt) 100%);border-radius:2px;bottom:-1rem;box-shadow:0 2px 4px var(--color-accent-alpha-30);height:3px;left:0;position:absolute;transition:width .1s ease;z-index:5}@media screen and (max-width:768px){.horizontal-scroll-container:after,.horizontal-scroll-container:before{width:40px}.horizontal-scroll-indicator{font-size:1.1rem;height:36px;width:36px}.horizontal-scroll-indicator-left{left:.75rem}.horizontal-scroll-indicator-right{right:.75rem}.horizontal-scroll-hint{bottom:-1.75rem;font-size:.7rem}}@media screen and (max-width:480px){.horizontal-scroll-container:after,.horizontal-scroll-container:before{width:30px}.horizontal-scroll-indicator{font-size:1rem;height:32px;width:32px}.horizontal-scroll-indicator-left{left:.5rem}.horizontal-scroll-indicator-right{right:.5rem}.horizontal-scroll-hint{bottom:-1.5rem;font-size:.65rem}}@media (prefers-reduced-motion:reduce){.horizontal-scroll-hint,.horizontal-scroll-indicator,.horizontal-scroll-progress{animation:none;transition:none}.horizontal-scroll-hint:after,.horizontal-scroll-hint:before{animation:none}}.skeleton{animation:skeleton-shimmer var(--duration-base) var(--easing-ease-in-out) infinite;background:linear-gradient(90deg,var(--color-bg-lightest) 0,var(--color-bg-lighter) 50%,var(--color-bg-lightest) 100%);background-size:200% 100%;border-radius:var(--radius-xs);display:inline-block;overflow:hidden;position:relative}@media (prefers-color-scheme:dark){.skeleton{background:linear-gradient(90deg,var(--color-bg-dark-alpha-70) 0,var(--color-bg-dark-light-alpha-75) 50%,var(--color-bg-dark-alpha-70) 100%);background-size:200% 100%}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-text{border-radius:var(--radius-xs);height:1rem}.skeleton-text-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.skeleton-image{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-bg-lightest) 0,var(--color-bg-lighter) 50%,var(--color-bg-lightest) 100%);background-size:200% 100%;border-radius:var(--radius-sm)}.skeleton-circle{border-radius:50%}.skeleton-card{background:var(--color-bg-card);border-radius:12px;box-shadow:0 2px 8px var(--color-black-alpha-08);gap:1rem;padding:1.5rem}.skeleton-card,.skeleton-content{display:flex;flex-direction:column}.skeleton-content{gap:.5rem}.skeleton-custom{align-items:center;display:flex;justify-content:center}@media screen and (max-width:768px){.skeleton-card{padding:1rem}.skeleton-text{height:.875rem}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--color-bg-lightest)}@media (prefers-color-scheme:dark){.skeleton{background:var(--color-bg-dark-alpha-70)}}}.main-page{background:var(--color-bg-dark);background-image:radial-gradient(circle at 20% 30%,var(--color-accent-alpha-08) 0,#0000 50%),radial-gradient(circle at 80% 70%,var(--color-accent-alt-alpha-06) 0,#0000 50%),linear-gradient(180deg,var(--color-bg-dark) 0,var(--color-bg-dark-light) 50%,var(--color-bg-dark) 100%);display:flex;flex-direction:column;isolation:isolate;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.main-page:before{background:radial-gradient(circle at 20% 30%,var(--color-accent-alpha-04) 0,#0000 50%),radial-gradient(circle at 80% 70%,var(--color-accent-alt-alpha-03) 0,#0000 50%);opacity:.6}.main-page:after,.main-page:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.main-page:after{background-image:linear-gradient(var(--color-accent-alpha-015) 1px,#0000 1px),linear-gradient(90deg,var(--color-accent-alpha-015) 1px,#0000 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,#0000 70%);mask-image:radial-gradient(ellipse at center,#000 20%,#0000 70%);opacity:.15}.contents-section{display:flex;flex:1 1;flex-direction:column;gap:3.5rem;margin:0 auto;max-width:1400px;padding:5rem clamp(1.5rem,5vw,4rem) 3.5rem;position:relative;width:100%;z-index:1}.section-block{opacity:0;position:relative;scroll-margin-top:8rem;transform:translateY(30px);transition:opacity .5s ease,transform .5s ease}.section-header{margin-bottom:2.5rem;padding:1.25rem 0;position:relative;text-align:center}.section-title{color:var(--color-text-on-accent);display:inline-block;font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.2;margin:0 0 1.5rem;position:relative;text-shadow:0 2px 20px var(--color-black-alpha-30);transition:all .3s ease}.section-title-underline{background:linear-gradient(90deg,#0000,var(--color-accent-alpha-100),var(--color-accent-alt-alpha-80),#0000);border-radius:2px;box-shadow:0 0 12px var(--color-accent-glow);height:4px;margin:0 auto;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1);width:100px}.section-header:hover .section-title-underline{box-shadow:0 0 20px var(--color-accent-alpha-60);width:140px}.section-content{padding:1rem 0;position:relative;z-index:2}@media screen and (min-width:1400px){.section-block{padding:4rem}}.main-page-loading{flex-direction:column;gap:2rem;min-height:60vh;padding:3rem 2rem;z-index:1}.loading-spinner,.main-page-loading{align-items:center;display:flex;justify-content:center;position:relative}.loading-spinner{height:120px;width:120px}.spinner-ring{animation:spin-advanced 2s cubic-bezier(.5,0,.5,1) infinite;border:4px solid #0000;border-radius:50%;position:absolute}.spinner-ring:first-child{animation-delay:-.6s;border-right-color:var(--color-accent-alpha-30);border-top-color:var(--color-accent-primary);box-shadow:0 0 30px var(--color-accent-alpha-50);height:100%;width:100%}.spinner-ring:nth-child(2){animation-delay:-.4s;animation-duration:1.5s;border-right-color:var(--color-accent-alt-glow-light);border-top-color:var(--color-accent-alt);border-width:3px;box-shadow:0 0 25px var(--color-accent-alt-alpha-50);height:80%;left:10%;top:10%;width:80%}.spinner-ring:nth-child(3){animation-delay:-.2s;animation-duration:1s;border-right-color:var(--color-accent-glow);border-top-color:var(--color-accent-secondary);border-width:2px;box-shadow:0 0 20px var(--color-accent-secondary-alpha-50);height:60%;left:20%;top:20%;width:60%}@keyframes spin-advanced{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}.loading-spinner:after{animation:pulse-center 2s ease-in-out infinite;background:radial-gradient(circle,var(--color-accent-alpha-100),var(--color-accent-alt-alpha-80));border-radius:50%;box-shadow:0 0 20px var(--color-accent-alpha-80),0 0 40px var(--color-accent-alt-alpha-60),inset 0 0 10px var(--color-white-alpha-30);content:"";height:20px;position:absolute;width:20px}@keyframes pulse-center{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}.loading-text{animation:text-glow 2s ease-in-out infinite;color:var(--color-white-alpha-90);font-family:var(--font-main);font-size:.875rem;font-weight:600;letter-spacing:3px;text-transform:uppercase}@keyframes text-glow{0%,to{opacity:.7;text-shadow:0 0 10px var(--color-accent-alpha-50)}50%{opacity:1;text-shadow:0 0 20px var(--color-accent-primary),0 0 30px var(--color-accent-alt)}}.main-page-loading-skeleton{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:3rem 2rem;position:relative;width:100%;z-index:1}.main-page-loading-skeleton .skeleton{animation:skeleton-shimmer var(--duration-base) var(--easing-ease-in-out) infinite}.main-page-error{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:3rem 2rem;position:relative;z-index:1}.error-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,var(--color-white-alpha-10) 0,var(--color-white-alpha-05) 100%);border:1px solid var(--color-white-alpha-10);border-radius:32px;box-shadow:0 20px 60px var(--color-black-alpha-30),0 0 0 1px var(--color-white-alpha-10),inset 0 1px 0 var(--color-white-alpha-20);max-width:600px;overflow:hidden;padding:5rem 4rem;position:relative;text-align:center;width:100%}.error-content:before{background:linear-gradient(90deg,#0000,var(--color-accent-alpha-80),var(--color-accent-alt-alpha-80),#0000);content:"";height:4px;left:0;position:absolute;right:0;top:0}.error-icon{animation:error-shake .8s ease-in-out;display:block;filter:drop-shadow(0 0 20px var(--color-warning));font-size:5rem;margin-bottom:2.5rem}@keyframes error-shake{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(-15px) rotate(-5deg)}75%{transform:translateX(15px) rotate(5deg)}}.error-title{color:var(--color-white-alpha-95);font-family:Inter,sans-serif;font-family:var(--font-display,"Inter",sans-serif);font-size:2.25rem;font-weight:700;letter-spacing:-.5px;margin:0 0 1.5rem;text-shadow:0 2px 20px var(--color-black-alpha-30)}.error-message{color:var(--color-white-alpha-70);font-size:1.125rem;line-height:1.8}.error-message,.error-retry-info{font-family:var(--font-main);margin:0 0 2.5rem}.error-retry-info{color:var(--color-white-alpha-60);font-size:1rem;font-style:italic}.error-retry-button{background:linear-gradient(135deg,var(--color-accent-alpha-100) 0,var(--color-accent-alt-alpha-90) 50%,var(--color-accent-secondary-alpha-90) 100%);border:none;border-radius:16px;box-shadow:0 8px 32px var(--color-accent-glow),0 0 0 0 var(--color-accent-alpha-60);color:var(--color-text-on-accent);cursor:pointer;font-family:var(--font-main);font-size:.875rem;font-weight:700;letter-spacing:2px;overflow:hidden;padding:1.25rem 3rem;position:relative;text-transform:uppercase;transition:var(--transition-all)}.error-retry-button:before{background:var(--color-white-alpha-30);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.error-retry-button:hover{box-shadow:0 16px 48px var(--color-accent-alpha-50),0 0 0 4px var(--color-accent-alpha-30);transform:translateY(-4px) scale(1.05)}.error-retry-button:hover:before{height:300px;width:300px}.error-retry-button:active{transform:translateY(-2px) scale(1.02)}@media screen and (min-width:1400px){.contents-section{gap:4rem;padding:6rem clamp(2.5rem,6vw,5rem) 4.5rem}.section-header{margin-bottom:3rem}.section-title{font-size:clamp(2.5rem,5vw,3.5rem)}}@media screen and (max-width:1399px) and (min-width:993px){.contents-section{gap:3.5rem;padding:5.5rem clamp(2rem,4vw,4rem) 4rem}.section-header{margin-bottom:3rem}}@media screen and (max-width:992px){.contents-section{gap:3rem;padding:5rem clamp(1.5rem,3vw,2.5rem) 3.5rem}.section-block{scroll-margin-top:6rem}.section-header{margin-bottom:2.5rem;padding:1.25rem 0}.section-title{font-size:clamp(2rem,5vw,3rem);margin-bottom:1.25rem}.section-title-underline{height:3px;width:80px}.section-header:hover .section-title-underline{width:100px}.main-page-error,.main-page-loading,.main-page-loading-skeleton{min-height:70vh;padding:3rem 1.5rem}.loading-spinner{height:100px;width:100px}.error-content{padding:4rem 3rem}}@media screen and (max-width:768px){.contents-section{gap:2.5rem;padding:4.5rem clamp(1.25rem,2.5vw,1.75rem) 3rem}.section-block{scroll-margin-top:5rem}.section-header{margin-bottom:2rem;padding:1rem 0}.section-title{font-size:clamp(1.75rem,6vw,2.25rem);line-height:1.2;margin-bottom:1rem}.section-title-underline{height:2px;width:60px}.section-header:hover .section-title-underline{width:80px}.main-page-error,.main-page-loading,.main-page-loading-skeleton{gap:2rem;min-height:60vh;padding:2rem 1.25rem}.loading-spinner{height:70px;width:70px}.loading-text{font-size:.75rem;letter-spacing:2px}.error-content{border-radius:24px;padding:3rem 2rem}.error-icon{font-size:3.5rem;margin-bottom:1.5rem}.error-title{font-size:1.75rem;line-height:1.3}.error-message{font-size:.9375rem;line-height:1.6}.error-retry-button{font-size:.8125rem;max-width:100%;min-height:44px;padding:1rem 2rem;width:100%}}@media screen and (max-width:480px){.contents-section{gap:2.5rem;padding:4rem 1.25rem 2.5rem}.section-block{scroll-margin-top:4rem}.section-header{margin-bottom:1.75rem;padding:.75rem 0}.section-title{font-size:clamp(1.5rem,7vw,1.875rem);line-height:1.25;margin-bottom:.875rem}.section-title-underline{height:2px;width:50px}.section-header:hover .section-title-underline{width:70px}.main-page-error,.main-page-loading,.main-page-loading-skeleton{gap:1.75rem;min-height:55vh;padding:1.75rem 1rem}.loading-spinner{height:60px;width:60px}.loading-text{font-size:.6875rem;letter-spacing:1.5px}.error-content{border-radius:20px;padding:2.5rem 1.5rem}.error-icon{font-size:3rem;margin-bottom:1.25rem}.error-title{font-size:1.5rem;line-height:1.3;margin-bottom:1rem}.error-message{line-height:1.6}.error-message,.error-retry-info{font-size:.875rem;margin-bottom:1.5rem}.error-retry-button{font-size:.75rem;max-width:100%;min-height:44px;padding:.9375rem 1.75rem;width:100%}}@media screen and (orientation:landscape) and (max-width:768px){.main-page-error,.main-page-loading,.main-page-loading-skeleton{min-height:70vh}}@media screen and (orientation:landscape) and (max-width:480px){.main-page-error,.main-page-loading,.main-page-loading-skeleton{min-height:65vh}}@media print{.main-page{background:var(--color-bg-primary)}.main-page-error,.main-page-loading,.main-page-loading-skeleton,.main-page:after,.main-page:before{display:none}.footer{background:#0000;border-top:1px solid var(--color-border-default);box-shadow:none;color:var(--color-text-heading)}.section-block{break-inside:avoid;page-break-inside:avoid}}@media (prefers-reduced-motion:reduce){.main-page:before{animation:none}.section-block{animation:none;opacity:1;transform:none}.section-title{animation:none;background-position:0 50%}.footer:before,.section-title-underline{animation:none;transition:none}.error-icon,.footer:after,.loading-spinner,.loading-spinner:after,.loading-text,.main-page-loading-skeleton .skeleton,.section-title-underline:before,.spinner-ring{animation:none}.error-retry-button:before,.section-block:before{transition:none}}@media (prefers-contrast:more){.section-title{-webkit-text-fill-color:var(--color-text-on-accent);text-shadow:2px 2px 4px var(--color-black-alpha-80)}.error-content,.footer{border:2px solid var(--color-white-alpha-30)}}.error-boundary{align-items:center;background:var(--color-bg-light);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-xl) var(--spacing-lg)}.error-boundary-content{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--spacing-card-radius);box-shadow:var(--shadow-card);max-width:600px;padding:var(--spacing-3xl) var(--spacing-2xl);text-align:center;width:100%}.error-boundary-icon{animation:shake .5s ease-in-out;font-size:4.5rem;margin-bottom:1.5rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-boundary-title{color:var(--color-text-heading);font-size:1.875rem;font-weight:700;letter-spacing:-.5px;margin:0 0 1rem}.error-boundary-message{color:var(--color-text-subtle);font-size:1.05rem;line-height:1.7;margin:0 0 2rem}.error-boundary-details{background:var(--color-bg-lighter);border:1px solid var(--color-border-default);border-radius:var(--component-radius-md);margin:2rem 0;padding:1.5rem;text-align:left}.error-boundary-details summary{color:var(--color-text-heading);cursor:pointer;font-weight:600;margin-bottom:1rem;-webkit-user-select:none;user-select:none}.error-boundary-stack{color:var(--color-text-subtle);font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;margin:0;overflow-wrap:break-word;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.error-boundary-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.error-boundary-button{background:var(--accent);border:none;border-radius:var(--btn-radius);box-shadow:var(--shadow-sm);color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.3px;min-width:140px;padding:.875rem 2rem;transition:all .3s ease}.error-boundary-button:hover{background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.error-boundary-button:active{transform:translateY(0)}.error-boundary-button-secondary{background:#0000;border:2px solid var(--accent);box-shadow:none;color:var(--accent)}.error-boundary-button-secondary:hover{background:var(--accent);color:var(--white)}.error-boundary-button-tertiary{background:var(--bg-lighter);border:2px solid var(--border-default);box-shadow:none;color:var(--color-text-heading)}.error-boundary-button-tertiary:hover{background:var(--bg-light);border-color:var(--border-medium)}.error-boundary-help-text{color:var(--color-text-subtle);font-size:.95rem;line-height:1.6;margin:0 0 1.5rem}.error-boundary-stack-trace{color:var(--text-muted);display:block;margin-top:.5rem}@media screen and (max-width:768px){.error-boundary-content{padding:2.5rem 2rem}.error-boundary-icon{font-size:4rem}.error-boundary-title{font-size:1.65rem}.error-boundary-actions{flex-direction:column}.error-boundary-button{max-width:300px;width:100%}}@media screen and (max-width:480px){.error-boundary{padding:1.5rem 1rem}.error-boundary-content{padding:2rem 1.5rem}.error-boundary-icon{font-size:3.5rem}.error-boundary-title{font-size:1.5rem}.error-boundary-message{font-size:.95rem}}@media print{.error-boundary{display:none}}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.empty-state-icon{animation:empty-state-pulse var(--duration-base) var(--easing-ease-in-out) infinite;font-size:4rem;margin-bottom:1.5rem;opacity:.7}@keyframes empty-state-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.empty-state-title{color:var(--color-text-heading);font-family:var(--font-main);font-size:1.5rem;font-weight:600;margin:0 0 1rem}.empty-state-message{color:var(--color-text-subtle);font-family:var(--font-main);font-size:1rem;line-height:1.6;margin:0;max-width:500px}.empty-state-action{margin-top:1.5rem}.empty-state-minimal{min-height:150px;padding:2rem 1.5rem}.empty-state-minimal .empty-state-icon{font-size:3rem;margin-bottom:1rem}.empty-state-minimal .empty-state-title{font-size:1.25rem;margin-bottom:.75rem}.empty-state-minimal .empty-state-message{font-size:.95rem}.empty-state-detailed{min-height:300px;padding:4rem 2.5rem}.empty-state-detailed .empty-state-icon{font-size:5rem;margin-bottom:2rem}.empty-state-detailed .empty-state-title{font-size:1.75rem;margin-bottom:1.25rem}.empty-state-detailed .empty-state-message{font-size:1.125rem;max-width:600px}@media (max-width:768px){.empty-state{min-height:180px;padding:2rem 1.5rem}.empty-state-icon{font-size:3rem;margin-bottom:1rem}.empty-state-title{font-size:1.25rem;margin-bottom:.75rem}.empty-state-message{font-size:.95rem}.empty-state-detailed{min-height:250px;padding:3rem 2rem}.empty-state-detailed .empty-state-icon{font-size:4rem;margin-bottom:1.5rem}.empty-state-detailed .empty-state-title{font-size:1.5rem}}@media (max-width:480px){.empty-state{min-height:150px;padding:1.5rem 1rem}.empty-state-icon{font-size:2.5rem;margin-bottom:.75rem}.empty-state-title{font-size:1.125rem;margin-bottom:.5rem}.empty-state-message{font-size:.875rem}}@media (prefers-reduced-motion:reduce){.empty-state-icon{animation:none}}@media (prefers-color-scheme:dark){.empty-state-title{color:var(--color-text-heading)}.empty-state-message{color:var(--color-text-subtle)}}:root{--back-to-top-size:var(--icon-size-large);--back-to-top-size-mobile:var(--icon-size-default);--back-to-top-z-index:calc(var(--z-fixed) - 1);--back-to-top-primary:var(--color-accent-primary);--back-to-top-secondary:var(--color-accent-alt);--back-to-top-tertiary:var(--color-accent-secondary)}.back-to-top-button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:linear-gradient(135deg,var(--color-accent-primary) 0,var(--color-accent-alt) 50%,var(--color-accent-secondary) 100%);background:linear-gradient(135deg,var(--back-to-top-primary) 0,var(--back-to-top-secondary) 50%,var(--back-to-top-tertiary) 100%);border:none;border-radius:50%;bottom:2rem;box-shadow:0 4px 16px var(--color-accent-alpha-40),0 8px 32px var(--color-accent-alt-alpha-30),0 0 0 0 var(--color-accent-alpha-50);color:var(--color-text-on-accent);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-main);gap:.25rem;height:var(--icon-size-large);height:var(--back-to-top-size);justify-content:center;outline:none;position:fixed;right:2rem;transition:var(--transition-all);width:var(--icon-size-large);width:var(--back-to-top-size);will-change:transform,opacity,box-shadow;z-index:calc(var(--z-fixed) - 1);z-index:var(--back-to-top-z-index)}.back-to-top-button.visible{animation:back-to-top-fade-in var(--duration-base) var(--easing-smooth) forwards;opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.back-to-top-button:not(.visible){opacity:0;pointer-events:none;transform:translateY(20px) scale(.8)}@keyframes back-to-top-fade-in{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.back-to-top-button:hover{background:linear-gradient(135deg,var(--color-accent-alt) 0,var(--color-accent-secondary) 50%,var(--color-accent-primary) 100%);background:linear-gradient(135deg,var(--back-to-top-secondary) 0,var(--back-to-top-tertiary) 50%,var(--back-to-top-primary) 100%);box-shadow:0 8px 24px var(--color-accent-alpha-50),0 16px 48px var(--color-accent-alt-alpha-40),0 0 0 4px var(--color-accent-alpha-30);transform:translateY(-4px) scale(1.05)}.back-to-top-button:active{box-shadow:0 4px 12px var(--color-accent-alpha-40),0 8px 24px var(--color-accent-alt-alpha-30);transform:translateY(-2px) scale(1.02)}.back-to-top-button:focus-visible{border-radius:50%;outline:3px solid var(--color-accent-primary);outline:3px solid var(--back-to-top-primary);outline-offset:4px}.back-to-top-icon{filter:drop-shadow(0 2px 4px var(--color-black-alpha-20));font-size:1.5rem;font-weight:700;line-height:1;transition:transform .3s ease}.back-to-top-button:hover .back-to-top-icon{transform:translateY(-2px)}.back-to-top-text{font-size:.625rem;font-weight:600;letter-spacing:.5px;line-height:1;opacity:.9;text-transform:uppercase;transition:opacity .3s ease}.back-to-top-button:hover .back-to-top-text{opacity:1}@media screen and (max-width:992px){.back-to-top-button{bottom:1.5rem;height:var(--icon-size-default);height:var(--back-to-top-size-mobile);right:1.5rem;width:var(--icon-size-default);width:var(--back-to-top-size-mobile)}.back-to-top-icon{font-size:1.25rem}.back-to-top-text{font-size:.5625rem}}@media screen and (max-width:768px){.back-to-top-button{bottom:1.25rem;height:var(--icon-size-default);height:var(--back-to-top-size-mobile);right:1.25rem;width:var(--icon-size-default);width:var(--back-to-top-size-mobile)}.back-to-top-icon{font-size:1.125rem}.back-to-top-text{font-size:.5rem}}@media screen and (max-width:480px){.back-to-top-button{bottom:1rem;height:44px;right:1rem;width:44px}.back-to-top-icon{font-size:1rem}.back-to-top-text{font-size:.4375rem}}@media screen and (orientation:landscape) and (max-width:768px){.back-to-top-button{bottom:1rem;right:1rem}}@media (prefers-reduced-motion:reduce){.back-to-top-button{animation:none;transition:opacity .2s ease}.back-to-top-button:hover{transform:none}.back-to-top-icon{transition:none}}@media print{.back-to-top-button{display:none!important}}.toast-container{flex-direction:column;max-width:400px;pointer-events:none;position:fixed;right:var(--spacing-lg);top:80px;width:100%;z-index:var(--z-tooltip)}.toast,.toast-container{display:flex;gap:var(--spacing-sm)}.toast{align-items:center;animation:toast-slide-in var(--duration-fast) var(--easing-smooth);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--spacing-card-radius);box-shadow:var(--shadow-lg);opacity:0;padding:var(--spacing-md) var(--spacing-lg);pointer-events:auto;transform:translateX(100%)}.toast-enter{animation:toast-slide-in var(--duration-fast) var(--easing-smooth) forwards}.toast-exit{animation:toast-slide-out var(--duration-fast) var(--easing-smooth) forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-icon{align-items:center;background:var(--color-bg-lighter);border-radius:50%;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:24px;justify-content:center;width:24px}.toast-success .toast-icon{background:var(--color-success-light);color:var(--color-success)}.toast-error .toast-icon{background:var(--color-error-light);color:var(--color-error)}.toast-warning .toast-icon{background:var(--color-warning-light);color:var(--color-warning)}.toast-info .toast-icon{background:var(--color-info-light);color:var(--color-info)}.toast-message{color:var(--text-main);flex:1 1;font-size:var(--font-size-base);font-weight:500;line-height:var(--line-height-normal)}.toast-close{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;line-height:1;padding:0;transition:all var(--transition-fast);width:24px}.toast-close:hover{background:var(--color-bg-lighter);color:var(--text-main)}.toast-close:focus{outline:2px solid var(--accent);outline-offset:2px}.toast-success{border-left:4px solid var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-info{border-left:4px solid var(--color-info)}@media (max-width:768px){.toast-container{left:10px;max-width:none;right:10px;top:70px}.toast{padding:14px 16px}.toast-message{font-size:var(--font-size-small)}}@media (prefers-reduced-motion:reduce){.toast,.toast-enter,.toast-exit{animation:none;opacity:1;transform:none}}.theme-toggle{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--component-radius-button);box-shadow:var(--shadow-sm);color:var(--color-text-main);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:var(--transition-all)}.theme-toggle:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-medium);box-shadow:var(--shadow-md);transform:translateY(-1px)}.theme-toggle:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.theme-toggle:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.theme-toggle-icon{align-items:center;display:flex;font-size:18px;height:20px;justify-content:center;line-height:1;width:20px}.theme-toggle-label{font-size:var(--font-size-small);white-space:nowrap}.navbar .theme-toggle{background:#0000;border:none;box-shadow:none;margin-left:auto;margin-right:12px;padding:6px 10px}.navbar .theme-toggle:hover{background:var(--color-bg-light);box-shadow:none}.navbar.compact .theme-toggle{margin-right:8px}@media (max-width:768px){.theme-toggle{padding:6px 10px}.theme-toggle-icon{font-size:16px;height:18px;width:18px}.theme-toggle-label{font-size:var(--font-size-xs)}}@media (prefers-reduced-motion:reduce){.theme-toggle{transition:none}.theme-toggle:hover{transform:none}}.offline-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--color-error),var(--color-error-dark));box-shadow:0 4px 16px var(--color-black-alpha-20),0 2px 8px var(--color-black-alpha-12);color:var(--color-text-inverse);font-size:.95rem;font-weight:500;left:0;letter-spacing:.2px;padding:1rem 1.5rem;position:fixed;right:0;text-align:center;top:0;transform:translateY(-100%);transition:transform .4s cubic-bezier(.34,1.56,.64,1);z-index:10001}.offline-indicator.offline{transform:translateY(0)}.offline-indicator.online.reconnected{animation:slide-down .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,var(--color-success),var(--color-success-dark));box-shadow:0 4px 16px var(--color-success-alpha-30),0 2px 8px var(--color-success-alpha-30);transform:translateY(0)}.offline-indicator-content{gap:.75rem;margin:0 auto;max-width:1200px}.offline-indicator-content,.offline-indicator-icon{align-items:center;display:flex;justify-content:center}.offline-indicator-icon{background:var(--color-white-alpha-20);border-radius:50%;flex-shrink:0;font-size:1.25rem;font-weight:700;height:24px;line-height:1;width:24px}.offline-indicator-text{flex:1 1;line-height:1.5}@keyframes slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media screen and (max-width:768px){.offline-indicator{font-size:.9rem;padding:.875rem 1.25rem}.offline-indicator-content{gap:.625rem}.offline-indicator-icon{font-size:1.1rem;height:22px;width:22px}}@media screen and (max-width:480px){.offline-indicator{font-size:.85rem;padding:.75rem 1rem}.offline-indicator-content{flex-wrap:wrap;gap:.5rem}.offline-indicator-icon{font-size:1rem;height:20px;width:20px}.offline-indicator-text{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){.offline-indicator{transition:none}.offline-indicator.online.reconnected{animation:none}}
/*# sourceMappingURL=main.a5d9ae8e.css.map*/