.hp-field{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}:root{--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg: #faf6ee;--bg-elevated: #ffffff;--bg-elevated-2: #f2ead6;--bg-hero-glow-1: rgba(184, 135, 47, .14);--bg-hero-glow-2: rgba(23, 35, 74, .08);--border-color: #e8e0cd;--border-hover: #d9cca8;--text-color: #1c2333;--text-secondary: #5c6270;--text-muted: #8d8f9c;--accent: #b8872f;--accent-hover: #9c7326;--accent-2: #17234a;--accent-2-hover: #223462;--accent-2-contrast: #ffffff;--accent-contrast: #ffffff;--accent-soft: rgba(184, 135, 47, .12);--accent-soft-border: rgba(184, 135, 47, .35);--success-color: #1f8a58;--error-color: #c0392b;--warning-color: #b8872f;--focus-color: #17234a;--header-bg: rgba(250, 246, 238, .92);--shadow-sm: 0 2px 10px rgba(28, 35, 51, .06);--shadow-md: 0 12px 32px rgba(28, 35, 51, .08);--shadow-lg: 0 24px 64px rgba(28, 35, 51, .12);--glow-accent: 0 8px 20px rgba(23, 35, 74, .22);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 5rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--transition-speed: .2s;--transition-smooth: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.16, 1, .3, 1);--z-sticky: 1020;--z-modal-backdrop: 1040;--z-modal: 1050}:root[data-theme=dark]{--bg: #10182b;--bg-elevated: #17213b;--bg-elevated-2: #1e2a48;--bg-hero-glow-1: rgba(217, 172, 82, .18);--bg-hero-glow-2: rgba(99, 132, 255, .12);--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .18);--text-color: #f3ede0;--text-secondary: #b9bfd0;--text-muted: #7d8296;--accent: #d9ac52;--accent-hover: #e8bd6a;--accent-2: #d9ac52;--accent-2-hover: #e8bd6a;--accent-2-contrast: #101a30;--accent-contrast: #101a30;--accent-soft: rgba(217, 172, 82, .14);--accent-soft-border: rgba(217, 172, 82, .35);--success-color: #34d399;--error-color: #f87171;--warning-color: #d9ac52;--focus-color: #d9ac52;--header-bg: rgba(16, 24, 43, .82);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .28);--shadow-md: 0 12px 32px rgba(0, 0, 0, .38);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .5);--glow-accent: 0 8px 20px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);line-height:1.65;color:var(--text-color);background-color:var(--bg);font-size:1rem;transition:background-color var(--transition-smooth),color var(--transition-smooth);overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;color:var(--text-color)}p{color:var(--text-secondary)}a{color:inherit}img{max-width:100%;display:block}::selection{background-color:var(--accent);color:#fff}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-full);border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--accent);color:#fff;padding:8px 16px;text-decoration:none;z-index:2000;border-radius:0 0 8px}.skip-to-content:focus{top:0;outline:3px solid var(--focus-color);outline-offset:2px}a:focus,button:focus,input:focus,textarea:focus,select:focus{outline:3px solid var(--focus-color);outline-offset:2px}.nav-link:focus{outline-color:var(--accent);border-radius:4px}.loading-fallback{display:flex;justify-content:center;align-items:center;min-height:400px}.spinner{width:44px;height:44px;border:3px solid var(--border-color);border-top:3px solid var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{max-width:1180px;margin:0 auto;padding:0 24px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.75rem;background:var(--accent-2);color:var(--accent-2-contrast);text-decoration:none;border-radius:var(--radius-full);font-weight:600;font-size:.95rem;border:1px solid transparent;cursor:pointer;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease,background var(--transition-speed) ease;box-shadow:var(--glow-accent)}.cta-button:hover{transform:translateY(-2px);background:var(--accent-2-hover)}.cta-button:focus{outline:3px solid var(--focus-color);outline-offset:2px}.cta-button.secondary{background:transparent;border:1px solid var(--border-hover);color:var(--text-color);box-shadow:none}.cta-button.secondary:hover{background:var(--bg-elevated);border-color:var(--accent-2)}.header{background:var(--header-bg);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:var(--z-sticky);transition:background var(--transition-smooth),border-color var(--transition-smooth)}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 0}.logo-link{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--text-color);text-decoration:none;letter-spacing:-.01em}.nav-list{display:flex;list-style:none;gap:2.25rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.92rem;font-weight:500;transition:color var(--transition-speed) ease;position:relative;padding:.5rem 0}.nav-link:hover,.nav-link.active{color:var(--text-color)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;border-radius:var(--radius-full);background:var(--accent);transition:width var(--transition-speed) ease}.nav-link:hover:after,.nav-link.active:after,.nav-link:focus:after{width:100%}.header-actions{display:flex;align-items:center;gap:.5rem}.search-button,.theme-toggle{background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;padding:.5rem;width:38px;height:38px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:color var(--transition-speed),background var(--transition-speed),border-color var(--transition-speed)}.search-button:hover,.theme-toggle:hover{color:var(--text-color);background:var(--bg-elevated);border-color:var(--border-color)}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--text-color);cursor:pointer;padding:.5rem}.mobile-nav{position:fixed;top:0;right:0;height:100vh;width:280px;background:var(--bg-elevated);border-left:1px solid var(--border-color);box-shadow:var(--shadow-lg);padding:6rem 2rem 2rem;z-index:999;transform:translate(100%);transition:transform var(--transition-smooth)}.mobile-nav.open{transform:translate(0)}.mobile-menu-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:998;border:none;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none}.mobile-nav-list{list-style:none;display:flex;flex-direction:column;gap:1.5rem}.mobile-nav-link{color:var(--text-secondary);text-decoration:none;font-size:1.1rem;font-weight:500;padding:.25rem 0;display:block;transition:color var(--transition-speed)}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--text-color)}.desktop-nav{display:flex;align-items:center}.main-content{min-height:calc(100vh - 200px)}.hero{position:relative;text-align:center;padding:7rem 0 5rem;overflow:hidden;isolation:isolate}.hero:before,.hero:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;filter:blur(90px);z-index:-1}.hero:before{background:var(--bg-hero-glow-1);top:-220px;left:50%;transform:translate(-70%)}.hero:after{background:var(--bg-hero-glow-2);top:-120px;left:50%;transform:translate(20%)}.hero .eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:var(--radius-full);background:var(--accent-soft);border:1px solid var(--accent-soft-border);color:var(--accent);font-size:.8rem;font-weight:600;letter-spacing:.02em;margin-bottom:1.75rem}.hero h1{font-size:clamp(2.2rem,5vw,3.75rem);line-height:1.1;max-width:880px;margin:0 auto 1.25rem}.hero .gradient-text{font-style:italic;background:linear-gradient(120deg,var(--accent-2) 10%,var(--accent) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:1.15rem;max-width:620px;margin:0 auto 2.25rem;color:var(--text-secondary)}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;padding:1rem 0 3rem}.stat{text-align:center;padding:1.5rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-elevated);transition:border-color var(--transition-speed),transform var(--transition-speed)}.stat:hover{border-color:var(--accent-soft-border);transform:translateY(-3px)}.stat .stat-num{font-family:var(--font-display);font-size:2.1rem;font-weight:700;color:var(--accent-2);line-height:1.2}.stat .stat-label{font-size:.85rem;color:var(--text-secondary);margin-top:.35rem}.experience,.research,.activities,.projects,.contact{padding:4.5rem 0 5rem;min-height:calc(100vh - 200px)}section+section,.container>section{padding-top:4.5rem;padding-bottom:4.5rem}.section-subtitle{font-size:1.05rem;color:var(--text-secondary);margin-bottom:2.5rem;text-align:center;line-height:1.7;max-width:640px;margin-left:auto;margin-right:auto}h1{margin-bottom:1rem;font-size:2.4rem;text-align:center}h2{margin:0 0 1rem;font-size:1.6rem}.section-head{margin-bottom:2.25rem;max-width:640px}.section-head .tag{display:inline-block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.6rem}.section-head h2{margin-bottom:0}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.info-card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;transition:border-color var(--transition-speed),transform var(--transition-speed),box-shadow var(--transition-speed)}.info-card:hover{border-color:var(--accent-soft-border);transform:translateY(-3px);box-shadow:var(--shadow-md)}.info-card h3{font-size:1.05rem;margin-bottom:.5rem}.info-card p{font-size:.92rem;margin-bottom:0}.pill-group{display:flex;flex-wrap:wrap;gap:.6rem}.pill{background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-color);font-size:.85rem;font-weight:500;padding:.5rem 1.1rem;border-radius:var(--radius-full);transition:border-color var(--transition-speed),color var(--transition-speed)}.pill:hover{border-color:var(--accent-soft-border);color:var(--accent)}.cta-band{background:linear-gradient(135deg,var(--bg-elevated),var(--accent-soft));border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:3.5rem 2rem;text-align:center}.cta-band h2{color:var(--text-color)}.cta-band p{color:var(--text-secondary)}.timeline-section{margin-bottom:3rem}.timeline-section:last-child{margin-bottom:0}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--accent-soft-border),var(--border-color))}.timeline-item{position:relative;padding-bottom:2rem}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:-2rem;top:.2rem;width:16px;height:16px;background:var(--bg);border:2px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent);z-index:1}.timeline-marker svg{display:none}.timeline-content{background:var(--bg-elevated);border:1px solid var(--border-color);padding:1.4rem 1.6rem;border-radius:var(--radius-md);transition:border-color var(--transition-speed),transform var(--transition-speed)}.timeline-content:hover{border-color:var(--accent-soft-border);transform:translate(2px)}.timeline-year{display:inline-block;color:var(--accent);font-weight:600;font-size:.85rem;margin-bottom:.4rem}.timeline-content h3{font-size:1.05rem;margin:0 0 .35rem}.timeline-content h4{color:var(--text-secondary);font-weight:400;margin-bottom:.5rem}.timeline-item .org{font-size:.92rem;color:var(--text-secondary);margin-bottom:.4rem}.entry-list{display:flex;flex-direction:column;gap:1rem}.entry{display:grid;grid-template-columns:150px 1fr;gap:1.25rem;padding:1.5rem 1.75rem;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-speed),transform var(--transition-speed),box-shadow var(--transition-speed)}.entry:hover{border-color:var(--accent-soft-border);transform:translateY(-2px);box-shadow:var(--shadow-md)}.entry .entry-when{font-size:.85rem;font-weight:600;color:var(--accent)}.entry h3{font-size:1.02rem;margin-bottom:.3rem}.entry .entry-venue{font-size:.9rem;color:var(--text-secondary);margin-bottom:.25rem}.entry .entry-doi{font-size:.85rem}.entry .entry-doi a{word-break:break-all;color:var(--accent)}.projects-filters{display:flex;justify-content:space-between;align-items:center;margin:0 0 2.25rem;flex-wrap:wrap;gap:1rem}.category-filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter-button{padding:.55rem 1.1rem;border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-speed);font-size:.88rem;font-weight:500}.filter-button:hover{border-color:var(--accent-soft-border);color:var(--text-color)}.filter-button.active{background:var(--accent-2);color:var(--accent-2-contrast);border-color:var(--accent-2)}.featured-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-secondary);font-size:.9rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem}.project-card{background:var(--bg-elevated);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-speed);position:relative;border:1px solid var(--border-color);display:flex;flex-direction:column}.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:var(--accent-soft-border)}.featured-badge{position:absolute;top:1rem;right:1rem;background:var(--accent);color:#fff;padding:.3rem .85rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;z-index:1;box-shadow:var(--shadow-sm)}.project-image{width:100%;height:190px;overflow:hidden;background:var(--bg-elevated-2)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image img{transform:scale(1.06)}.project-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.project-content h3{font-size:1.15rem;margin-bottom:.5rem}.project-content h3 a{color:var(--text-color);text-decoration:none}.project-content h3 a:hover{color:var(--accent)}.project-content p{color:var(--text-secondary);margin-bottom:1rem;font-size:.94rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin:.25rem 0 1rem}.tech-tag,.tag{background:var(--bg-elevated-2);color:var(--text-secondary);padding:.3rem .8rem;border-radius:var(--radius-full);font-size:.78rem;display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--border-color)}.project-links{display:flex;gap:1.5rem;margin-top:auto}.project-link{display:inline-flex;align-items:center;gap:.4rem;padding:0;border-radius:0;text-decoration:none;font-size:.9rem;font-weight:600;color:var(--accent-2);transition:opacity var(--transition-speed) ease}.project-link.demo,.project-link.github{background:none;border:none;color:var(--accent-2)}.project-link:hover{opacity:.7;text-decoration:underline}.project-support{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:.5rem}.support-button-small{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;background:var(--accent-soft);border:1px solid var(--accent-soft-border);color:var(--accent);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed)}.support-button-small:hover:not(:disabled){background:var(--accent);color:#fff}.support-button-small:disabled{opacity:.6;cursor:not-allowed}.support-count-small{margin:0;font-size:.8rem;color:var(--text-muted);font-weight:500}.no-results,.state-loading{text-align:center;padding:3rem;color:var(--text-muted)}.state-error{text-align:center;padding:2rem;background:#f871711a;border:1px solid rgba(248,113,113,.3);color:var(--error-color);border-radius:var(--radius-md);margin-bottom:2rem}.state-error .retry-button{margin-top:1rem;padding:.6rem 1.5rem;background:var(--error-color);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;font-weight:600;font-size:.9rem}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:3.5rem}.contact-grid .contact-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;background:var(--bg-elevated);transition:transform var(--transition-speed) ease,border-color var(--transition-speed) ease}.contact-grid .contact-card:hover{transform:translateY(-3px);border-color:var(--accent-soft-border)}.contact-grid .contact-card .icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-speed)}.contact-grid .contact-card:hover .icon{transform:scale(1.08)}.contact-grid .contact-card h3{font-size:1rem;margin-bottom:.3rem}.contact-grid .contact-card p{margin-bottom:0;font-size:.92rem;word-break:break-word}.contact-form{max-width:620px;margin:0 auto;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem}.form-group{margin-bottom:1.5rem}.form-group:last-of-type{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.92rem;color:var(--text-color)}.form-group input,.form-group textarea{width:100%;padding:.8rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;background:var(--bg);color:var(--text-color);transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-group input.error,.form-group textarea.error{border-color:var(--error-color)}.error-message{color:var(--error-color);font-size:.85rem;margin-top:.35rem;display:block}.submit-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent-2);color:var(--accent-2-contrast);border:none;padding:.95rem 2rem;border-radius:var(--radius-full);font-size:1rem;font-weight:600;cursor:pointer;box-shadow:var(--glow-accent);transition:background-color var(--transition-speed) ease,transform .2s ease}.submit-button:hover:not(:disabled){background:var(--accent-2-hover);transform:translateY(-1px)}.submit-button:disabled{opacity:.65;cursor:not-allowed}.support-modal-overlay-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:1rem}.support-modal-overlay{position:absolute;inset:0;background:#05060ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none}.support-modal{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;z-index:1;padding:2rem;box-shadow:var(--shadow-lg)}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-speed)}.modal-close:hover{background:var(--bg-elevated-2);color:var(--text-color)}.modal-header{margin-bottom:1.5rem;text-align:center}.modal-icon{width:56px;height:56px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.modal-header h2{font-size:1.4rem;margin-bottom:.4rem}.modal-header p{font-size:.92rem}.support-form{display:flex;flex-direction:column;gap:1.1rem}.support-form .form-group{margin-bottom:0}.success-message{background:#34d3991f;color:var(--success-color);padding:.85rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(52,211,153,.3);font-size:.9rem}.error-message-box{background:#f871711f;color:var(--error-color);padding:.85rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(248,113,113,.3);font-size:.9rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.btn-primary,.btn-secondary{padding:.7rem 1.4rem;border-radius:var(--radius-full);font-size:.92rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed);border:1px solid transparent}.btn-primary{background:var(--accent-2);color:var(--accent-2-contrast)}.btn-primary:hover:not(:disabled){background:var(--accent-2-hover)}.btn-secondary{background:transparent;border-color:var(--border-hover);color:var(--text-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-elevated-2)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.footer{background:var(--bg-elevated);border-top:1px solid var(--border-color);padding:4rem 0 1.75rem;margin-top:5rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.5rem;margin-bottom:2.5rem}.footer-section h3{font-size:1.1rem;margin-bottom:.85rem}.footer-section h4{color:var(--text-color);margin-bottom:.85rem;font-size:.95rem}.footer-section p{color:var(--text-secondary);line-height:1.6;font-size:.92rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.6rem}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color var(--transition-speed)}.footer-links a:hover{color:var(--accent)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.85rem}.social-links{display:flex;gap:.75rem;margin-top:1.25rem}.social-link{color:var(--text-secondary);width:38px;height:38px;border-radius:50%;border:1px solid var(--border-color);transition:all var(--transition-speed);display:flex;align-items:center;justify-content:center}.social-link:hover{color:var(--accent);border-color:var(--accent-soft-border);transform:translateY(-3px)}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:46px;height:46px;background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-color);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);z-index:99;transition:all var(--transition-speed)}.scroll-to-top:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-3px)}.cookie-consent{position:fixed;bottom:1.5rem;left:1.5rem;right:1.5rem;max-width:620px;margin:0 auto;background:var(--bg-elevated);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);padding:1.5rem;z-index:999;animation:cookieSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes cookieSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.cookie-content{display:flex;flex-direction:column;gap:1.1rem}.cookie-content p{margin:0;color:var(--text-secondary);font-size:.92rem}.cookie-link{color:var(--accent);text-decoration:underline}.cookie-actions{display:flex;gap:.75rem}.cookie-button{flex:1;padding:.7rem 1.25rem;border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;font-size:.88rem;font-weight:600;transition:all var(--transition-speed)}.cookie-button.accept{background:var(--accent);color:#fff}.cookie-button.accept:hover{background:var(--accent-hover)}.cookie-button.decline{background:transparent;color:var(--text-color);border-color:var(--border-hover)}.cookie-button.decline:hover{background:var(--bg-elevated-2)}.search-overlay{position:fixed;inset:0;background:#05060ab8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;display:flex;align-items:flex-start;justify-content:center;padding-top:6rem}.search-modal{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;max-width:600px;width:90%;box-shadow:var(--shadow-lg)}.search-bar{position:relative}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:var(--text-muted)}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;background:var(--bg);color:var(--text-color)}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-clear{position:absolute;right:1rem;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex}.search-results{margin-top:1rem;max-height:400px;overflow-y:auto}.search-result-item{display:block;width:100%;padding:1rem;border:none;background:none;font:inherit;color:inherit;text-align:left;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-speed)}.search-result-item:hover{background:var(--bg-elevated-2)}.search-result-item h4{color:var(--accent);font-size:.98rem;margin-bottom:.35rem}.search-result-item p{font-size:.88rem;margin-bottom:.5rem}.search-tags{display:flex;gap:.5rem;flex-wrap:wrap}.not-found{padding:6rem 0;text-align:center}.not-found-content{max-width:600px;margin:0 auto}.error-code{font-family:var(--font-display);font-size:7rem;font-weight:700;line-height:1;margin-bottom:1rem;background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.85}.not-found h1{font-size:2.2rem;margin-bottom:1rem}.not-found p{margin-bottom:2rem;font-size:1.05rem;color:var(--text-secondary)}.not-found-search{display:flex;max-width:420px;margin:2rem auto;border:1px solid var(--border-color);border-radius:var(--radius-full);overflow:hidden;background:var(--bg-elevated)}.not-found-search input{flex:1;padding:.85rem 1.25rem;border:none;background:transparent;color:var(--text-color);font-size:1rem;font-family:inherit}.not-found-search input:focus{outline:none}.not-found-search .search-submit{padding:.75rem 1.25rem;background:var(--accent);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.not-found-actions{display:flex;gap:1rem;justify-content:center;margin:2rem 0;flex-wrap:wrap}.popular-pages{margin-top:3rem}.popular-pages h3{margin-bottom:1.5rem;font-size:1.1rem}.popular-pages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;max-width:600px;margin:0 auto}.popular-page-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-secondary);transition:all var(--transition-speed)}.popular-page-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-soft-border);color:var(--accent)}.privacy-policy{padding:3rem 0 5rem}.privacy-policy .container{max-width:820px}.last-updated{color:var(--text-muted);font-style:italic;margin-bottom:2rem;text-align:center}.policy-content{line-height:1.8;color:var(--text-secondary)}.policy-content h2{margin-top:2.5rem;margin-bottom:1rem;font-size:1.3rem}.policy-content h3{margin-top:2rem;margin-bottom:.75rem;font-size:1.1rem;color:var(--text-color)}.policy-content ul{margin:1rem 0;padding-left:1.75rem}.policy-content li{margin-bottom:.5rem}.policy-content a{color:var(--accent);text-decoration:underline}.error-boundary{min-height:60vh;display:flex;align-items:center;justify-content:center}.error-boundary .container{text-align:center}.error-boundary h1{color:var(--error-color);margin-bottom:1rem}.error-details{text-align:left;background:var(--bg-elevated);border:1px solid var(--border-color);padding:1.25rem;border-radius:var(--radius-md);margin:2rem auto;max-width:800px}.error-details summary{cursor:pointer;font-weight:600;margin-bottom:1rem}.error-details pre{white-space:pre-wrap;word-wrap:break-word;font-size:.85rem;color:var(--text-secondary)}.error-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.maintenance-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;position:relative;overflow:hidden;isolation:isolate}.maintenance-page:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:var(--bg-hero-glow-1);filter:blur(100px);top:-200px;left:-100px;z-index:-1}.maintenance-grid{max-width:1100px;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:2.5rem;align-items:center}.maintenance-info{text-align:center;display:flex;flex-direction:column;align-items:center}.maintenance-icon{font-size:4.5rem;margin-bottom:1.75rem;animation:maintenanceBounce 2.4s infinite}@keyframes maintenanceBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.maintenance-info h1{font-size:2.2rem;margin-bottom:1rem}.maintenance-info>p{font-size:1.05rem;color:var(--text-secondary);margin-bottom:2rem;max-width:460px;line-height:1.7}.maintenance-status{display:inline-flex;align-items:center;gap:.65rem;padding:.75rem 1.5rem;border-radius:var(--radius-full);border:1px solid var(--warning-color);background:#fbbf241a;margin-bottom:1.75rem;font-weight:600;font-size:.9rem}@keyframes maintenancePulse{0%,to{opacity:1}50%{opacity:.4}}.maintenance-status .dot{width:10px;height:10px;background:var(--warning-color);border-radius:50%;animation:maintenancePulse 2s infinite}.maintenance-contact{padding:1rem 1.25rem;background:var(--accent-soft);border:1px solid var(--accent-soft-border);border-radius:var(--radius-md);margin-bottom:1.25rem;width:100%;max-width:400px;font-size:.9rem}.maintenance-contact a{color:var(--accent);font-weight:600;text-decoration:none}.maintenance-admin-link{color:var(--text-muted);font-size:.85rem;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-elevated);transition:all var(--transition-speed)}.maintenance-admin-link:hover{border-color:var(--accent-soft-border);color:var(--accent)}.maintenance-form-card{background:var(--bg-elevated);border:1px solid var(--border-color);padding:2rem;border-radius:var(--radius-lg)}.maintenance-form-card h3{font-size:1.3rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.maintenance-form-card>p{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}@media(max-width:900px){.card-grid,.contact-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.desktop-nav{display:none}.mobile-menu-toggle{display:block}.header-content{padding:.85rem 0}.hero{padding:5rem 0 3.5rem}.projects-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}.social-links{justify-content:center}.error-code{font-size:5rem}.stats{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:1fr}.entry{grid-template-columns:1fr;gap:.35rem}.contact-grid{grid-template-columns:1fr}.cookie-consent{left:1rem;right:1rem;bottom:1rem}}@media(max-width:480px){.container{padding:0 16px}h1{font-size:1.9rem}.projects-filters{flex-direction:column;align-items:stretch}.category-filters{justify-content:center}.not-found-actions{flex-direction:column}.popular-pages-grid{grid-template-columns:1fr}.scroll-to-top{bottom:1rem;right:1rem;width:42px;height:42px}.cookie-actions{flex-direction:column}}