:root{--accent: oklch(.72 .16 155);--accent-soft: oklch(.72 .16 155 / .14);--accent-line: oklch(.72 .16 155 / .32);--bg: #0b0b0c;--bg-2: #111113;--bg-3: #18181b;--fg: #ededee;--fg-2: #a1a1a6;--fg-3: #6b6b71;--line: oklch(.27 0 0);--line-soft: oklch(.22 0 0);--grid: oklch(.18 0 0 / .7);--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "Inter", system-ui, -apple-system, sans-serif;--pad-x: clamp(20px, 5vw, 80px);--gutter-y: clamp(80px, 12vw, 160px);--t-fast: .18s;--t-med: .36s;--t-slow: .72s;--ease: cubic-bezier(.22,.61,.36,1)}html[data-mode=light]{--bg: #fafaf9;--bg-2: #f3f3f1;--bg-3: #e8e8e6;--fg: #0c0c0d;--fg-2: #4a4a4f;--fg-3: #8a8a90;--line: oklch(.85 0 0);--line-soft: oklch(.9 0 0);--grid: oklch(.88 0 0 / .7);--accent-soft: oklch(.72 .16 155 / .18);--accent-line: oklch(.62 .16 155 / .4)}html[lang=en] .t-es,html[lang=es] .t-en{display:none!important}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg)}html{overflow-x:hidden;max-width:100%}body{font-family:var(--sans);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100%}html[data-body=mono] body{font-family:var(--mono)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}::selection{background:var(--accent);color:#000}.mono{font-family:var(--mono);font-feature-settings:"tnum","zero"}.tnum{font-variant-numeric:tabular-nums}.grid-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 30%,transparent 100%)}.shell{position:relative;z-index:1}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad-x);font-family:var(--mono);font-size:12px;letter-spacing:.04em;background:color-mix(in oklch,var(--bg) 70%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color var(--t-med) var(--ease),background var(--t-med)}.nav.scrolled{border-bottom-color:var(--line-soft)}.nav-brand{display:flex;align-items:center;gap:10px}.nav-brand .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.nav-links{display:flex;gap:28px}.nav-links a{position:relative;color:var(--fg-2);transition:color var(--t-fast)}.nav-links a:hover,.nav-links a.active{color:var(--fg)}.nav-links a .num{color:var(--accent);margin-right:6px}.nav-actions{display:flex;gap:14px;align-items:center}.nav-btn{border:1px solid var(--line);padding:6px 10px;border-radius:4px;display:inline-flex;align-items:center;gap:6px;transition:border-color var(--t-fast),color var(--t-fast)}.nav-btn:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:720px){.nav-links{display:none}}.hero{min-height:100vh;position:relative;padding:120px var(--pad-x) 80px;display:grid;align-items:end}.hero-meta{font-family:var(--mono);font-size:11px;color:var(--fg-3);letter-spacing:.08em;text-transform:uppercase;display:flex;gap:24px;flex-wrap:wrap;margin-bottom:32px}.hero-meta span:before{content:"// ";color:var(--accent)}.hero-meta .live{color:var(--accent)}.hero-meta .live:before{content:"● "}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hero-meta .live{animation:pulse 2.4s var(--ease) infinite}.hero h1{font-family:var(--mono);font-weight:500;font-size:clamp(56px,12vw,220px);line-height:.92;letter-spacing:-.04em;margin:0}.hero h1 .accent{color:var(--accent)}.hero h1 .indent{display:inline-block;padding-left:1.5ch}.hero-tagline{font-family:var(--sans);font-size:clamp(18px,2vw,24px);color:var(--fg-2);max-width:36ch;line-height:1.45;margin-top:36px}.hero-tagline .arrow{color:var(--accent);margin-right:8px}.hero-bottom{margin-top:clamp(48px,8vw,96px);display:flex;justify-content:space-between;align-items:end;font-family:var(--mono);font-size:12px;color:var(--fg-3);border-top:1px solid var(--line-soft);padding-top:18px}.hero-bottom .stat{display:flex;flex-direction:column;gap:4px}.hero-bottom .stat .v{font-size:28px;color:var(--fg);letter-spacing:-.02em}.marquee{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);overflow:hidden;background:var(--bg-2);font-family:var(--mono)}.marquee-track{display:flex;gap:48px;padding:18px 0;white-space:nowrap;animation:marquee 28s linear infinite;font-size:14px;color:var(--fg-2)}.marquee-track .dot{color:var(--accent)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.section{padding:var(--gutter-y) var(--pad-x);position:relative}.section-head{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:end;margin-bottom:clamp(40px,6vw,80px);border-bottom:1px solid var(--line-soft);padding-bottom:18px}.section-num{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.1em}.section-title{font-family:var(--mono);font-weight:500;font-size:clamp(36px,6vw,72px);letter-spacing:-.03em;margin:0;line-height:1}.section-aside{font-family:var(--mono);font-size:12px;color:var(--fg-3);justify-self:end;text-align:right}.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(32px,6vw,80px)}@media(max-width:900px){.about-grid{grid-template-columns:1fr}}.about-bio{font-size:clamp(18px,1.6vw,22px);line-height:1.55;color:var(--fg);text-wrap:pretty}.about-bio:first-letter{font-family:var(--mono);color:var(--accent);font-size:1.2em}.about-stats{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line-soft);padding-top:24px}.stat-block .v{font-family:var(--mono);font-size:44px;letter-spacing:-.03em;color:var(--fg);font-variant-numeric:tabular-nums}.stat-block .l{font-family:var(--mono);font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.tl-vertical{position:relative;padding-left:32px}.tl-vertical:before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:1px;background:var(--line)}.tl-item{position:relative;padding-bottom:32px}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";position:absolute;left:-28px;top:8px;width:11px;height:11px;border-radius:50%;border:1px solid var(--accent);background:var(--bg);transition:background var(--t-fast)}.tl-item.active:before{background:var(--accent);box-shadow:0 0 16px var(--accent)}.tl-year{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.06em;margin-bottom:4px}.tl-role{font-family:var(--mono);font-weight:500;font-size:18px}.tl-company{font-size:12px;color:var(--fg-3);margin-top:2px;font-family:var(--mono)}.tl-summary{color:var(--fg-2);margin-top:10px;line-height:1.5;max-width:56ch}.tl-stack{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.tl-stack span{font-family:var(--mono);font-size:11px;border:1px solid var(--line);padding:2px 8px;border-radius:999px;color:var(--fg-2)}.stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-soft);border:1px solid var(--line-soft)}@media(max-width:900px){.stack-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.stack-grid{grid-template-columns:1fr}}.stack-cat{background:var(--bg);padding:28px}.stack-cat-head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:12px;color:var(--fg-3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}.stack-cat-head .count{color:var(--accent)}.stack-list{display:flex;flex-direction:column;gap:14px}.tech-row{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:14px;padding:6px 0;position:relative}.tech-glyph{width:36px;height:36px;flex-shrink:0;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;font-weight:500;color:var(--fg-2);background:var(--bg-2);transition:all var(--t-fast)}.tech-row:hover .tech-glyph{border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px var(--accent-soft)}.tech-name{flex:1}.tech-bar{height:1px;background:var(--line);position:relative;flex:0 0 60px;overflow:hidden}.tech-bar:after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w, 70%);background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}.stack-cat.in-view .tech-bar:after{transform:scaleX(1)}.projects-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px;align-items:center;justify-content:space-between;position:relative;z-index:20}.filter-bar{position:relative;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filter-toggle{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--fg-2);padding:9px 14px;border:1px solid var(--line);border-radius:999px;cursor:pointer;transition:border-color var(--t-fast),color var(--t-fast)}.filter-toggle:hover,.filter-toggle.open{color:var(--fg);border-color:var(--fg-3)}.filter-toggle.has-active{border-color:var(--accent-line);color:var(--fg)}.filter-ico{width:15px;height:15px;flex-shrink:0}.filter-chev{font-size:13px;color:var(--fg-3);transition:transform var(--t-med) var(--ease)}.filter-toggle.open .filter-chev{transform:rotate(180deg);color:var(--accent)}.filter-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:#000;font-size:11px;font-weight:600;display:grid;place-items:center}.filter-clear{font-family:var(--mono);font-size:11px;color:var(--fg-3);cursor:pointer;transition:color var(--t-fast);background:none;border:none}.filter-clear:hover{color:var(--accent)}.filter-popup{position:absolute;top:calc(100% + 8px);left:0;z-index:40;width:min(360px,86vw);background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:0 16px 50px #00000059;animation:pop-in .16s var(--ease)}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.filter-popup-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.facet{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:12px;color:var(--fg-2);padding:8px 10px;border:1px solid var(--line-soft);border-radius:8px;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast);text-align:left}.facet:hover{border-color:var(--fg-3);color:var(--fg)}.facet.active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--fg)}.facet-count{font-size:10px;color:var(--fg-3);background:var(--bg-3);border-radius:999px;padding:1px 6px;min-width:18px;text-align:center}.facet.active .facet-count{color:var(--accent);background:transparent}.filter-count{font-family:var(--mono);font-size:12px;color:var(--fg-3);white-space:nowrap}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1200px){.projects-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.projects-grid{grid-template-columns:1fr}}@media(max-width:560px){.filter-popup-grid{grid-template-columns:1fr}}.project-card{border:1px solid var(--line-soft);border-radius:8px;background:var(--bg-2);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--t-fast),transform var(--t-med) var(--ease)}.project-card:hover{border-color:var(--accent-line);transform:translateY(-4px)}.project-card[hidden]{display:none}.project-img{aspect-ratio:16 / 8;background:repeating-linear-gradient(45deg,var(--bg-3) 0 12px,var(--bg-2) 12px 24px);position:relative;border-bottom:1px solid var(--line-soft);overflow:hidden}.project-img-label{position:absolute;bottom:12px;left:12px;font-family:var(--mono);font-size:10px;color:var(--fg-3);letter-spacing:.1em;background:var(--bg-2);padding:4px 8px;border:1px solid var(--line-soft);border-radius:3px}.project-img-num{position:absolute;top:16px;right:16px;font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.1em}.project-img:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,var(--accent-soft) 0%,transparent 60%);opacity:0;transition:opacity var(--t-med)}.project-card:hover .project-img:before{opacity:1}.slider{position:absolute;inset:0;overflow:hidden}.slides{display:flex;height:100%;transition:transform .45s var(--ease);will-change:transform}.slide{flex:0 0 100%;width:100%;height:100%;object-fit:cover;object-position:top center;display:block;user-select:none;-webkit-user-drag:none}.is-soon .slide{filter:saturate(.9) brightness(.97)}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 65%,transparent);border:1px solid var(--line);color:var(--fg);font-size:17px;line-height:1;cursor:pointer;z-index:3;opacity:0;transition:opacity var(--t-fast),border-color var(--t-fast),color var(--t-fast);backdrop-filter:blur(4px)}.slider-arrow.prev{left:10px}.slider-arrow.next{right:10px}.project-card:hover .slider-arrow{opacity:1}.slider-arrow:hover{border-color:var(--accent);color:var(--accent)}.slider-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:3}.slider-dots .dot{width:6px;height:6px;border-radius:50%;padding:0;border:none;cursor:pointer;background:color-mix(in srgb,var(--fg) 45%,transparent);transition:background var(--t-fast),width var(--t-fast)}.slider-dots .dot.active{background:var(--accent);width:16px;border-radius:3px}@media(hover:none){.slider-arrow{display:none}}.slide.zoomable{cursor:zoom-in}.lightbox{position:fixed;inset:0;z-index:200;display:none;place-items:center;background:color-mix(in srgb,var(--bg) 88%,black);backdrop-filter:blur(8px);padding:clamp(16px,4vw,48px)}.lightbox.open{display:grid;animation:lb-in .2s var(--ease)}@keyframes lb-in{0%{opacity:0}to{opacity:1}}.lb-stage{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:14px;cursor:zoom-out}.lb-img{max-width:min(1100px,92vw);max-height:82vh;width:auto;height:auto;object-fit:contain;cursor:default;border:1px solid var(--line);border-radius:10px;box-shadow:0 24px 80px #00000080;background:var(--bg-2);animation:lb-zoom .22s var(--ease)}@keyframes lb-zoom{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.lb-caption{font-family:var(--mono);font-size:12px;color:var(--fg-2);letter-spacing:.04em;text-align:center}.lb-close{position:absolute;top:16px;right:18px;z-index:2;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--bg-2);border:1px solid var(--line);color:var(--fg);font-size:15px;cursor:pointer;transition:border-color var(--t-fast),color var(--t-fast)}.lb-close:hover{border-color:var(--accent);color:var(--accent)}.lb-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--bg-2);border:1px solid var(--line);color:var(--fg);font-size:22px;line-height:1;cursor:pointer;transition:border-color var(--t-fast),color var(--t-fast)}.lb-arrow:hover{border-color:var(--accent);color:var(--accent)}.lb-prev{left:clamp(10px,3vw,28px)}.lb-next{right:clamp(10px,3vw,28px)}.lb-counter{position:absolute;bottom:18px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:11px;color:var(--fg-3);letter-spacing:.1em}@media(max-width:600px){.lb-arrow{width:38px;height:38px;font-size:18px}.lb-img{max-height:72vh}}@media(prefers-reduced-motion:reduce){.lightbox.open,.lb-img{animation:none}}.project-soon{position:absolute;top:14px;left:14px;z-index:2;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--fg);background:var(--bg-2);padding:5px 9px;border:1px solid var(--accent-line);border-radius:999px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 10px #0000002e}.project-soon:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 var(--accent-soft);animation:soon-pulse 2s var(--ease) infinite}@keyframes soon-pulse{0%{box-shadow:0 0 0 0 var(--accent-soft)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}@media(prefers-reduced-motion:reduce){.project-soon:before{animation:none}}.btn.btn-soon{cursor:default;color:var(--fg-3);border-style:dashed;background:transparent}.btn.btn-soon:hover{border-color:var(--line);color:var(--fg-3)}.project-body{padding:16px;flex:1;display:flex;flex-direction:column;gap:10px}.project-meta{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase}.project-title{font-family:var(--mono);font-size:16px;font-weight:500;letter-spacing:-.02em}.project-blurb{color:var(--fg-2);font-size:13px;line-height:1.45;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:6px}.project-tag{font-family:var(--mono);font-size:11px;border:1px solid var(--line);padding:3px 8px;border-radius:4px;color:var(--fg-2)}.project-actions{display:flex;gap:8px;margin-top:6px}.btn{font-family:var(--mono);font-size:12px;padding:8px 14px;border:1px solid var(--line);border-radius:4px;display:inline-flex;align-items:center;gap:6px;transition:all var(--t-fast);flex:1;justify-content:center}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.btn-primary{background:var(--accent);color:#000;border-color:var(--accent)}.btn.btn-primary:hover{background:transparent;color:var(--accent)}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(40px,6vw,96px);align-items:start}@media(max-width:900px){.contact-grid{grid-template-columns:1fr}}.contact-headline{font-family:var(--mono);font-weight:500;font-size:clamp(32px,5vw,56px);line-height:1.05;letter-spacing:-.03em;margin:0}.contact-headline .accent{color:var(--accent)}.contact-sub{color:var(--fg-2);margin-top:18px;line-height:1.5;max-width:36ch}.contact-find{margin-top:36px;font-family:var(--mono);font-size:12px;color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.contact-find a{color:var(--fg);transition:color var(--t-fast);border-bottom:1px solid var(--line);padding-bottom:2px}.contact-find a:hover{color:var(--accent);border-color:var(--accent)}.form{display:flex;flex-direction:column;gap:20px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-family:var(--mono);font-size:11px;color:var(--fg-3);letter-spacing:.08em;text-transform:uppercase}.field input,.field textarea{font-family:var(--mono);font-size:14px;background:transparent;border:1px solid var(--line);border-radius:4px;padding:12px 14px;color:var(--fg);transition:border-color var(--t-fast);resize:vertical}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent)}.field textarea{min-height:120px}.form-submit{align-self:flex-start;padding:14px 24px;background:var(--accent);color:#000;font-weight:500;border-radius:4px;font-family:var(--mono);font-size:13px;display:inline-flex;align-items:center;gap:10px;transition:transform var(--t-fast);border:none;cursor:pointer}.form-submit:hover{transform:translate(4px)}.form-sent{font-family:var(--mono);font-size:13px;color:var(--accent);border:1px solid var(--accent-line);padding:14px;border-radius:4px;background:var(--accent-soft);display:none}.form-sent.visible{display:block}.form.is-hidden{display:none}.form-submit:disabled{opacity:.5;cursor:progress;transform:none}.form-error{font-family:var(--mono);font-size:13px;color:#e25555;border:1px solid rgba(226,85,85,.4);padding:14px;border-radius:4px;background:#e2555514;display:none}.form-error.visible{display:block}.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;pointer-events:none}.footer{border-top:1px solid var(--line-soft);padding:32px var(--pad-x);display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;font-family:var(--mono);font-size:11px;color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.reveal.in-view{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal-stagger.in-view>*{opacity:1;transform:translateY(0)}.reveal-stagger.in-view>*:nth-child(1){transition-delay:0ms}.reveal-stagger.in-view>*:nth-child(2){transition-delay:80ms}.reveal-stagger.in-view>*:nth-child(3){transition-delay:.16s}.reveal-stagger.in-view>*:nth-child(4){transition-delay:.24s}.reveal-stagger.in-view>*:nth-child(5){transition-delay:.32s}.reveal-stagger.in-view>*:nth-child(6){transition-delay:.4s}.reveal-stagger.in-view>*:nth-child(7){transition-delay:.48s}.reveal-stagger.in-view>*:nth-child(8){transition-delay:.56s}@media(prefers-reduced-motion:reduce){.reveal,.reveal-stagger>*{opacity:1;transform:none;transition:none}.marquee-track{animation:none}}.subsection-label{font-family:var(--mono);font-size:11px;color:var(--fg-3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}.about-education,.about-certs,.about-publication{margin-top:40px}.edu-block{padding:16px;border:1px solid var(--line-soft);border-radius:6px}.edu-degree{font-weight:600;color:var(--fg);margin-bottom:4px}.edu-institution{color:var(--fg-2);font-size:14px}.edu-period{color:var(--fg-3);font-family:var(--mono);font-size:12px;margin-top:4px}.pub-block{padding:16px;border:1px solid var(--line-soft);border-radius:6px;display:flex;flex-direction:column;gap:8px}.pub-title{color:var(--fg-2);font-size:14px;font-style:italic;line-height:1.5;text-decoration:none;transition:color var(--t-fast)}a.pub-title:hover{color:var(--accent)}.pub-venue{font-family:var(--mono);font-size:11px;color:var(--fg-3);letter-spacing:.04em}.about-recognition{margin-top:28px}.reco-block{padding:20px;border:1px solid var(--accent-line);border-radius:8px;background:var(--accent-soft);display:flex;flex-direction:column;gap:8px}.reco-badge{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:600}.reco-title{font-weight:600;color:var(--fg);font-size:15px}.reco-cat{color:var(--fg);font-size:13px;font-style:italic}.reco-detail{color:var(--fg-2);font-size:13px;line-height:1.5}.reco-link{font-family:var(--mono);font-size:12px;color:var(--accent);text-decoration:none;transition:opacity var(--t-fast);margin-top:2px}.reco-link:hover{opacity:.7}.cert-featured{padding:20px;border:1px solid var(--accent-line);border-radius:8px;background:var(--accent-soft);margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.cert-featured-badge{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:600}.cert-featured-name{font-weight:600;color:var(--fg);font-size:15px}.cert-featured-desc{color:var(--fg-2);font-size:13px;line-height:1.5}.cert-featured-link{font-family:var(--mono);font-size:12px;color:var(--accent);text-decoration:none;transition:opacity var(--t-fast)}.cert-featured-link:hover{opacity:.7}.certs-accordion{border:1px solid var(--line-soft);border-radius:8px;overflow:hidden}.certs-summary{list-style:none;cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--fg-2);transition:background var(--t-fast),color var(--t-fast)}.certs-summary::-webkit-details-marker{display:none}.certs-summary:hover{background:var(--bg-3);color:var(--fg)}.certs-chev{font-size:14px;color:var(--fg-3);transition:transform var(--t-med) var(--ease)}.certs-accordion[open] .certs-summary{border-bottom:1px solid var(--line-soft)}.certs-accordion[open] .certs-chev{transform:rotate(180deg);color:var(--accent)}.certs-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.certs-accordion .certs-list{padding:14px}.cert-item{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 12px;border:1px solid var(--line-soft);border-radius:6px;font-size:12px;text-decoration:none;transition:border-color var(--t-fast)}a.cert-item:hover{border-color:var(--accent-line)}.cert-name{color:var(--fg)}.cert-date{color:var(--fg-3);font-family:var(--mono);font-size:10px;white-space:nowrap}@media(max-width:600px){.certs-list{grid-template-columns:1fr}.cert-item{flex-direction:column;gap:2px}.cert-date{white-space:normal}}.scroll-prog{position:fixed;left:0;top:0;height:2px;z-index:60;background:var(--accent);width:var(--prog, 0%);transition:width 80ms linear;box-shadow:0 0 8px var(--accent)}