@import url(https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Sans+Condensed:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap);:root{--bg-deep:#080809;--bg-primary:#0b0b0c;--bg-surface:#111113;--bg-elevated:#17171a;--bg-card:rgba(17, 17, 19, 0.96);--bg-card-hover:rgba(28, 28, 32, 0.98);--bg-panel:#141417;--bg-panel-soft:#1c1c20;--bg-strong:#f4f4f5;--glow-orange:#f4f4f5;--glow-orange-dim:rgba(244, 244, 245, 0.7);--glow-red:#d4d4d8;--glow-red-dim:rgba(212, 212, 216, 0.65);--glow-yellow:#f4f4f5;--glow-yellow-dim:rgba(244, 244, 245, 0.65);--glow-green:#d4d4d8;--glow-amber:#f4f4f5;--glow-cyan:#f4f4f5;--glow-magenta:#d4d4d8;--glow-blue:#a1a1aa;--text-primary:#f8fafc;--text-secondary:#d4d4d8;--text-muted:#a1a1aa;--text-inverse:#101012;--text-dark:#101012;--accent-primary:#f4f4f5;--accent-hover:#d4d4d8;--accent-secondary:#d4d4d8;--success:#f4f4f5;--warning:#d4d4d8;--error:#f4f4f5;--info:#d4d4d8;--border-subtle:rgba(244, 244, 245, 0.28);--border-default:rgba(244, 244, 245, 0.66);--border-strong:#f4f4f5;--border-glow:rgba(244, 244, 245, 0.9);--border-muted:#71717a;--shadow-sm:4px 4px 0 rgba(244, 244, 245, 0.82);--shadow-md:6px 6px 0 rgba(244, 244, 245, 0.88);--shadow-lg:8px 8px 0 rgba(244, 244, 245, 0.92);--shadow-xl:10px 10px 0 rgba(244, 244, 245, 0.94);--shadow-glow-orange:6px 6px 0 rgba(244, 244, 245, 0.88);--shadow-glow-red:6px 6px 0 rgba(212, 212, 216, 0.82);--shadow-glow-cyan:6px 6px 0 rgba(244, 244, 245, 0.88);--shadow-glow-ambient:8px 8px 0 rgba(244, 244, 245, 0.7);--shadow-brutal:6px 6px 0 rgba(244, 244, 245, 0.9);--shadow-brutal-lg:10px 10px 0 rgba(244, 244, 245, 0.94);--navbar-bg:rgba(8, 8, 9, 0.96);--navbar-bg-scrolled:rgba(8, 8, 9, 0.98);--bg-pattern-overlay-start:rgba(8, 8, 9, 0.42);--bg-pattern-overlay-end:rgba(8, 8, 9, 0.56);--bg-pattern-line:rgba(244, 244, 245, 0.03);--bg-pattern-image:image-set(
    url("../assets/images/backgrounds/biology-grid.webp") type("image/webp"),
    url("../assets/images/backgrounds/biology-grid.png") type("image/png")
  );--hero-overlay-start:rgba(8, 8, 9, 0.16);--hero-overlay-end:rgba(8, 8, 9, 0.72);--hero-grid-line:rgba(244, 244, 245, 0.025);--interactive-hover:rgba(255, 255, 255, 0.05);--focus-ring:rgba(244, 244, 245, 0.14);--mark-bg:rgba(244, 244, 245, 0.18);--mark-text:#101012;--modal-scrim:rgba(10, 14, 23, 0.8);--panel-scrim:rgba(8, 8, 9, 0.86);--surface-shadow-inline-sm:4px 4px 0 rgba(244, 244, 245, 0.82);--surface-shadow-inline-md:6px 6px 0 rgba(244, 244, 245, 0.88);--surface-shadow-inline-soft:4px 4px 0 rgba(244, 244, 245, 0.78);--surface-shadow-inline-nav:-6px 0 0 rgba(244, 244, 245, 0.7);--hero-panel-bg:rgba(17, 17, 19, 0.95);--hero-video-filter:grayscale(0.55) contrast(1.04) brightness(0.62);--section-wash:rgba(244, 244, 245, 0.08);--section-wash-end:rgba(161, 161, 170, 0.04);--font-display:"Archivo Black",sans-serif;--font-body:"IBM Plex Sans Condensed",sans-serif;--font-mono:"JetBrains Mono",monospace;--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;--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;--radius-sm:0;--radius-md:2px;--radius-lg:2px;--radius-xl:2px;--radius-2xl:2px;--radius-full:9999px;--transition-fast:140ms ease;--transition-base:180ms ease;--transition-slow:260ms ease;--transition-bounce:180ms ease;--z-dropdown:100;--z-sticky:900;--z-overlay:500;--z-modal:1000;--z-toast:1100}[data-theme=light]{--bg-deep:#f3f3ee;--bg-primary:#f8f8f3;--bg-surface:#f0f0e9;--bg-elevated:#e7e7df;--bg-card:rgba(248, 248, 243, 0.96);--bg-card-hover:rgba(255, 255, 250, 0.99);--bg-panel:#f3f3eb;--bg-panel-soft:#e4e4dc;--bg-strong:#101012;--glow-orange:#101012;--glow-orange-dim:rgba(16, 16, 18, 0.7);--glow-red:#2f2f35;--glow-red-dim:rgba(47, 47, 53, 0.62);--glow-yellow:#101012;--glow-yellow-dim:rgba(16, 16, 18, 0.62);--glow-green:#2f2f35;--glow-amber:#101012;--glow-cyan:#101012;--glow-magenta:#2f2f35;--glow-blue:#52525b;--text-primary:#101012;--text-secondary:#2f2f35;--text-muted:#575760;--text-inverse:#fafaf7;--text-dark:#fafaf7;--accent-primary:#101012;--accent-hover:#2f2f35;--accent-secondary:#2f2f35;--success:#101012;--warning:#2f2f35;--error:#101012;--info:#2f2f35;--border-subtle:rgba(16, 16, 18, 0.18);--border-default:rgba(16, 16, 18, 0.38);--border-strong:#101012;--border-glow:rgba(16, 16, 18, 0.72);--border-muted:#6b6b73;--shadow-sm:4px 4px 0 rgba(16, 16, 18, 0.72);--shadow-md:6px 6px 0 rgba(16, 16, 18, 0.8);--shadow-lg:8px 8px 0 rgba(16, 16, 18, 0.84);--shadow-xl:10px 10px 0 rgba(16, 16, 18, 0.88);--shadow-glow-orange:6px 6px 0 rgba(16, 16, 18, 0.8);--shadow-glow-red:6px 6px 0 rgba(47, 47, 53, 0.68);--shadow-glow-cyan:6px 6px 0 rgba(16, 16, 18, 0.8);--shadow-glow-ambient:8px 8px 0 rgba(16, 16, 18, 0.62);--shadow-brutal:6px 6px 0 rgba(16, 16, 18, 0.86);--shadow-brutal-lg:10px 10px 0 rgba(16, 16, 18, 0.9);--navbar-bg:rgba(249, 249, 244, 0.95);--navbar-bg-scrolled:rgba(249, 249, 244, 0.98);--bg-pattern-overlay-start:rgba(248, 248, 243, 0.68);--bg-pattern-overlay-end:rgba(248, 248, 243, 0.82);--bg-pattern-line:rgba(16, 16, 18, 0.05);--bg-pattern-image:image-set(
    url("../assets/images/backgrounds/biology-grid.webp") type("image/webp"),
    url("../assets/images/backgrounds/biology-grid.png") type("image/png")
  );--hero-overlay-start:rgba(248, 248, 243, 0.18);--hero-overlay-end:rgba(248, 248, 243, 0.64);--hero-grid-line:rgba(16, 16, 18, 0.05);--interactive-hover:rgba(16, 16, 18, 0.05);--focus-ring:rgba(16, 16, 18, 0.12);--mark-bg:rgba(16, 16, 18, 0.12);--mark-text:#101012;--modal-scrim:rgba(246, 246, 241, 0.88);--panel-scrim:rgba(246, 246, 241, 0.82);--surface-shadow-inline-sm:4px 4px 0 rgba(16, 16, 18, 0.78);--surface-shadow-inline-md:6px 6px 0 rgba(16, 16, 18, 0.84);--surface-shadow-inline-soft:4px 4px 0 rgba(16, 16, 18, 0.72);--surface-shadow-inline-nav:-6px 0 0 rgba(16, 16, 18, 0.62);--hero-panel-bg:rgba(248, 248, 243, 0.96);--hero-video-filter:grayscale(0.35) contrast(0.96) brightness(1.12);--section-wash:rgba(16, 16, 18, 0.06);--section-wash-end:rgba(16, 16, 18, 0.02);color-scheme:light}*,::after,::before{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-deep);background-image:linear-gradient(var(--bg-pattern-overlay-start),var(--bg-pattern-overlay-end)),var(--bg-pattern-image);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base);background-color:var(--bg-primary);background-image:linear-gradient(var(--bg-pattern-overlay-start),var(--bg-pattern-overlay-end)),linear-gradient(var(--bg-pattern-line) 1px,transparent 1px),linear-gradient(90deg,var(--bg-pattern-line) 1px,transparent 1px),var(--bg-pattern-image);background-position:center;background-repeat:repeat;background-size:auto,56px 56px,56px 56px,720px auto;background-attachment:fixed;color:var(--text-primary);overflow-x:hidden}select{background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border-default);font:inherit}select:focus{border-color:var(--accent-primary)}optgroup,option{background:var(--bg-panel);color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;margin:0 0 var(--space-4);color:var(--text-primary)}h1{font-size:var(--text-5xl);letter-spacing:-.02em;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;font-family:var(--font-display)}h2{font-size:var(--text-3xl);letter-spacing:-.01em}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{margin:0 0 var(--space-4);color:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast);color:var(--text-primary)}.container{margin:0 auto;padding:0 var(--space-6)}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background:var(--navbar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-base),box-shadow var(--transition-base)}.navbar.scrolled{background:var(--navbar-bg-scrolled);box-shadow:var(--shadow-lg)}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);max-width:1400px;margin:0 auto}.logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text-primary);font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);transition:color var(--transition-fast)}.logo:hover{color:var(--accent-primary)}.logo-img{border-radius:var(--radius-sm)}.hamburger{display:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);background:0 0;border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.hamburger:hover{background:var(--bg-elevated);border-color:var(--border-default)}.hamburger-icon{width:24px;height:18px;position:relative}.hamburger-icon span{display:block;position:absolute;height:2px;width:100%;background:var(--text-primary);border-radius:2px;left:0;transition:all var(--transition-base)}.hamburger-icon span:first-child{top:0}.hamburger-icon span:nth-child(2){top:8px}.hamburger-icon span:nth-child(3){top:16px}.hamburger.active .hamburger-icon span:first-child{top:8px;transform:rotate(135deg)}.hamburger.active .hamburger-icon span:nth-child(2){opacity:0;transform:translateX(-20px)}.hamburger.active .hamburger-icon span:nth-child(3){top:8px;transform:rotate(-135deg)}.nav-links{display:flex;gap:var(--space-1)}.nav-links a{position:relative;padding:var(--space-2) var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-links a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--glow-orange),var(--glow-red));border-radius:var(--radius-full);transition:all var(--transition-base);transform:translateX(-50%);display:none}.nav-links a:hover{color:var(--text-primary);background:var(--interactive-hover)}.nav-links a:hover::after{width:60%}.nav-links a.active{color:var(--accent-primary)}.nav-links a.active::after{width:60%;box-shadow:0 0 10px var(--glow-orange-dim)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);margin-left:var(--space-4)}.theme-toggle:hover{background:var(--bg-card);border-color:var(--border-strong);color:var(--text-primary)}.theme-toggle svg{width:20px;height:20px;transition:transform var(--transition-base)}.theme-toggle:hover svg{transform:rotate(15deg)}.theme-toggle .sun-icon{display:block}.theme-toggle .moon-icon,[data-theme=light] .theme-toggle .sun-icon{display:none}[data-theme=light] .theme-toggle .moon-icon{display:block}main{padding-top:80px;min-height:100vh}main.about-section,main.publications-section,main.software-section,main.topics-section{padding-top:calc(80px + var(--space-16))!important}.hero{position:relative;z-index:1;width:100%;min-height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-deep)}#hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.4;opacity:.72;filter:var(--hero-video-filter)}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--hero-overlay-start) 0,var(--hero-overlay-end) 100%);z-index:1}.hero-content{position:relative;z-index:2;padding:var(--space-8);max-width:900px}.hero-content h1{font-size:var(--text-6xl);font-weight:700;margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--text-primary) 0,var(--glow-orange) 50%,var(--glow-red) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 60px var(--focus-ring)}@keyframes gradient-shift{0%,100%{background-position:0 center}50%{background-position:100% center}}.hero-content p{font-size:var(--text-xl);color:#fff!important;margin:0 auto;line-height:1.7}.mission-section{position:relative;padding:var(--space-20) 0;background:var(--bg-surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.mission-content{max-width:800px;margin:0 auto;text-align:center}.mission-content h2{display:inline-block;background:linear-gradient(135deg,var(--glow-orange),var(--glow-red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-8)}.mission-content p{font-size:var(--text-lg);line-height:1.8;color:var(--text-secondary)}.featured-sections{padding:var(--space-20) 0;position:relative}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.featured-tile{position:relative;display:flex;flex-direction:column;min-height:240px;padding:var(--space-8);background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-default);border-radius:var(--radius-xl);text-decoration:none;color:var(--text-primary);overflow:hidden;transition:all var(--transition-base)}.featured-tile::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0,var(--section-wash) 0,transparent 70%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.featured-tile:hover{transform:translateY(-4px);border-color:var(--border-glow);box-shadow:var(--shadow-glow-orange),var(--shadow-lg)}.featured-tile:hover::before{opacity:1}.tile-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.tile-content h3{font-size:var(--text-2xl);margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--glow-orange),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tile-content p{flex:1;font-size:var(--text-base);color:var(--text-secondary);line-height:1.6}.tile-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--accent-primary);font-size:var(--text-sm);margin-top:var(--space-4);transition:all var(--transition-fast)}.featured-tile:hover .tile-link{gap:var(--space-3);color:var(--accent-hover)}.events-grid,.publications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.event-item,.publication-item{background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.event-item:hover,.publication-item:hover{transform:translateY(-4px);border-color:var(--border-glow);box-shadow:var(--shadow-glow-orange)}footer{background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:var(--space-16) 0 var(--space-8)}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-8);margin-bottom:var(--space-8)}.footer-info h4{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-4)}.footer-info p{color:var(--text-secondary);line-height:1.8}.footer-info a{color:var(--text-secondary);transition:color var(--transition-fast)}.footer-info a:hover{color:var(--accent-primary)}.footer-logo{max-height:80px;opacity:.8;filter:brightness(0) invert(1);transition:opacity var(--transition-fast)}.footer-logo:hover{opacity:1}.footer-social{display:flex;gap:var(--space-4)}.footer-social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-xl);transition:all var(--transition-fast)}.footer-social a:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-inverse);transform:translateY(-2px);box-shadow:var(--shadow-glow-orange)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--border-subtle)}.footer-bottom a{color:var(--text-muted);font-size:var(--text-sm)}.footer-bottom a:hover{color:var(--accent-primary)}.footer-bottom p{color:var(--text-muted);font-size:var(--text-sm);margin:0}.loading-skeleton{padding:var(--space-8) 0}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.skeleton-list{display:flex;flex-direction:column;gap:var(--space-6)}.skeleton-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6)}.skeleton-image,.skeleton-text,.skeleton-title{background:linear-gradient(90deg,var(--bg-elevated) 0,var(--bg-surface) 50%,var(--bg-elevated) 100%);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-loading;border-radius:var(--radius-md)}.skeleton-image{width:100%;height:200px;margin-bottom:var(--space-4)}.skeleton-title{height:1.5rem;width:70%;margin-bottom:var(--space-3)}.skeleton-text{height:1rem;margin-bottom:var(--space-2)}.skeleton-text.short{width:40%}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.error-message{text-align:center;padding:var(--space-12) var(--space-8);background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-xl);margin:var(--space-8) 0}.error-message p{color:var(--error);font-size:var(--text-lg);margin-bottom:var(--space-4)}.retry-btn{background:var(--error);color:var(--text-inverse);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.retry-btn:hover{background:#ef4444;transform:translateY(-2px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:var(--space-4);background:var(--accent-primary);color:var(--text-inverse);padding:var(--space-3) var(--space-4);text-decoration:none;border-radius:var(--radius-md);font-weight:500;z-index:10000;transition:top var(--transition-base)}.skip-link:focus{top:var(--space-4)}:focus{outline:2px solid var(--accent-primary);outline-offset:2px}:focus:not(:focus-visible){outline:0}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.event-item:focus-visible,.news-item:focus-visible,.publication-item:focus-visible,.software-item:focus-visible,.team-member:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-glow-orange)}.notification{position:fixed;top:var(--space-6);right:var(--space-6);max-width:400px;padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-toast);opacity:0;transform:translateX(100%);transition:all var(--transition-base)}.notification.show{opacity:1;transform:translateX(0)}.notification-info{border-left:4px solid var(--info)}.notification-success{border-left:4px solid var(--success)}.notification-error{border-left:4px solid var(--error)}.notification-warning{border-left:4px solid var(--warning)}.notification-content{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.notification-close{background:0 0;border:none;color:var(--text-muted);font-size:var(--text-xl);cursor:pointer;padding:0;line-height:1;transition:color var(--transition-fast)}.notification-close:hover{color:var(--text-primary)}.modal{position:fixed;z-index:var(--z-modal);left:0;top:0;width:100%;height:100%;background-color:var(--modal-scrim);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;opacity:0;transition:opacity var(--transition-base)}.modal[aria-hidden=false]{display:flex;align-items:center;justify-content:center;opacity:1}.modal-content{position:relative;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8);width:90%;max-width:800px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modal-enter var(--transition-base) ease-out}@keyframes modal-enter{from{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-medium .modal-content{max-width:600px}.modal-large .modal-content{max-width:1000px}.close-modal{position:absolute;top:var(--space-4);right:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);cursor:pointer;transition:all var(--transition-fast)}.close-modal:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-strong)}.search-container{position:relative;max-width:600px;margin:var(--space-8) auto}.search-input{width:100%;padding:var(--space-3) var(--space-5) var(--space-3) var(--space-12);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);transition:all var(--transition-fast)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring),var(--shadow-glow-orange)}.search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-results{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:400px;overflow-y:auto;z-index:var(--z-dropdown);display:none}.search-results-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);font-size:var(--text-sm);color:var(--text-muted)}.search-result{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--transition-fast)}.search-result:focus,.search-result:hover,.search-result[aria-selected=true]{background:var(--bg-elevated)}.search-result:last-child{border-bottom:none}.search-result-icon{width:40px;text-align:center;color:var(--accent-primary);font-size:var(--text-lg)}.search-result-content{flex:1;min-width:0}.search-result-title{margin:0 0 var(--space-1) 0;font-size:var(--text-base);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-title mark{background:var(--mark-bg);color:var(--mark-text);padding:1px 4px;border-radius:var(--radius-sm)}.search-result-subtitle{margin:0 0 var(--space-1) 0;font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-type{display:inline-block;padding:2px var(--space-2);background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--text-xs);border-radius:var(--radius-full);text-transform:capitalize}.search-no-results{padding:var(--space-6);text-align:center;color:var(--text-muted)}.navbar .search-container{margin:0;max-width:280px}.navbar .search-input{padding:var(--space-2) var(--space-4) var(--space-2) var(--space-10);font-size:var(--text-sm)}.navbar .search-icon{left:var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--glow-orange),var(--glow-yellow));color:var(--text-inverse);box-shadow:var(--shadow-glow-orange)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-orange)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-card);border-color:var(--border-strong)}.btn-ghost{background:0 0;color:var(--text-secondary)}.btn-ghost:hover{background:var(--interactive-hover);color:var(--text-primary)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full);text-transform:uppercase}.badge-amber,.badge-green,.badge-orange,.badge-red{background:var(--interactive-hover);color:var(--text-secondary);border:1px solid var(--border-default)}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:.6s cubic-bezier(.16, 1, .3, 1)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-on-scroll:first-child{transition-delay:0s}.animate-on-scroll:nth-child(2){transition-delay:0.1s}.animate-on-scroll:nth-child(3){transition-delay:0.2s}.animate-on-scroll:nth-child(4){transition-delay:0.3s}.animate-on-scroll:nth-child(5){transition-delay:0.4s}.animate-on-scroll:nth-child(6){transition-delay:0.5s}@keyframes glow-pulse{0%,100%{box-shadow:var(--shadow-glow-orange)}50%{box-shadow:var(--shadow-brutal-lg)}}.glow-pulse{animation:2s ease-in-out infinite glow-pulse}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:6s ease-in-out infinite float}@media (max-width:768px){main{padding-top:68px}main.about-section,main.publications-section,main.software-section,main.topics-section{padding-top:calc(68px + var(--space-8))!important}.hamburger{display:block;position:relative;z-index:1000}.nav-links{position:fixed!important;top:68px!important;left:0!important;right:0!important;width:auto!important;max-width:none!important;height:calc(100dvh - 68px)!important;background:var(--bg-primary)!important;border-left:1px solid var(--border-subtle)!important;display:none!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:0!important;padding:var(--space-3) 0!important;overflow-y:auto!important;z-index:99999!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.nav-links.active{display:flex!important}.nav-links a{position:relative;z-index:1;display:block;padding:1rem var(--space-5);border-radius:0;border-bottom:1px solid var(--border-subtle);font-size:.95rem}.nav-links a::after{display:none}.nav-links a.active{background:var(--interactive-hover);border-left:3px solid var(--accent-primary)}.mobile-overlay{position:fixed;top:68px;left:0;right:0;height:calc(100dvh - 68px);background:var(--panel-scrim);backdrop-filter:none;-webkit-backdrop-filter:none;z-index:calc(var(--z-modal) - 1);opacity:0;visibility:hidden;pointer-events:none;transition:all var(--transition-base)}.mobile-overlay.active{opacity:1;visibility:visible;pointer-events:auto}@supports (right:min(1px,2px)){.mobile-overlay{right:0}}.navbar .search-container{display:none}.hero-content h1{font-size:var(--text-4xl)}.hero-content p{font-size:var(--text-base)}.featured-grid{grid-template-columns:1fr}.navbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--bg-primary)!important}.mobile-overlay,.nav-links{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.featured-tile{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--bg-elevated)!important}.footer-content{flex-direction:column;text-align:center}.footer-social{justify-content:center}.footer-bottom{flex-direction:column;text-align:center}}@media (max-width:480px){.hero-content h1{font-size:var(--text-3xl)}.container{padding:0 var(--space-4)}.featured-tile{min-height:200px;padding:var(--space-6)}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.animate-on-scroll{opacity:1;transform:none}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full);border:2px solid var(--bg-surface)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--bg-elevated) var(--bg-surface)}h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-body);font-weight:600;text-transform:none;letter-spacing:.01em}a:hover{color:var(--accent-hover)}img{display:block;max-width:100%}.container{max-width:1280px}.theme-toggle{display:inline-flex!important;flex-shrink:0;margin-left:0;background:var(--bg-panel);border:2px solid var(--border-strong);border-radius:0;box-shadow:var(--surface-shadow-inline-sm);color:var(--text-primary)}.theme-toggle:hover{background:var(--bg-panel-soft);box-shadow:var(--surface-shadow-inline-md)}.navbar{background:var(--navbar-bg);border-bottom:2px solid var(--border-strong);box-shadow:var(--shadow-sm);backdrop-filter:none;-webkit-backdrop-filter:none}.navbar.scrolled{box-shadow:var(--shadow-md)}.nav-container{gap:var(--space-4);padding:.9rem 1.35rem}.logo{font-size:var(--text-base);letter-spacing:.08em;text-transform:uppercase}.logo-img{height:42px;border:2px solid var(--border-strong);border-radius:0;box-shadow:var(--surface-shadow-inline-sm)}.hamburger{border:2px solid var(--border-strong);border-radius:0;background:var(--bg-panel);box-shadow:var(--surface-shadow-inline-sm)}.hamburger:hover{background:var(--bg-panel-soft);border-color:var(--border-strong)}.nav-links{flex-wrap:wrap;justify-content:flex-end}.nav-links a{padding:.55rem .8rem;border:2px solid transparent;border-radius:0;color:var(--text-primary);font-family:var(--font-body);font-size:.76rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.nav-links a:hover{background:var(--bg-panel-soft);border-color:var(--border-strong);color:var(--text-primary)}.nav-links a.active{background:var(--bg-strong);color:var(--text-dark);border-color:var(--border-strong);box-shadow:4px 4px 0 rgba(212,212,216,.85)}.hero{min-height:calc(72vh - 80px);padding:var(--space-6) var(--space-8);border-bottom:2px solid var(--border-strong)}.hero::before{background:linear-gradient(180deg,var(--hero-overlay-start) 0,var(--hero-overlay-end) 100%),linear-gradient(90deg,var(--hero-grid-line) 1px,transparent 1px),linear-gradient(var(--hero-grid-line) 1px,transparent 1px);background-size:auto,56px 56px,56px 56px}.hero-content{width:min(100%,48rem);margin:0 auto 0 0;padding:var(--space-6);background:var(--hero-panel-bg);border:2px solid var(--border-strong);box-shadow:var(--shadow-brutal);text-align:left}.hero-content h1{max-width:9ch;margin-bottom:var(--space-4);background:0 0;-webkit-text-fill-color:currentColor;color:var(--text-primary);font-size:clamp(2.4rem, 6.5vw, 4.75rem);line-height:.92;text-shadow:none;animation:none;overflow-wrap:normal;word-break:keep-all;hyphens:none}.hero-word{display:inline-block;white-space:nowrap}.hero-content p{max-width:34rem;color:var(--text-secondary)!important;font-size:1rem;text-shadow:none!important}.featured-sections,.mission-section,footer{background:0 0}.mission-section{padding:var(--space-16) 0;border-top:2px solid var(--border-strong);border-bottom:2px solid var(--border-strong)}.mission-content,.research-area-page .container{padding:var(--space-6);background:var(--bg-panel);border:2px solid var(--border-strong);box-shadow:var(--shadow-sm)}.mission-content h2{background:0 0;-webkit-text-fill-color:currentColor;color:var(--text-primary)}.research-area-page .container{display:grid;gap:var(--space-5);max-width:66rem;margin-top:var(--space-8);margin-bottom:var(--space-10)}.research-area-page h1{margin-bottom:0}#network-container,.control-group,.error-message,.event-item,.featured-tile,.modal-content,.network-controls,.network-legend,.news-item,.notification,.privacy-content,.publication-item,.research-item,.research-popup,.search-results,.skeleton-item,.software-item,.team-member,.topic-network-cta,.topic-popup{background:var(--bg-panel)!important;border:2px solid var(--border-strong)!important;border-radius:0!important;box-shadow:var(--shadow-sm)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.btn:hover,.event-item:hover,.featured-tile:hover,.filter-button:hover,.footer-social a:hover,.network-btn:hover,.news-item:hover,.publication-item:hover,.research-item:hover,.social-links a:hover,.software-item:hover,.team-member:hover,.topic-network-cta:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-md)!important}.about-section h1,.event-header h3,.events-section h1,.footer-info h4,.member-details h3,.member-name,.news-section h1,.news-text h3,.privacy-content h2,.privacy-section h1,.publication-text h3,.publications-section h1,.research-section h1,.research-text h3,.software-item h3,.software-section h1,.tile-content h3,.topics-header h1{background:0 0!important;-webkit-text-fill-color:currentColor!important;color:var(--text-primary)!important;text-shadow:none!important}.event-header h3,.footer-info h4,.member-details h3,.member-name,.news-text h3,.publication-text h3,.research-text h3,.software-item h3,.tile-content h3{font-family:var(--font-body);font-size:1.08rem;font-weight:600;text-transform:none;letter-spacing:.01em}.about-section h1,.events-section h1,.news-section h1,.privacy-section h1,.publications-section h1,.research-area-page h1,.research-section h1,.software-section h1,.topics-header h1{font-size:clamp(1.8rem, 4vw, 3rem);line-height:1.02}.research-link,.tile-link{color:var(--text-primary);font-family:var(--font-body);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.research-link:hover,.tile-link:hover{color:var(--accent-hover)}.btn,.close-modal,.event-register,.filter-button,.footer-social a,.github-link,.network-btn,.news-link,.publication-link,.research-popup-close,.social-links a,.topic-network-cta .cta-button,.web-interface-link,.web-link{border:2px solid var(--border-strong)!important;border-radius:0!important;box-shadow:var(--surface-shadow-inline-sm);font-family:var(--font-body);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.btn,.close-modal,.filter-button,.footer-social a,.github-link,.network-btn,.research-popup-close,.social-links a,.web-interface-link,.web-link{background:var(--bg-panel-soft)!important;color:var(--text-primary)!important}.btn-primary,.close-modal:hover,.event-register,.filter-button.active,.network-btn.active,.news-link,.publication-link,.research-popup-close:hover,.topic-network-cta .cta-button{background:var(--bg-strong)!important;color:var(--text-dark)!important;border-color:var(--border-strong)!important}.btn-ghost,.btn-secondary{background:var(--bg-panel-soft);color:var(--text-primary)}.event-register:hover,.github-link:hover,.news-link:hover,.publication-link:hover,.topic-network-cta .cta-button:hover,.web-interface-link:hover,.web-link:hover{color:var(--text-dark)!important;background:var(--bg-strong)!important}.badge,.event-status,.event-type-badge,.news-category,.publication-year,.search-result-type,.topic-tag,.version{display:inline-flex;align-items:center;gap:.25rem;background:0 0!important;color:var(--text-secondary)!important;border:2px solid var(--border-default)!important;border-radius:999px!important;box-shadow:none!important;text-transform:uppercase;letter-spacing:.05em}.badge-amber,.badge-green,.badge-orange,.badge-red,.event-status.symposium,.event-status.upcoming,.news-category.events,.news-category.publications,.news-category.research{background:0 0!important;color:var(--text-secondary)!important;border-color:var(--border-default)!important}.search-container{margin:0}.search-input{background:var(--bg-panel);border:2px solid var(--border-strong);border-radius:0;box-shadow:var(--surface-shadow-inline-sm);color:var(--text-primary)}.search-input:focus{border-color:var(--border-strong);box-shadow:var(--surface-shadow-inline-md)}.search-results{margin-top:.35rem}.search-result:focus,.search-result:hover,.search-result[aria-selected=true],.search-results-header{background:var(--bg-panel-soft)!important}.modal,.research-popup-overlay{background:var(--panel-scrim);backdrop-filter:none;-webkit-backdrop-filter:none}.member-image,.modal-member-image,.news-image{border:2px solid var(--border-strong);border-radius:0!important;box-shadow:var(--surface-shadow-inline-soft)}.member-image{width:156px;height:156px}.team-member:hover .member-image{border-color:var(--border-strong);box-shadow:var(--surface-shadow-inline-md)}.software-features li::before{color:var(--text-primary)}.research-icon i,.research-popup-icon i,.search-result-icon,.topic-network-cta h3 i{background:0 0!important;-webkit-text-fill-color:currentColor!important;color:var(--text-primary)!important;filter:none!important}.control-group,.network-controls,.network-legend,.research-popup-icon,.topic-network-cta{background:var(--bg-panel)!important}.footer-bottom,.member-details,.privacy-content section,.research-popup-header,.software-citation{border-color:var(--border-default)!important}.skip-link{background:var(--bg-strong);color:var(--text-dark);border:2px solid var(--border-strong);border-radius:0;box-shadow:var(--surface-shadow-inline-sm)}::-webkit-scrollbar-thumb{border-radius:0}@media (max-width:768px){.nav-links{background:var(--bg-primary)!important;border-left:2px solid var(--border-strong)!important;box-shadow:var(--surface-shadow-inline-nav);opacity:1!important}.nav-links a{color:var(--text-primary)!important;border-left:0;border-right:0;border-top:0;border-bottom:2px solid var(--border-default)}.nav-links a.active{background:var(--bg-strong);border-left:0}.mobile-overlay{display:none!important}.hero{min-height:auto;padding:var(--space-4)}.hero-content{margin:0 auto 0 0;padding:var(--space-5)}.mission-content,.research-area-page .container{padding:var(--space-5)}.animate-on-scroll,.animate-on-scroll.visible{opacity:1!important;transform:none!important;transition:none!important}.footer-bottom,.footer-content{align-items:stretch}}@media (max-width:480px){.nav-container{padding:.75rem .9rem}.logo{font-size:.92rem}.hamburger{display:flex!important;margin-left:auto}.hero-content{width:calc(100% - .4rem);max-width:calc(100vw - 1.2rem);padding:var(--space-4)}.hero-content h1{max-width:8ch;font-size:clamp(1.42rem, 7.2vw, 1.95rem);letter-spacing:.02em}.hero-content p{font-size:.92rem}}