:root{--bg-primary:#ebe8e3;--bg-secondary:#dfdbd5;--bg-elevated:#d3cfc9;--bg-hover:#c7c3bd;--text-primary:#3a3a3a;--text-secondary:#656565;--text-muted:#959595;--border-color:#c5c1bb;--border-hover:#b0aca6;--accent:#3a3a3a;--accent-muted:#757575;--font-heading:"Sora",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-sans:"DM Sans",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-mono:"JetBrains Mono","SF Mono",monospace;--section-padding:clamp(100px,14vh,140px);--container-max:960px;--container-padding:clamp(24px,6vw,64px);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:100px}@media (prefers-color-scheme:dark){:root{--bg-primary:#161616;--bg-secondary:#1e1e1e;--bg-elevated:#262626;--bg-hover:#2e2e2e;--text-primary:#ebebeb;--text-secondary:#999;--text-muted:#5a5a5a;--border-color:#2a2a2a;--border-hover:#3a3a3a;--accent:#ebebeb;--accent-muted:#7a7a7a}}[data-theme=dark]{--bg-primary:#161616;--bg-secondary:#1e1e1e;--bg-elevated:#262626;--bg-hover:#2e2e2e;--text-primary:#ebebeb;--text-secondary:#999;--text-muted:#5a5a5a;--border-color:#2a2a2a;--border-hover:#3a3a3a;--accent:#ebebeb;--accent-muted:#7a7a7a}[data-theme=light]{--bg-primary:#ebe8e3;--bg-secondary:#dfdbd5;--bg-elevated:#d3cfc9;--bg-hover:#c7c3bd;--text-primary:#3a3a3a;--text-secondary:#656565;--text-muted:#959595;--border-color:#c5c1bb;--border-hover:#b0aca6;--accent:#3a3a3a;--accent-muted:#757575}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:80px}#root{z-index:1;position:relative}body{background-color:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-sans);font-size:16px;line-height:1.75;position:relative}body:before{content:"";mix-blend-mode:overlay;pointer-events:none;z-index:0;will-change:transform;backface-visibility:hidden;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px;width:100%;height:100%;position:fixed;top:0;left:0}@media (prefers-color-scheme:light){body:before{mix-blend-mode:soft-light}}@supports (-webkit-touch-callout:none){body:before{mix-blend-mode:screen;opacity:.15}@media (prefers-color-scheme:light){body:before{mix-blend-mode:multiply;opacity:.1}}}::selection{background:var(--accent);color:var(--bg-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;font-weight:600;line-height:1.25}h1{font-size:clamp(2.25rem,6vw,3.5rem)}h2{font-size:clamp(1.5rem,3.5vw,2rem)}h3{font-size:clamp(1.125rem,2.5vw,1.375rem)}p{max-width:60ch}a{color:var(--text-primary);text-decoration:none}a:hover{color:var(--accent-muted)}.container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.section{padding:var(--section-padding)0}.section-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:1rem;margin-bottom:1rem;font-size:.6875rem;font-weight:500;display:flex}.section-label:before{content:"";background:var(--border-color);width:40px;height:1px}.section-title{margin-bottom:3rem;position:relative}.section-number{font-family:var(--font-heading);color:var(--bg-secondary);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-1;font-size:clamp(4rem,12vw,8rem);font-weight:700;line-height:1;position:absolute;top:-.5em;right:0}@media (prefers-color-scheme:dark){.section-number{color:var(--bg-elevated);opacity:.5}}.navbar{background:var(--bg-primary);z-index:1000;border-bottom:1px solid #0000;align-items:center;height:64px;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{border-bottom-color:var(--border-color)}.nav-container{width:100%;max-width:var(--container-max);padding:0 var(--container-padding);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo a{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.03em;font-size:1.125rem;font-weight:700}.nav-links-desktop{align-items:center;gap:.25rem;list-style:none;display:flex}.nav-links-desktop a{color:var(--text-secondary);border-radius:var(--radius-sm);padding:.625rem 1rem;font-size:.875rem;font-weight:500}.nav-links-desktop a:hover{color:var(--text-primary);background:var(--bg-secondary)}.resume-button{background:var(--text-primary);border-radius:var(--radius-sm);font-weight:500;color:var(--bg-primary)!important;padding:.625rem 1.25rem!important}.resume-button:hover{background:var(--accent-muted);color:var(--bg-primary)!important}.theme-toggle{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.theme-toggle svg{width:18px;height:18px}.mobile-resume-btn{background:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.8125rem;font-weight:500;display:none}.mobile-resume-btn:hover{background:var(--accent-muted);color:var(--bg-primary)}.mobile-bottom-nav{background:var(--bg-primary);border-top:1px solid var(--border-color);z-index:1000;height:64px;padding:0 .5rem;padding-bottom:env(safe-area-inset-bottom);display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-muted);border-radius:var(--radius-sm);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:.5rem;text-decoration:none;display:flex}.bottom-nav-item:hover,.bottom-nav-item:active{color:var(--text-primary);background:var(--bg-secondary)}.bottom-nav-item svg{width:20px;height:20px}.bottom-nav-item span{letter-spacing:.02em;font-size:.625rem;font-weight:500}.mobile-theme-toggle-wrapper{flex-direction:column;align-items:center;gap:.25rem;display:flex}.mobile-theme-toggle-wrapper .theme-toggle{width:24px;height:24px;padding:0}.mobile-theme-toggle-wrapper .theme-toggle svg{width:20px;height:20px}@media (max-width:768px){.navbar{height:56px}.nav-links-desktop{display:none}.mobile-resume-btn{display:block}.mobile-bottom-nav{justify-content:space-around;align-items:center;display:flex}body{padding-bottom:64px}}.hero{min-height:100vh;flex-direction:column;justify-content:center;min-height:100dvh;padding:64px 0 80px;display:flex;position:relative;overflow:hidden}.global-scribbles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.scribble{color:#ffffff0f;opacity:0;animation:2s ease-out forwards scribbleFadeIn;position:fixed}@media (prefers-color-scheme:light){.scribble{color:#0000000a}}.s-squiggle-1{width:55px;animation:2s ease-out .2s forwards scribbleFadeIn,25s ease-in-out infinite gentleFloat;top:8%;right:10%}.s-spiral{width:26px;animation:2s ease-out .4s forwards scribbleFadeIn,20s ease-in-out infinite reverse gentleFloat;top:22%;left:6%}.s-star{width:16px;animation:2s ease-out .6s forwards scribbleFadeIn,8s ease-in-out infinite twinkleSoft;top:5%;right:35%}.s-curve-1{width:42px;animation:2s ease-out .3s forwards scribbleFadeIn,22s ease-in-out infinite gentleFloat;top:45%;left:4%}.s-circle{width:14px;animation:2s ease-out .5s forwards scribbleFadeIn,18s ease-in-out infinite reverse gentleFloat;top:35%;right:5%}.s-arrow{width:26px;animation:2s ease-out .7s forwards scribbleFadeIn,24s ease-in-out infinite gentleFloat;top:55%;right:12%}.s-dots-1{width:32px;animation:2s ease-out .8s forwards scribbleFadeIn,10s ease-in-out infinite twinkleSoft;top:15%;left:18%}.s-dots-2{width:22px;animation:2s ease-out 1s forwards scribbleFadeIn,12s ease-in-out 2s infinite twinkleSoft;top:70%;right:18%}.s-wave{width:32px;animation:2s ease-out .9s forwards scribbleFadeIn,20s ease-in-out infinite gentleFloat;top:60%;left:3%}.s-cross{width:11px;animation:2s ease-out 1.1s forwards scribbleFadeIn,7s ease-in-out infinite twinkleSoft;top:12%;right:4%}.s-bracket{width:9px;animation:2s ease-out 1.2s forwards scribbleFadeIn,16s ease-in-out infinite reverse gentleFloat;top:75%;left:8%}.s-squiggle-2{width:40px;animation:2s ease-out 1.3s forwards scribbleFadeIn,22s ease-in-out infinite gentleFloat;top:85%;left:15%}.s-loop{width:22px;animation:2s ease-out 1.4s forwards scribbleFadeIn,19s ease-in-out infinite reverse gentleFloat;top:28%;right:22%}.s-zigzag{width:45px;animation:2s ease-out 1.5s forwards scribbleFadeIn,21s ease-in-out infinite gentleFloat;top:40%;right:3%}.s-dots-3{width:30px;animation:2s ease-out 1.6s forwards scribbleFadeIn,11s ease-in-out infinite twinkleSoft;top:50%;left:12%}.s-curve-2{width:38px;animation:2s ease-out 1.7s forwards scribbleFadeIn,23s ease-in-out infinite reverse gentleFloat;top:80%;right:8%}.s-star-2{width:14px;animation:2s ease-out 1.8s forwards scribbleFadeIn,9s ease-in-out infinite twinkleSoft;top:65%;left:20%}.s-spiral-2{width:20px;animation:2s ease-out 1.9s forwards scribbleFadeIn,17s ease-in-out infinite gentleFloat;top:90%;right:25%}.s-wave-2{width:28px;animation:2s ease-out 2s forwards scribbleFadeIn,24s ease-in-out infinite reverse gentleFloat;top:30%;left:2%}.s-circle-2{width:12px;animation:2s ease-out 2.1s forwards scribbleFadeIn,15s ease-in-out infinite gentleFloat;top:95%;left:35%}.s-dots-4{width:25px;animation:2s ease-out 2.2s forwards scribbleFadeIn,13s ease-in-out infinite twinkleSoft;top:18%;right:30%}@keyframes scribbleFadeIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes gentleFloat{0%,to{transform:translate(0)}25%{transform:translate(3px,-5px)}50%{transform:translate(-2px,3px)}75%{transform:translate(4px,2px)}}@keyframes twinkleSoft{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.s-squiggle-1,.s-curve-1,.s-dots-1,.s-wave,.s-squiggle-2,.s-loop,.s-zigzag,.s-dots-3,.s-curve-2,.s-wave-2,.s-dots-4{display:none}.s-spiral{width:20px;top:15%;left:4%}.s-star{width:12px;top:8%;right:6%}.s-circle{width:10px;top:40%;right:4%}.s-arrow{width:20px;top:60%;right:6%}.s-dots-2{width:18px;top:75%;right:12%}.s-cross{width:9px;top:25%;right:3%}.s-star-2{width:11px;top:50%;left:3%}.s-spiral-2{width:16px;top:90%;right:20%}.s-circle-2{width:10px;top:95%;left:25%}.s-bracket{width:8px;top:55%;left:6%}}.hero-content{max-width:var(--container-max);padding:0 var(--container-padding);z-index:1;margin:0 auto;position:relative}.hero-greeting{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:.875rem;display:flex}.hero-greeting:before{content:"";background:var(--border-color);width:32px;height:1px}.hero-name{margin-bottom:.5rem;font-weight:700;line-height:1.1}.hero-title{color:var(--text-muted);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:500;line-height:1.4;font-family:var(--font-sans);margin-bottom:1.5rem}.hero-description{color:var(--text-secondary);max-width:480px;margin-bottom:2rem;font-size:1.0625rem;line-height:1.8}.hero-actions{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.hero-cta{background:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-md);align-items:center;gap:.625rem;padding:1rem 1.75rem;font-size:.9375rem;font-weight:500;display:inline-flex}.hero-cta:hover{background:var(--accent-muted);color:var(--bg-primary)}.hero-cta svg{width:18px;height:18px}.hero-secondary{color:var(--text-muted);padding:.5rem 0;font-size:.875rem}.hero-secondary:hover{color:var(--text-secondary)}@media (max-width:768px){.hero{min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px);padding-top:80px;padding-bottom:100px}.hero-description{font-size:1rem}.hero-actions{align-items:center;width:100%}.hero-cta{justify-content:center;width:100%;padding:1.125rem 1.75rem}.hero-secondary{text-align:center}}.about-header{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;display:flex}.about-header .section-header{flex:1}.about-header .section-title{margin-bottom:0}.about-header .section-label{margin-bottom:.5rem}.about-avatar{display:none}@media (max-width:768px){.about-avatar{cursor:pointer;flex-shrink:0;display:block}.about-avatar img{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;width:72px;height:72px}.about-avatar:hover img,.about-avatar:active img{border-color:var(--border-hover)}}.about-grid{grid-template-columns:1fr 240px;align-items:start;gap:4rem;display:grid}.about-text p{margin-bottom:1.25rem}.about-text .highlight{color:var(--text-primary);font-weight:500;position:relative}.about-text .highlight:after{content:"";background:var(--border-color);height:1px;position:absolute;bottom:0;left:0;right:0}.skills-list{grid-template-columns:repeat(2,1fr);gap:.625rem 2rem;margin-top:1.75rem;list-style:none;display:grid}.skills-list li{font-family:var(--font-mono);color:var(--text-secondary);padding-left:1.25rem;font-size:.8125rem;position:relative}.skills-list li:before{content:"›";color:var(--text-muted);font-weight:600;position:absolute;left:0}.about-image-desktop{position:relative}.about-image-desktop img{border-radius:var(--radius-lg);filter:grayscale(30%);width:100%}.about-image-desktop:hover img{filter:grayscale(0%)}.about-image-desktop:after{content:"";border:2px solid var(--border-color);border-radius:var(--radius-lg);z-index:-1;position:absolute;inset:16px -16px -16px 16px}@media (max-width:768px){.about-grid{grid-template-columns:1fr;gap:0}.about-image-desktop{display:none}.skills-list{gap:.5rem 1.5rem}}.experience-card{background:var(--bg-secondary);border-radius:var(--radius-lg);grid-template-columns:160px 1fr;gap:2.5rem;padding:2rem;display:grid}.experience-meta{flex-direction:column;gap:1rem;display:flex}.experience-logo{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);justify-content:center;align-items:center;width:64px;height:64px;padding:10px;display:flex}.experience-logo img{object-fit:contain;max-width:100%;max-height:100%}.experience-date{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.experience-content h3{margin-bottom:.375rem}.experience-company{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.9375rem}.experience-duties{list-style:none}.experience-duties li{color:var(--text-secondary);margin-bottom:.625rem;padding-left:1.25rem;font-size:.9375rem;position:relative}.experience-duties li:before{content:"–";color:var(--text-muted);position:absolute;left:0}@media (max-width:768px){.experience-card{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.experience-meta{flex-direction:row;justify-content:space-between;align-items:center}.experience-logo{width:56px;height:56px}}.experience-duration-badge{background:var(--bg-elevated);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-secondary);margin-top:.5rem;padding:.25rem .625rem;font-size:.6875rem;display:inline-block}.experience-location{color:var(--text-muted);margin-bottom:.75rem;font-size:.8125rem}.experience-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9375rem;line-height:1.7}.experience-stack{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.stack-tag{background:var(--bg-elevated);border-radius:var(--radius-full);font-family:var(--font-mono);color:var(--text-secondary);padding:.375rem .75rem;font-size:.6875rem;transition:all .2s}.stack-tag:hover{background:var(--bg-hover);color:var(--text-primary)}.education-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:2rem}.education-header{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.25rem;display:flex}.education-logo{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;padding:8px;display:flex}.education-logo img{object-fit:contain;max-width:100%;max-height:100%}.education-degree{margin-bottom:.25rem;font-size:1.25rem}.education-school{color:var(--text-secondary);margin-bottom:.25rem;font-size:.9375rem}.education-date{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.education-progress{margin:1.5rem 0}.progress-bar{background:var(--bg-elevated);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-fill{background:var(--text-muted);border-radius:var(--radius-full);height:100%}.progress-label{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;margin-top:.625rem;font-size:.6875rem;display:flex}.graduated-badge{color:var(--text-primary);font-weight:600}.coursework-section{border-top:1px solid var(--border-color);margin-top:1.75rem;padding-top:1.5rem}.coursework-title{color:var(--text-secondary);margin-bottom:1rem;font-size:.8125rem;font-weight:500}.coursework-grid{flex-wrap:wrap;gap:.5rem;display:flex}.course-chip{background:var(--bg-elevated);border-radius:var(--radius-full);font-family:var(--font-mono);color:var(--text-secondary);padding:.5rem 1rem;font-size:.6875rem}.course-chip:hover{background:var(--bg-hover);color:var(--text-primary)}.coursework-toggle{background:var(--bg-elevated);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;border:none;margin:1.25rem auto 0;padding:.625rem 1.25rem;font-size:.75rem;display:block}.coursework-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.education-activities{border-top:1px solid var(--border-color);color:var(--text-secondary);margin-top:1.5rem;padding-top:1.5rem;font-size:.875rem}.education-activities strong{color:var(--text-primary);font-weight:500}@media (max-width:768px){.education-card{padding:1.5rem}.education-header{flex-direction:column-reverse;gap:1rem}.education-degree{font-size:1.125rem}}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.project-card{background:var(--bg-secondary);border-radius:var(--radius-lg);flex-direction:column;min-height:280px;padding:1.75rem;display:flex}.project-card:hover{background:var(--bg-elevated)}.project-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.project-icon{width:36px;height:36px;color:var(--text-muted)}.project-icon svg{width:100%;height:100%}.project-links a,.project-private,.project-badge{background:var(--bg-primary);border-radius:var(--radius-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);align-items:center;padding:.5rem .875rem;font-size:.6875rem;display:inline-flex}.project-links a svg,.project-private svg{width:16px;height:16px}.project-links a:hover{background:var(--bg-hover);color:var(--text-primary)}.project-private{color:var(--text-muted);cursor:default}.project-badge{color:var(--text-muted)}.project-title{margin-bottom:.375rem}.project-date{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:.75rem;font-size:.75rem;display:block}.project-description{color:var(--text-secondary);flex:1;margin-bottom:1.5rem;font-size:.9375rem;line-height:1.7}.project-tech{flex-wrap:wrap;gap:1rem;list-style:none;display:flex}.project-tech li{font-family:var(--font-mono);color:var(--text-muted);font-size:.6875rem}.project-gallery-preview{gap:.5rem;margin-bottom:1.25rem;display:flex;overflow:hidden}.project-gallery-thumb{border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-elevated);border:none;flex-shrink:0;width:64px;height:48px;padding:0;transition:transform .2s,opacity .2s;position:relative;overflow:hidden}.project-gallery-thumb:hover{transform:scale(1.05)}.project-gallery-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.project-gallery-thumb img{object-fit:cover;width:100%;height:100%;display:block}.gallery-more{color:#fff;font-family:var(--font-mono);background:#000000b3;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex;position:absolute;inset:0}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.project-card{min-height:auto;padding:1.5rem}}.skills-intro{text-align:center;max-width:480px;margin:0 auto 2rem}.skills-grid{flex-wrap:wrap;justify-content:center;gap:.625rem;display:flex}.skill-tag{background:var(--bg-secondary);border-radius:var(--radius-full);font-family:var(--font-mono);color:var(--text-secondary);padding:.75rem 1.375rem;font-size:.8125rem}.skill-tag:hover{background:var(--bg-elevated);color:var(--text-primary)}@media (max-width:768px){.skill-tag{padding:.625rem 1rem;font-size:.75rem}}.mobility-intro{text-align:center;max-width:540px;color:var(--text-secondary);margin:0 auto 2.5rem}.mobility-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.mobility-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:2rem;transition:background .2s}.mobility-card:hover{background:var(--bg-elevated)}.mobility-header{align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.mobility-flag{flex-shrink:0;font-size:2rem;line-height:1}.mobility-meta{flex:1}.mobility-title{margin-bottom:.25rem;font-size:1.125rem}.mobility-location{color:var(--text-secondary);margin-bottom:.25rem;font-size:.875rem}.mobility-date{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.mobility-description{color:var(--text-secondary);margin-bottom:1rem;font-size:.9375rem;line-height:1.7}.mobility-cert-link{font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-primary);border-radius:var(--radius-sm);align-items:center;gap:.25rem;margin-bottom:1rem;padding:.5rem .875rem;font-size:.75rem;text-decoration:none;transition:background .2s;display:inline-flex}.mobility-cert-link:hover{background:var(--bg-hover)}.mobility-gallery{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.mobility-gallery-item{aspect-ratio:4/3;border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-elevated);border:none;padding:0;transition:transform .2s;position:relative;overflow:hidden}.mobility-gallery-item:hover{transform:scale(1.05)}.mobility-gallery-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mobility-gallery-item img{object-fit:cover;width:100%;height:100%}.mobility-view-all{font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.75rem;transition:color .2s;display:inline-flex}.mobility-view-all:hover{color:var(--text-primary)}@media (max-width:768px){.mobility-grid{grid-template-columns:1fr}.mobility-card{padding:1.5rem}.mobility-gallery{grid-template-columns:repeat(2,1fr)}}.volunteering-list{flex-direction:column;gap:1.25rem;display:flex}.volunteering-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:2rem}.volunteering-title{margin-bottom:.25rem}.volunteering-meta{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:1rem;font-size:.75rem}.volunteering-meta .role{color:var(--text-secondary)}.volunteering-description{margin-bottom:1.5rem;font-size:.9375rem}.volunteering-gallery{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.gallery-item{aspect-ratio:16/10;border-radius:var(--radius-md);cursor:pointer;background:var(--bg-elevated);border:none;padding:0;transition:transform .2s,opacity .2s;overflow:hidden}.gallery-item:hover{opacity:.9;transform:scale(1.02)}.gallery-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gallery-item img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:768px){.volunteering-card{padding:1.5rem}}.image-modal{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#000000eb;justify-content:center;align-items:center;padding:2rem;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{flex-direction:column;align-items:center;width:min(900px,85vw);animation:.25s ease-out modalSlideIn;display:flex;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-image-wrapper{background:#ffffff05;border-radius:12px;justify-content:center;align-items:center;width:100%;height:60vh;display:flex;overflow:hidden}.modal-image-wrapper img{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 25px 80px #00000080}.gallery-info{text-align:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;margin-top:1.5rem;padding:1rem 2rem}.gallery-project-title{color:#fff;margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.image-caption{color:#fff9;margin:0;font-size:.875rem}.gallery-counter{font-family:var(--font-mono);color:#fff6;margin-top:.5rem;font-size:.75rem}.close-modal{background:var(--bg-secondary,#ffffff14);border-radius:var(--radius-sm,6px);color:#fff;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;z-index:10;border:1px solid #ffffff1f;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex;position:fixed;top:1.5rem;right:1.5rem}.close-modal:hover{background:#ffffff26;border-color:#fff3}.gallery-nav{color:#fff;border-radius:var(--radius-sm,6px);cursor:pointer;z-index:10;background:#ffffff14;border:1px solid #ffffff1f;justify-content:center;align-items:center;width:44px;height:56px;transition:all .2s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.gallery-nav:hover{background:#ffffff26;border-color:#fff3}.gallery-nav:focus-visible{outline-offset:2px;outline:2px solid #ffffff80}.gallery-nav svg{width:20px;height:20px}.gallery-nav-prev{left:2rem}.gallery-nav-next{right:2rem}.gallery-thumbs-strip{background:#ffffff08;border-radius:10px;justify-content:center;gap:.75rem;margin-top:1.25rem;padding:.75rem 1rem;display:flex}.gallery-thumb-mini{cursor:pointer;opacity:.4;background:0 0;border:2px solid #0000;border-radius:6px;width:56px;height:40px;padding:0;transition:all .2s;overflow:hidden}.gallery-thumb-mini:hover{opacity:.7;transform:scale(1.05)}.gallery-thumb-mini.active{opacity:1;border-color:#fffc;box-shadow:0 0 0 2px #fff3}.gallery-thumb-mini:focus-visible{outline-offset:2px;outline:2px solid #fff}.gallery-thumb-mini img{object-fit:cover;width:100%;height:100%}@media (max-width:768px){.image-modal{padding:1rem}.image-modal-content{width:100%}.modal-image-wrapper{height:50vh}.modal-image-wrapper img{border-radius:6px}.gallery-nav{background:#000000b3;border:1px solid #ffffff1a;width:48px;height:40px;position:fixed;top:auto;bottom:2rem;transform:none}.gallery-nav-prev{left:calc(50% - 60px)}.gallery-nav-next{right:calc(50% - 60px)}.close-modal{padding:.5rem .875rem;font-size:.6875rem;top:1rem;right:1rem}.gallery-info{padding:.75rem 1rem}.gallery-project-title{font-size:1rem}.gallery-thumbs-strip{display:none}}.certs-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.cert-card{background:var(--bg-secondary);border-radius:var(--radius-lg);flex-direction:column;min-height:160px;padding:1.5rem;display:flex}.cert-card:hover{background:var(--bg-elevated)}.cert-title{margin-bottom:.5rem;font-size:.9375rem;line-height:1.4}.cert-issuer{color:var(--text-muted);margin-bottom:auto;font-size:.8125rem}.cert-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:1.25rem;padding-top:1rem;display:flex}.cert-date{font-family:var(--font-mono);color:var(--text-muted);font-size:.6875rem}.cert-link{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-primary);border-radius:var(--radius-sm);align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.6875rem;display:inline-flex}.cert-link:hover{background:var(--bg-hover);color:var(--text-primary)}.cert-link svg{width:11px;height:11px}@media (max-width:768px){.certs-grid{grid-template-columns:1fr}.cert-card{min-height:auto;padding:1.25rem}}.contact-section{text-align:center;max-width:560px;padding:var(--section-padding)var(--container-padding);margin:0 auto}.contact-title{margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.5rem);position:relative}.contact-text{color:var(--text-secondary);margin-bottom:2rem;font-size:1.0625rem;line-height:1.8}.contact-button{background:var(--text-primary);border-radius:var(--radius-md);color:var(--bg-primary);border:none;justify-content:center;align-items:center;gap:.625rem;padding:1rem 2rem;font-size:.9375rem;font-weight:500;display:inline-flex}.contact-button:hover{background:var(--accent-muted);color:var(--bg-primary)}@media (max-width:768px){.contact-button{width:100%;padding:1.125rem 2rem}}.footer{padding:3rem var(--container-padding);border-top:1px solid var(--border-color);position:relative}.footer:before{content:"";background:var(--text-muted);width:48px;height:3px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.footer-content{max-width:var(--container-max);flex-direction:column;align-items:center;gap:1.5rem;margin:0 auto;display:flex}.social-links{gap:.5rem;display:flex}.social-links a{border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.social-links a:hover{background:var(--bg-secondary);color:var(--text-primary)}.social-links svg{width:20px;height:20px}.footer-credit{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;font-size:.6875rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--text-muted);outline-offset:2px}button{font-family:inherit}@media (max-width:768px){.footer{padding-bottom:calc(3rem + 64px)}.contact-section{padding-bottom:calc(var(--section-padding) + 32px)}}.blog-page{padding-top:64px}.blog-hero{text-align:center;padding-bottom:2rem}.blog-title{margin-bottom:.75rem;font-size:clamp(2rem,5vw,3rem)}.blog-subtitle{color:var(--text-secondary);max-width:480px;margin:0 auto;font-size:1.125rem}.blog-list-section{padding-top:0}.blog-list-section .container{max-width:1200px}.articles-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (max-width:1024px){.articles-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:640px){.articles-grid{grid-template-columns:1fr;gap:1.25rem}}.blog-empty-state{text-align:center;color:var(--text-muted);padding:4rem 2rem;font-size:1.125rem}.article-card{background:var(--bg-secondary);border-radius:var(--radius-lg);flex-direction:column;padding:1.75rem;transition:background .2s,transform .2s;display:flex}.article-card:hover{background:var(--bg-elevated);transform:translateY(-4px)}.article-image{aspect-ratio:16/9;border-radius:var(--radius-lg)var(--radius-lg)0 0;margin:-1.75rem -1.75rem 1.5rem;overflow:hidden}.article-image img{object-fit:cover;width:100%;height:100%}.article-content{flex-direction:column;flex:1;display:flex}.article-meta{font-family:var(--font-mono);align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.6875rem;display:flex}.article-category{background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:.25rem .625rem}.article-date{color:var(--text-muted)}.article-card .article-title{margin-bottom:.5rem;font-size:1.25rem}.article-card .article-title a{color:var(--text-primary);text-decoration:none;transition:color .2s}.article-card .article-title a:hover{color:var(--accent-muted)}.article-excerpt{color:var(--text-secondary);flex:1;margin-bottom:1.25rem;font-size:.9375rem;line-height:1.7}.article-footer{justify-content:space-between;align-items:center;display:flex}.article-read-time{font-family:var(--font-mono);color:var(--text-muted);font-size:.6875rem}.article-read-more{color:var(--text-primary);font-size:.875rem;font-weight:500}.article-page{padding-top:80px}.article-container{max-width:1400px;padding:var(--section-padding)var(--container-padding);margin:0 auto}.article-grid{grid-template-columns:220px 1fr 120px;align-items:start;gap:3rem;display:grid}.article-sidebar{position:relative}.sidebar-sticky{position:sticky;top:100px}.article-sidebar-left .sidebar-sticky{flex-direction:column;gap:2rem;display:flex}.back-to-blog{font-family:var(--font-mono);color:var(--text-muted);align-items:center;font-size:.75rem;text-decoration:none;transition:color .2s;display:inline-flex}.back-to-blog:hover{color:var(--text-primary)}.sidebar-author{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.author-avatar-img{object-fit:cover;border:3px solid var(--border-color);border-radius:50%;width:80px;height:80px}.author-details{flex-direction:column;gap:.125rem;display:flex}.author-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.author-role{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono)}.sidebar-meta{flex-direction:column;gap:1rem;display:flex}.meta-item{flex-direction:column;gap:.25rem;display:flex}.meta-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.625rem}.meta-value{color:var(--text-secondary);font-size:.875rem}.article-category-tag{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-primary);width:fit-content;padding:.25rem .5rem;font-size:.75rem;display:inline-block}.article-main{min-width:0}.article-header{margin-bottom:2rem}.article-page .article-title{margin-bottom:0;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2}.article-featured-image{border-radius:var(--radius-lg);margin-bottom:2rem;overflow:hidden}.back-to-blog-bottom{margin-top:3rem;display:block}.article-sidebar-right .sidebar-sticky{flex-direction:column;align-items:center;display:flex}.sidebar-share{flex-direction:column;align-items:center;gap:1rem;display:flex}.sidebar-share .share-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.625rem}.share-buttons-vertical{flex-direction:column;gap:.75rem;display:flex}.share-btn-icon{border-radius:var(--radius-sm);background:var(--bg-secondary);width:36px;height:36px;color:var(--text-secondary);justify-content:center;align-items:center;transition:all .2s;display:flex}.share-btn-icon:hover{background:var(--bg-elevated);color:var(--text-primary);transform:translateY(-2px)}.share-btn-icon svg{width:18px;height:18px}.mobile-share-section{background:var(--bg-secondary);border-radius:var(--radius-md);align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:none}.mobile-share-section .share-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.6875rem}.mobile-share-section .share-buttons{gap:.5rem;display:flex}.mobile-share-section .share-btn{border-radius:var(--radius-sm);background:var(--bg-primary);width:40px;height:40px;color:var(--text-secondary);justify-content:center;align-items:center;transition:all .2s;display:flex}.mobile-share-section .share-btn:hover{background:var(--bg-elevated);color:var(--text-primary);transform:translateY(-2px)}.mobile-share-section .share-btn svg{width:18px;height:18px}@media (max-width:1024px){.article-grid{grid-template-columns:180px 1fr;gap:2rem}.article-sidebar-right{display:none}.mobile-share-section{display:flex}.author-avatar-img{width:64px;height:64px}}@media (max-width:768px){.article-container{padding:2rem var(--container-padding)}.article-grid{grid-template-columns:1fr;gap:1.5rem}.article-sidebar-left{order:-1}.sidebar-sticky{position:relative;top:0}.article-sidebar-left .sidebar-sticky{flex-flow:wrap;align-items:center;gap:1rem}.sidebar-author{text-align:left;flex-direction:row;gap:.75rem}.author-avatar-img{width:48px;height:48px}.sidebar-meta{flex-flow:wrap;gap:1rem}.meta-item{flex:none}.back-to-blog{width:100%;margin-bottom:.5rem}}.article-references{border-top:1px solid var(--border-color);margin-top:4rem;padding-top:2rem}.article-references h3{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.25rem;font-size:.6875rem;font-weight:500}.references-list{counter-reset:refs;margin:0;padding:0;list-style:none}.references-list li{color:var(--text-secondary);word-break:break-word;counter-increment:refs;margin-bottom:.75rem;padding-left:2rem;font-size:.875rem;line-height:1.6;position:relative}.references-list li:before{content:counter(refs);font-family:var(--font-mono);color:var(--text-muted);text-align:right;width:1.25rem;font-size:.75rem;position:absolute;left:0}.references-list li:last-child{margin-bottom:0}.references-list a{color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-decoration:none;transition:all .2s}.references-list a:hover{color:var(--text-primary);border-bottom-color:var(--text-primary)}.article-not-found{text-align:center;padding:4rem 0}.article-not-found h1{margin-bottom:.5rem}.article-not-found p{color:var(--text-secondary);margin-bottom:1.5rem}.article-share{background:var(--bg-secondary);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.25rem;display:flex}.article-share-bottom{margin-top:2rem;margin-bottom:0}.share-label{color:var(--text-secondary);font-size:.875rem}.share-buttons{gap:.75rem;display:flex}.share-btn{border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.share-btn:hover{transform:translateY(-2px)}.share-btn svg{width:16px;height:16px}.share-twitter{color:#fff;background:#000}.share-twitter:hover{color:#fff;background:#333}.share-linkedin{color:#fff;background:#0077b5}.share-linkedin:hover{color:#fff;background:#005582}.article-featured-image{border-radius:var(--radius-lg);margin:2rem 0;overflow:hidden}.article-featured-image img{width:100%;height:auto;display:block}.article-body{line-height:1.8}.article-body h1{margin:2rem 0 1rem;font-size:2rem}.article-body h2{margin:2rem 0 .75rem;font-size:1.5rem}.article-body h3{margin:1.5rem 0 .5rem;font-size:1.25rem}.article-body p{color:var(--text-secondary);margin-bottom:1.25rem}.article-body ul,.article-body ol{margin:1rem 0 1.5rem 1.5rem}.article-body li{color:var(--text-secondary);margin-bottom:.5rem}.article-body strong{color:var(--text-primary);font-weight:600}@media (max-width:768px){.articles-grid{grid-template-columns:1fr}.article-card{padding:1.5rem}.article-image{margin:-1.5rem -1.5rem 1.25rem}.article-share{flex-direction:column;align-items:flex-start}.share-btn span{display:none}.share-btn{padding:.75rem}}.article-body pre{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:1.5rem 0;padding:1.25rem;font-size:.875rem;line-height:1.6;overflow-x:auto}.article-body code{font-family:var(--font-mono);font-size:.875em}.article-body pre code{background:0 0;border:none;border-radius:0;padding:0}.article-body :not(pre)>code{background:var(--bg-elevated);color:var(--text-primary);border-radius:4px;padding:.2em .4em;font-size:.875em}.article-body table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.9375rem}.article-body th,.article-body td{border:1px solid var(--border-color);text-align:left;padding:.75rem}.article-body th{background:var(--bg-elevated);color:var(--text-primary);font-weight:600}.article-body td{color:var(--text-secondary)}.article-body blockquote{border-left:3px solid var(--border-color);color:var(--text-secondary);margin:1.5rem 0;padding-left:1.25rem;font-style:italic}.reading-progress{background:var(--bg-elevated);z-index:1001;height:3px;position:fixed;top:0;left:0;right:0}.reading-progress-bar{background:var(--text-primary);transform-origin:0;height:100%;transition:transform .1s ease-out}.back-to-top{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;opacity:0;visibility:hidden;z-index:998;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.6875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(20px)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--bg-elevated);border-color:var(--text-muted);transform:translateY(-2px)}.back-to-top svg{width:16px;height:16px}@media (max-width:768px){.back-to-top{padding:.625rem .875rem;font-size:.625rem;bottom:calc(64px + 1rem);right:1rem}}.scroll-animation{transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.scroll-animation.animate-hidden{opacity:0}.scroll-animation.animate-hidden.animate-fade-up{transform:translateY(40px)}.scroll-animation.animate-fade-up{opacity:1;transform:translateY(0)}.scroll-animation.animate-fade-in{opacity:1}.reading-mode-toggle{background:var(--bg-secondary);border-radius:var(--radius-md);align-items:center;gap:.5rem;width:fit-content;margin-top:1.5rem;padding:.25rem;display:flex}.mode-btn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.75rem;font-weight:500;transition:all .2s}.mode-btn:hover{color:var(--text-primary)}.mode-btn.active{background:var(--text-primary);color:var(--bg-primary)}.brainrot-tooltip{align-items:center;margin-left:.25rem;display:inline-flex;position:relative}.tooltip-trigger{width:18px;height:18px;color:var(--text-muted);background:var(--bg-elevated);cursor:help;border-radius:50%;justify-content:center;align-items:center;font-size:.6875rem;font-weight:600;transition:all .2s;display:inline-flex}.tooltip-trigger:hover{color:var(--text-primary);background:var(--bg-hover)}.tooltip-content{width:240px;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);opacity:0;visibility:hidden;z-index:100;pointer-events:none;padding:.75rem 1rem;font-size:.8125rem;font-weight:400;line-height:1.5;transition:all .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000026}.tooltip-content:after{content:"";border:6px solid #0000;border-top-color:var(--bg-elevated);position:absolute;top:100%;left:50%;transform:translate(-50%)}.brainrot-tooltip:hover .tooltip-content{opacity:1;visibility:visible}.brainrot-viewer{flex-direction:column;align-items:center;gap:1.5rem;min-height:400px;padding:2rem 0;display:flex}.brainrot-progress{background:var(--bg-secondary);border-radius:var(--radius-full);width:100%;max-width:400px;height:4px;overflow:hidden}.brainrot-progress-bar{background:linear-gradient(90deg,var(--accent)0%,var(--accent-muted)100%);border-radius:var(--radius-full);height:100%;transition:width .3s}.brainrot-counter{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;font-size:.75rem}.brainrot-card-container{perspective:1000px;width:100%;max-width:500px}.brainrot-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;padding:2.5rem 2rem;animation:.4s ease-out cardFadeIn;position:relative}.brainrot-card:before{content:"";border-radius:var(--radius-lg);pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#fff0 50%,#ffffff05 100%);position:absolute;inset:0}.brainrot-accent{margin-bottom:1rem;font-size:2.5rem;animation:.5s ease-out .1s both accentPop;display:block}.brainrot-headline{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:600;line-height:1.3;animation:.5s ease-out .15s both textSlideUp}.brainrot-body{color:var(--text-secondary);max-width:400px;margin:0 auto;font-size:1rem;line-height:1.6;animation:.5s ease-out .25s both textSlideUp}.brainrot-links{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.25rem;animation:.5s ease-out .35s both textSlideUp;display:flex}.brainrot-link{color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-full);align-items:center;gap:.25rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.brainrot-link:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes accentPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes textSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.brainrot-card.animating-next{animation:.3s ease-in forwards slideOutLeft}.brainrot-card.animating-prev{animation:.3s ease-in forwards slideOutRight}@keyframes slideOutLeft{to{opacity:0;transform:translate(-30px)}}@keyframes slideOutRight{to{opacity:0;transform:translate(30px)}}.brainrot-nav{align-items:center;gap:1.5rem;display:flex}.brainrot-nav-btn{background:var(--bg-secondary);border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.brainrot-nav-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.brainrot-nav-btn:disabled{opacity:.3;cursor:not-allowed}.brainrot-nav-btn svg{width:20px;height:20px}.brainrot-dots{gap:.5rem;display:flex}.brainrot-dot{background:var(--bg-hover);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.brainrot-dot:hover{background:var(--accent-muted)}.brainrot-dot.active{background:var(--accent);transform:scale(1.25)}.brainrot-hint{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.brainrot-hint kbd{min-width:22px;height:22px;font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:0 .375rem;font-size:.6875rem;display:inline-flex}@media (max-width:768px){.reading-mode-toggle{justify-content:center;width:100%;margin-top:1rem}.mode-btn{padding:.5rem .875rem;font-size:.8125rem}.tooltip-content{width:200px;left:auto;right:0;transform:none}.tooltip-content:after{left:auto;right:12px;transform:none}.brainrot-viewer{gap:1rem;padding:1.5rem 0}.brainrot-card{padding:2rem 1.5rem}.brainrot-accent{font-size:2rem}.brainrot-headline{font-size:1.25rem}.brainrot-body{font-size:.9375rem}.brainrot-hint{display:none}.brainrot-dots{gap:.375rem}}.scroll-animation.animate-hidden.animate-scale{transform:scale(.9)}.scroll-animation.animate-scale{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){.scroll-animation{transition:none;opacity:1!important;transform:none!important}}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}