@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";.navbar{z-index:1000;height:var(--navbar-height);border-bottom:1px solid var(--border);background:rgb(var(--bg-app-rgb) / 70%);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);position:fixed;inset:0 0 auto}.nav-container{width:min(var(--container), calc(100% - 2rem));justify-content:space-between;align-items:center;gap:1rem;height:100%;margin:0 auto;display:flex}.nav-logo{align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-meta{flex-direction:column;display:flex}.logo-avatar-wrapper{border:2px solid var(--accent);width:36px;height:36px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;display:block;overflow:hidden}.logo-avatar{object-fit:cover;width:100%;height:100%}.logo-text{color:var(--text-main);letter-spacing:-.04em;white-space:nowrap;font-size:1.25rem;font-weight:900;line-height:1}.logo-subtext{width:100%;color:var(--text-sub);letter-spacing:.35em;text-transform:uppercase;padding-top:.25rem;font-size:.58rem;font-weight:700;line-height:1;position:relative}.logo-subtext:before{content:"";opacity:.7;background:linear-gradient(90deg, var(--accent), var(--accent-2));width:100%;height:1px;position:absolute;inset:0 0 auto}.logo-accent{color:var(--accent)}.nav-actions{align-items:center;gap:.75rem;display:flex}.mobile-menu-btn{color:var(--text-main);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:.5rem;font-size:1.4rem;display:inline-flex}.theme-toggle{border:1px solid var(--border);background:var(--bg-card);width:44px;height:44px;color:var(--text-main);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;justify-content:center;align-items:center;transition:transform .25s,border-color .25s,box-shadow .25s;display:inline-flex}.theme-toggle:hover{border-color:var(--border-strong);box-shadow:0 0 0 4px var(--accent-glow);transform:translateY(-1px)}.nav-links{z-index:999;border-bottom:1px solid var(--border);background:var(--bg-card);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);opacity:0;pointer-events:none;flex-direction:column;align-items:flex-start;gap:1.5rem;width:100%;padding:1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s;display:flex;position:fixed;top:82px;left:0;transform:translateY(-150%)}.nav-links.active{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links a{width:100%;color:var(--text-sub);letter-spacing:-.01em;padding:.5rem 0;font-size:1.05rem;font-weight:650;transition:color .2s,transform .2s;position:relative}.nav-links a:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));width:0;height:2px;transition:width .25s;position:absolute;bottom:-.625rem;left:50%;transform:translate(-50%)}.nav-links a:hover,.nav-links a.active{color:var(--text-main)}.nav-links a:hover:after,.nav-links a.active:after{width:60%}.nav-cta{background:linear-gradient(135deg, var(--accent-2), var(--accent));color:#fff;box-shadow:var(--shadow-md);border-radius:14px;align-items:center;gap:.625rem;padding:.75rem 1.125rem;font-weight:700;transition:transform .25s,box-shadow .25s,opacity .25s;display:none}.nav-cta:hover{opacity:.96;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.nav-contact-mobile{display:inline-flex}.nav-contact-desktop{display:none}@media (width>=721px){.navbar{height:88px}.nav-container{width:min(var(--container), calc(100% - 2.5rem))}.nav-links{gap:1.875rem;padding:1.875rem 1.5rem;top:88px}.nav-cta{margin-left:.75rem;display:inline-flex}}@media (width>=961px){.logo-avatar-wrapper{display:none}.nav-links{-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1;pointer-events:auto;background:0 0;border-bottom:0;flex-direction:row;align-items:center;gap:2.625rem;width:auto;padding:0;display:flex;position:static;transform:none}.nav-links a{width:auto;padding:0;font-size:.94rem}.nav-actions{gap:1.125rem}.mobile-menu-btn{display:none}.nav-cta{margin-left:.75rem;display:inline-flex}.nav-contact-mobile{display:none}.nav-contact-desktop{display:inline-flex}}.photo-container.is-skeleton:hover,.stat-card.is-skeleton:hover,.about-section .expertise-card.is-skeleton:hover{box-shadow:inherit;transform:none}.stat-card.is-skeleton:before,.about-section .expertise-card.is-skeleton:before,.about-section .expertise-card.is-skeleton:after{display:none}.stat-card.is-skeleton .stat-number,.stat-card.is-skeleton h2,.stat-card.is-skeleton p,.about-section .expertise-card.is-skeleton h2,.about-section .expertise-card.is-skeleton p,.about-section .skeleton-block{color:#0000}.about-section{width:100%;padding:100px 0;overflow:hidden}.about-container{grid-template-columns:1fr;align-items:center;gap:80px;display:grid}.about-left{width:100%}.about-kicker{color:var(--accent);letter-spacing:.15em;margin-bottom:20px;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;display:block}.about-title{letter-spacing:-.045em;max-width:850px;color:var(--text-main);margin:0 0 35px;font-family:Space Grotesk,sans-serif;font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.1}.about-text{max-width:820px;color:var(--text-sub);margin-bottom:28px;font-size:1.05rem;line-height:1.85}.about-text strong{color:var(--accent)}.tech-badges{flex-wrap:wrap;gap:12px;margin-top:45px;margin-bottom:20px;display:flex}.badge{border:1px solid var(--border);background:var(--bg-card);color:var(--text-soft);border-radius:999px;padding:9px 17px;font-family:JetBrains Mono,monospace;font-size:.75rem;transition:all .3s}.badge:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-3px)}.about-right{justify-content:center;align-items:center;width:100%;display:flex}.photo-wrapper{width:300px;height:390px}.photo-container{border:1px solid var(--border);background:var(--bg-card);border-radius:34px;width:100%;height:100%;transition:all .4s;overflow:hidden;transform:perspective(1200px)rotateY(-7deg);box-shadow:0 35px 70px #00000047}.photo-container:hover{transform:perspective(1200px)rotateY(0)translateY(-8px)}.about-picture{width:100%;height:100%;display:block}.profile-photo{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.technical-section{margin-top:160px;padding:60px 0 100px;position:relative}.technical-timeline{flex-direction:column;gap:70px;display:flex;position:relative}.technical-line{background:linear-gradient(180deg, transparent, var(--accent), var(--accent-2), var(--accent-green), transparent);width:2px;box-shadow:0 0 5px var(--accent-glow);opacity:.75;border-radius:999px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.stat-card{border:1px solid var(--border);background:var(--bg-card);border-radius:24px;align-items:center;gap:25px;width:calc(50% - 70px);padding:30px;transition:transform .35s,border-color .35s,box-shadow .35s;display:flex;position:relative}.stat-card:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 15px 35px #00000026}.stat-card.left{text-align:right;justify-content:flex-end;align-self:flex-start;margin-right:auto}.stat-card.right{text-align:left;align-self:flex-end;margin-left:auto}.stat-card:before{content:"";border:3px solid var(--bg-card);background:var(--accent);width:14px;height:14px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.stat-card.left:before{right:-78px}.stat-card.right:before{left:-78px}.stat-number{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:900}.stat-card h2{color:var(--text-main);margin:0 0 10px}.stat-card p{color:var(--text-sub);margin:0;line-height:1.7}.expertise-section{margin-top:150px;padding-bottom:80px}.about-section .expertise-card h2{color:var(--text-main);margin:0 0 12px;font-family:Space Grotesk,sans-serif;font-size:1.15rem}.about-section .expertise-card p{line-height:1.7}.about-section .expertise-icon{margin-bottom:20px}@media (width>=768px){.about-container{gap:100px}}@media (width>=1024px){.about-section{padding:140px 0}.about-container{grid-template-columns:1.15fr .85fr;align-items:start;gap:120px}.about-right{justify-content:center;align-items:center;width:100%;height:auto;margin-top:40px;display:flex;position:relative}.photo-wrapper{width:430px;height:560px}.technical-timeline{gap:90px}.technical-line{left:50%}.stat-card{width:calc(50% - 90px)}.stat-card.left{padding-right:60px}.stat-card.right{padding-left:60px}.stat-card.left:before{right:-52px}.stat-card.right:before{left:-52px}}@media (width>=1280px){.photo-wrapper{width:460px;height:600px}.technical-section{margin-top:180px}}:root[data-theme=light] .stat-card{background:linear-gradient(145deg,#fffffff2,#f5faffd9);border-color:#0f172a1f;box-shadow:0 15px 35px #0f172a14}:root[data-theme=light] .technical-line{background:linear-gradient(180deg, transparent, var(--accent), var(--accent-2), var(--accent-green), transparent);opacity:.65}:root[data-theme=light] .stat-card:before{border-color:#fff}:root[data-theme=light] .stat-card p{color:#475569}:root[data-theme=light] .stat-card:hover{box-shadow:0 20px 45px #0f172a26,0 0 18px #0096ff2e}@media (width<=1023px){.technical-line{left:8px}.stat-card,.stat-card.left,.stat-card.right{text-align:left;justify-content:flex-start;width:100%;margin:0;padding:25px 25px 25px 55px}.stat-card.left:before,.stat-card.right:before{left:1px;right:auto}}.laboratory-page{gap:clamp(3rem,6vw,5.4rem);display:grid}.laboratory-page h1,.laboratory-page h2,.laboratory-page h3{color:var(--text-main);text-wrap:balance;margin:0;font-family:Space Grotesk,sans-serif}.laboratory-page p{color:var(--text-sub);max-width:68ch;margin:0;font-family:Inter,sans-serif;line-height:1.75}.laboratory-hero{gap:1rem;margin-bottom:.5rem}.laboratory-hero h1{letter-spacing:-.05em;font-size:clamp(2.2rem,4.2vw,3.7rem);line-height:1.02}.laboratory-hero p{max-width:780px;margin:0 auto}.laboratory-overview{grid-template-columns:1fr;gap:1rem;display:grid}.lab-overview-card,.lab-panel,.lab-story-card,.lab-data-card,.lab-research-card{border:1px solid var(--border);min-width:0;box-shadow:var(--shadow-sm);border-radius:24px;transition:transform .24s,border-color .24s,box-shadow .24s,background .24s;position:relative;overflow:hidden}:root[data-theme=light] .lab-overview-card,:root[data-theme=light] .lab-panel{background:linear-gradient(#ffffffeb,#ffffffc7)}:root[data-theme=dark] .lab-overview-card,:root[data-theme=dark] .lab-panel{background:linear-gradient(#ffffff0b,#ffffff05)}.lab-overview-card:hover,.lab-panel:hover,.lab-story-card:hover,.lab-data-card:hover,.lab-research-card:hover{border-color:color-mix(in srgb, var(--accent) 26%, var(--border));box-shadow:var(--shadow-md);transform:translateY(-5px)}.lab-overview-card:after,.lab-panel:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 12%, transparent), transparent 58%);transition:opacity .24s;position:absolute;inset:0}.lab-overview-card:hover:after,.lab-panel:hover:after{opacity:1}.lab-overview-card{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:1rem;padding:1.15rem 1.15rem 1.2rem;display:grid}.lab-overview-card h2{letter-spacing:-.03em;margin-bottom:.35rem;font-size:1.02rem;line-height:1.12}.lab-overview-card p{max-width:30ch;font-size:.96rem;line-height:1.65}.lab-overview-icon{width:44px;height:44px;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.lab-section{gap:1.55rem;display:grid}.lab-section-divider{padding-top:clamp(1.9rem,3vw,2.6rem);position:relative}.lab-section-divider:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);opacity:.28;width:min(220px,38%);height:1px;position:absolute;top:0;left:0}.lab-section-top{grid-template-columns:1fr;gap:1rem;display:grid}.lab-section-intro{gap:.7rem;max-width:920px;display:grid}.lab-label{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));background:color-mix(in srgb, var(--accent) 8%, transparent);width:fit-content;min-height:30px;color:var(--accent);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 .8rem;font-size:.74rem;font-weight:800;display:inline-flex}.lab-section-intro h2{letter-spacing:-.045em;max-width:18ch;font-size:clamp(1.5rem,2.5vw,2.15rem);line-height:1.08}.lab-section-intro p{max-width:56ch}.lab-feature-grid{grid-template-columns:1fr;gap:1.15rem;display:grid}.lab-panel{padding:1.2rem}.lab-panel-head{justify-content:space-between;align-items:center;gap:.9rem;margin-bottom:1rem;display:flex}.lab-panel-head h3{letter-spacing:-.03em;align-items:center;gap:.65rem;font-size:1.02rem;display:inline-flex}.lab-panel-head svg{color:var(--accent);flex-shrink:0}.lab-panel-body{min-width:0}.lab-list,.lab-metrics{gap:.95rem}.lab-actions{justify-content:flex-start;padding-top:.3rem;display:flex}.lab-actions .inline-link{align-items:center;gap:.55rem;display:inline-flex}.lab-story-grid,.lab-column-cards,.lab-research-grid{grid-template-columns:1fr;display:grid}.lab-story-grid{gap:1.5rem;margin-top:.75rem}.lab-column-cards{gap:1.6rem;margin-top:.75rem}.lab-research-grid{gap:1.7rem;margin-top:.75rem}.lab-story-card{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);gap:1.45rem;padding:1.6rem;display:grid;box-shadow:0 14px 32px #00000014,inset 0 1px #ffffff14}:root[data-theme=light] .lab-story-card{background:radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 11%, transparent), transparent 42%), linear-gradient(180deg, #fffffff2, #f6f8fbd6)}:root[data-theme=dark] .lab-story-card{background:radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 14%, transparent), transparent 42%), linear-gradient(180deg, #ffffff0e, #ffffff06)}.lab-story-card:before{content:"";border-radius:inherit;pointer-events:none;opacity:.72;background:linear-gradient(135deg,#ffffff24,#0000 30% 70%,#ffffff0a);position:absolute;inset:0}.lab-story-card:after{content:"";pointer-events:none;border:1px solid #ffffff0f;border-radius:23px;position:absolute;inset:1px}.lab-story-head{grid-template-columns:52px minmax(0,1fr);align-items:start;gap:1rem;display:grid}.lab-story-head h3{letter-spacing:-.03em;margin-bottom:.35rem;font-size:1.15rem;line-height:1.1}.lab-story-head p{max-width:34ch}.lab-data-card{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);gap:1rem;padding:1.6rem;display:grid;box-shadow:0 14px 32px #00000014,inset 0 1px #ffffff12}:root[data-theme=light] .lab-data-card{background:linear-gradient(#fffffff5,#fafafad6),repeating-linear-gradient(#0000 0 24px,#01696f08 24px 25px)}:root[data-theme=dark] .lab-data-card{background:linear-gradient(#ffffff0a,#ffffff05),repeating-linear-gradient(#0000 0 26px,#ffffff09 26px 27px)}.lab-data-card:before{content:"";pointer-events:none;opacity:.68;background:linear-gradient(135deg,#ffffff1f,#0000 32% 72%,#ffffff08);position:absolute;inset:0}.lab-data-card:after{content:"";pointer-events:none;border:1px solid #ffffff0d;border-radius:23px;position:absolute;inset:1px}.lab-data-card h3{letter-spacing:-.03em;font-size:1.14rem}.lab-data-card p{max-width:36ch}.lab-data-list{gap:.9rem;margin:.3rem 0 0;padding:0;list-style:none;display:grid}.lab-data-list li{border-top:1px solid color-mix(in srgb, var(--border) 82%, transparent);color:var(--text-sub);padding:.9rem 0 .05rem 1rem;font-family:Inter,sans-serif;line-height:1.6;position:relative}.lab-data-list li:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 12%, transparent);border-radius:999px;position:absolute;top:1.35rem;left:0}.lab-research-card{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);gap:1.2rem;min-height:100%;padding:1.7rem;display:grid;box-shadow:0 16px 34px #00000017,inset 0 1px #ffffff12}:root[data-theme=light] .lab-research-card{background:radial-gradient(circle at 100% 0,#1271ff0f,#0000 34%),radial-gradient(circle at 0 100%,#01696f0f,#0000 38%),linear-gradient(#fffffff2,#f4f7fadb)}:root[data-theme=dark] .lab-research-card{background:radial-gradient(circle at 100% 0,#5591c71f,#0000 34%),radial-gradient(circle at 0 100%,#4f98a31a,#0000 38%),linear-gradient(#ffffff0d,#ffffff05)}.lab-research-card:before{content:"";pointer-events:none;opacity:.72;background:linear-gradient(135deg,#ffffff24,#0000 34% 72%,#ffffff08);position:absolute;inset:0}.lab-research-card:after{content:"";pointer-events:none;border:1px solid #ffffff0f;border-radius:23px;position:absolute;inset:1px}.lab-research-head{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:1rem;display:grid}.lab-research-head h3{letter-spacing:-.03em;font-size:1.14rem;line-height:1.1}.lab-research-card p{max-width:38ch}.lab-float-icon,.lab-data-icon{width:52px;height:52px;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));box-shadow:0 14px 24px color-mix(in srgb, var(--accent) 12%, transparent), 0 6px 10px #00000014, inset 0 1px 0 #ffffff24, inset 0 -8px 16px #0000000d;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden;transform:translateZ(0)}:root[data-theme=light] .lab-float-icon,:root[data-theme=light] .lab-data-icon{background:radial-gradient(circle at 30% 25%, #fffffff2, transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--accent) 16%, white 84%), color-mix(in srgb, var(--accent) 8%, white 92%))}:root[data-theme=dark] .lab-float-icon,:root[data-theme=dark] .lab-data-icon{background:radial-gradient(circle at 30% 25%, #ffffff24, transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--accent) 20%, #ffffff08), color-mix(in srgb, var(--accent) 10%, #ffffff04))}.lab-float-icon:before,.lab-data-icon:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff38,#0000 38% 62%,#ffffff0a);border-radius:17px;position:absolute;inset:1px}.lab-float-icon:after,.lab-data-icon:after{content:"";background:color-mix(in srgb, var(--accent) 16%, transparent);filter:blur(8px);opacity:.7;pointer-events:none;border-radius:999px;height:10px;position:absolute;bottom:6px;left:10px;right:10px}.lab-float-icon svg,.lab-data-icon svg{z-index:1;filter:drop-shadow(0 1px 0 #ffffff2e) drop-shadow(0 4px 10px color-mix(in srgb, var(--accent) 14%, transparent));font-size:1.2rem;position:relative}.lab-float-icon.alt{color:color-mix(in srgb, var(--accent) 72%, #4f7cff 28%)}.lab-float-icon.research{color:color-mix(in srgb, var(--accent) 68%, #3f87ff 32%)}.lab-data-icon{border-radius:19px;width:54px;height:54px}.lab-chip-row,.lab-capabilities{flex-wrap:wrap;gap:.78rem;display:flex}.lab-chip-row{margin-top:.2rem}.lab-chip-row span,.lab-tag{border:1px solid color-mix(in srgb, var(--border) 84%, transparent);min-height:38px;color:var(--text-soft);border-radius:999px;justify-content:center;align-items:center;padding:0 1rem;font-size:.84rem;font-weight:650;line-height:1;transition:transform .2s,border-color .2s,color .2s,background .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}:root[data-theme=light] .lab-chip-row span,:root[data-theme=light] .lab-tag{background:linear-gradient(#fffffff0,#f5f7fad1);box-shadow:0 8px 16px #0000000d,inset 0 1px #ffffffa6}:root[data-theme=dark] .lab-chip-row span,:root[data-theme=dark] .lab-tag{background:linear-gradient(#ffffff12,#ffffff08);box-shadow:0 8px 18px #0003,inset 0 1px #ffffff0d}.lab-chip-row span:before,.lab-tag:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff2e,#0000 40% 68%,#ffffff0a);position:absolute;inset:1px}.lab-chip-row span:hover,.lab-tag:hover{color:var(--text-main);border-color:color-mix(in srgb, var(--accent) 28%, var(--border));box-shadow:0 12px 24px color-mix(in srgb, var(--accent) 10%, transparent), inset 0 1px 0 #ffffff1f;transform:translateY(-2px)}.lab-capabilities{gap:.8rem;padding-top:.2rem}@media (prefers-reduced-motion:reduce){.lab-overview-card,.lab-panel,.lab-story-card,.lab-data-card,.lab-research-card,.lab-chip-row span,.lab-tag,.lab-float-icon,.lab-data-icon{transition:none}.lab-overview-card:hover,.lab-panel:hover,.lab-story-card:hover,.lab-data-card:hover,.lab-research-card:hover,.lab-chip-row span:hover,.lab-tag:hover{transform:none}}@media (width>=768px){.laboratory-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}.lab-section{gap:1.75rem}.lab-story-grid,.lab-column-cards,.lab-research-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.lab-section-intro p{max-width:60ch}}@media (width>=1024px){.laboratory-page{gap:clamp(3.6rem,6vw,5.4rem)}.laboratory-overview{grid-template-columns:repeat(4,minmax(0,1fr))}.lab-section-top{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:end}.lab-section-intro{max-width:100%}.lab-section-intro h2{max-width:15ch}.lab-section-intro p{justify-self:start;max-width:52ch}.lab-feature-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start;gap:1.25rem}.lab-story-grid,.lab-column-cards{gap:1.8rem}.lab-research-grid{gap:1.9rem}.lab-section-divider{padding-top:2.35rem}}.contact-card.is-skeleton,.neo-terminal.is-skeleton,.social-mini-card.is-skeleton{pointer-events:none}.contact-card.is-skeleton h2,.contact-card.is-skeleton p,.neo-terminal.is-skeleton .term-tab-title,.neo-terminal.is-skeleton .cmd-input,.neo-terminal.is-skeleton .cmd-output,.neo-terminal.is-skeleton label,.social-mini-card.is-skeleton .social-mini-meta,.social-mini-card.is-skeleton .social-mini-textbox span{color:#0000}.social-mini-card.is-skeleton:hover,.contact-card.is-skeleton:hover,.neo-terminal.is-skeleton:hover{transform:none}.social-mini-card.is-skeleton:before,.social-mini-card.is-skeleton .social-mini-icon:after{display:none}.social-mini-card.is-skeleton .social-mini-front{box-shadow:none}.neo-terminal.is-skeleton .cmd-submit-btn{border-color:#0000}:root{--social-card-h:64px;--social-radius:18px;--social-thickness:4px;--social-title-color-dark:#f8fafc;--social-desc-color-dark:#cbd5e1;--social-meta-color-dark:#e2e8f0;--social-title-color-light:#0f172a;--social-desc-color-light:#475569;--social-meta-color-light:#334155}.contact-grid{width:100%;max-width:var(--container);grid-template-columns:1fr;align-items:start;gap:24px;margin:0 auto;display:grid}.contact-card,.neo-terminal{border-radius:22px;width:100%;min-width:0}.contact-card{border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px)saturate(135%);padding:20px}:root[data-theme=dark] .contact-card{color:#fff;background:radial-gradient(circle at 0 0,#00d4aa0e 0%,#0000 30%),radial-gradient(circle at 85% 20%,#5b91ff0d 0%,#0000 24%),radial-gradient(circle at 100% 100%,#38bdf812 0%,#0000 34%),linear-gradient(#181e28f5 0%,#121721f7 52%,#0e121cfa 100%);border:1px solid #ffffff12}:root[data-theme=light] .contact-card{color:#0f172a;background:radial-gradient(circle at 0 0,#00d4aa14 0%,#0000 32%),radial-gradient(circle at 100% 100%,#38bdf81a 0%,#0000 36%),linear-gradient(#fcfefffa 0%,#f3f8fcfc 52%,#ecf4f9 100%);border:1px solid #0f172a1a}.contact-card h2{margin:0 0 16px;font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.2}.section-head-centered h1{margin:0 0 16px;font-size:clamp(2rem,4vw,2.5rem);line-height:1.15}:root[data-theme=dark] .contact-card h2{color:#fff}:root[data-theme=light] .contact-card h2{color:#0f172a}.neo-terminal{border-radius:var(--radius-md);color:var(--text-main);border:1px solid var(--border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px)saturate(135%);flex-direction:column;align-self:flex-start;display:flex;overflow:hidden}:root[data-theme=dark] .neo-terminal{background:radial-gradient(circle at 0 0,#00d4aa0e 0%,#0000 30%),radial-gradient(circle at 100% 100%,#38bdf812 0%,#0000 34%),linear-gradient(#181e28f5 0%,#0e121cfa 100%);border:1px solid #ffffff12}:root[data-theme=light] .neo-terminal{background:radial-gradient(circle at 0 0,#00d4aa14 0%,#0000 32%),radial-gradient(circle at 100% 100%,#38bdf81a 0%,#0000 36%),linear-gradient(#fcfefffa 0%,#ecf4f9 100%);border:1px solid #0f172a1a}.term-top-bar{background:#161b26;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}:root[data-theme=light] .term-top-bar{background:#1e2530;border-bottom:1px solid #0f172a26}.term-controls{gap:6px;display:flex}.term-controls span{border-radius:50%;width:10px;height:10px}.c-red{background:#ef4444}.c-yellow{background:#f59e0b}.c-green{background:#10b981}.term-tab-title{color:#cbd5e1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem}.term-content-area{background:linear-gradient(180deg, var(--terminal-bg) 0%, var(--console-bg) 100%);min-height:0;color:var(--text-main);text-align:left;flex-direction:column;flex:1;justify-content:flex-start;gap:12px;padding:20px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem;display:flex}:root[data-theme=light] .term-content-area{background:linear-gradient(180deg, #fafdf5 0%, var(--bg-card-2) 100%)}.cmd-input,.cmd-output{margin:0}.prompt-color{color:var(--accent);margin-bottom:18px;display:inline-block}.cmd-output{color:var(--accent-green)}.cmd-form{gap:12px;margin-top:18px;display:grid}.cmd-input-line{grid-template-columns:1fr;gap:6px;display:grid}.cmd-input-line label{color:var(--accent-green);font-size:.78rem;font-weight:700}.cmd-input-line input,.cmd-input-line textarea{resize:none;border:none;border-bottom:1px solid var(--border-strong);color:var(--text-main);line-height:1.45;font:inherit;appearance:none;box-shadow:none;outline:none;padding:8px 0;background:0 0!important}.cmd-input-line input:focus,.cmd-input-line textarea:focus{background:0 0!important}.cmd-input-line input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;background-color:#0000!important;box-shadow:inset 0 0 0 1000px #0000!important}.cmd-input-line input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;background-color:#0000!important;box-shadow:inset 0 0 0 1000px #0000!important}.cmd-input-line input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;background-color:#0000!important;box-shadow:inset 0 0 0 1000px #0000!important}.cmd-input-line input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;background-color:#0000!important;box-shadow:inset 0 0 0 1000px #0000!important}.cmd-submit-btn{border:1px solid var(--accent);width:80%;min-height:38px;color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;margin:10px auto 0;padding:8px 14px;font-weight:800;transition:background-color .2s,color .2s;display:inline-flex}.cmd-submit-btn:hover{background:var(--accent-glow)}.cmd-feedback{border-radius:12px;margin-top:14px;padding:12px 14px;font-size:.95rem;font-weight:600;line-height:1.4}.cmd-feedback-success{color:#8af5c5;background:#10b98124;border:1px solid #10b98159}.cmd-feedback-error{color:#ffb4b4;background:#ef444424;border:1px solid #ef444459}.social-mini-grid{grid-template-columns:1fr;gap:12px;width:100%;margin-top:10px;display:grid}.social-mini-card{width:100%;min-width:0;min-height:var(--social-card-h);color:inherit;isolation:isolate;border-radius:var(--social-radius);text-decoration:none;transition:transform .22s,box-shadow .22s,filter .22s;display:block;position:relative;transform:translateY(0)}.social-mini-card:hover{transform:translateY(-2px)}.social-mini-card:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 62%, white 8%);outline-offset:3px}.social-mini-card:before{content:"";border-radius:inherit;z-index:0;pointer-events:none;opacity:.9;transition:opacity .22s,transform .22s,box-shadow .22s;position:absolute;inset:0}:root[data-theme=dark] .social-mini-card:before{background:radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--accent) 20%, transparent) 0%, transparent 44%), linear-gradient(180deg, #ffffff09 0%, #ffffff03 100%);box-shadow:inset 0 1px #ffffff08,0 10px 22px #00000029}:root[data-theme=light] .social-mini-card:before{background:radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--accent) 15%, white 85%) 0%, transparent 46%), linear-gradient(180deg, #ffffff80 0%, #ffffff1a 100%);box-shadow:inset 0 1px #ffffff85,0 10px 20px #0f172a0f}.social-mini-front{z-index:2;border-radius:inherit;min-height:var(--social-card-h);align-items:center;gap:12px;padding:12px 14px;transition:border-color .22s,background .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}:root[data-theme=dark] .social-mini-front{background:radial-gradient(circle at 0 0,#00d4aa13 0%,#0000 30%),radial-gradient(circle at 100% 100%,#38bdf814 0%,#0000 36%),linear-gradient(#1a212cf0 0%,#131924f2 52%,#0f141ef7 100%);border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff0a,0 8px 18px #0000001f}:root[data-theme=light] .social-mini-front{background:radial-gradient(circle at 0 0,#00d4aa1a 0%,#0000 30%),radial-gradient(circle at 100% 100%,#38bdf81a 0%,#0000 36%),linear-gradient(#ffffffeb 0%,#f4f9fcf7 54%,#ebf3f8fc 100%);border:1px solid #0f172a1a;box-shadow:inset 0 1px #ffffff9e,0 10px 18px #0f172a0d}.social-mini-card:hover .social-mini-front{border-color:color-mix(in srgb, var(--accent) 38%, #ffffff29)}:root[data-theme=dark] .social-mini-card:hover .social-mini-front{box-shadow:inset 0 1px 0 #ffffff0d, 0 12px 24px #00000029, 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent)}:root[data-theme=light] .social-mini-card:hover .social-mini-front{box-shadow:inset 0 1px 0 #ffffffb8, 0 12px 22px #0f172a12, 0 0 0 1px color-mix(in srgb, var(--accent) 16%, transparent)}.social-mini-shine{z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff24 0%,#ffffff0a 24%,#0000 58%);position:absolute;inset:0}:root[data-theme=light] .social-mini-shine{background:linear-gradient(#ffffff52 0%,#ffffff1f 26%,#0000 58%)}.social-mini-icon{z-index:3;background:0 0;border-radius:12px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;transition:transform .22s,color .22s,border-color .22s,box-shadow .22s,background .22s;display:inline-flex;position:relative}:root[data-theme=dark] .social-mini-icon{color:#f8fafc;border:1px solid color-mix(in srgb, var(--accent) 28%, #ffffff24);box-shadow:inset 0 1px 0 #ffffff0a, 0 0 0 1px #ffffff05, 0 0 16px color-mix(in srgb, var(--accent) 18%, transparent);background:0 0}:root[data-theme=light] .social-mini-icon{color:#0f172a;border:1px solid color-mix(in srgb, var(--accent) 22%, #0f172a1f);box-shadow:inset 0 1px 0 #ffffff8c, 0 0 0 1px #ffffff3d, 0 0 12px color-mix(in srgb, var(--accent) 10%, transparent);background:0 0}.social-mini-card:hover .social-mini-icon{transform:translateY(-1px)scale(1.03)}:root[data-theme=dark] .social-mini-card:hover .social-mini-icon{border-color:color-mix(in srgb, var(--accent) 58%, #ffffff3d);box-shadow:inset 0 1px 0 #ffffff0f, 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent), 0 0 20px color-mix(in srgb, var(--accent) 28%, transparent), 0 0 34px color-mix(in srgb, var(--accent) 12%, transparent)}:root[data-theme=light] .social-mini-card:hover .social-mini-icon{border-color:color-mix(in srgb, var(--accent) 44%, #0f172a2e);box-shadow:inset 0 1px 0 #ffffffb8, 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent), 0 0 16px color-mix(in srgb, var(--accent) 16%, transparent)}.social-mini-icon:after{content:"";border-radius:inherit;z-index:-1;pointer-events:none;opacity:.9;position:absolute;inset:-4px}:root[data-theme=dark] .social-mini-icon:after{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 16%, transparent) 0%, transparent 72%)}:root[data-theme=light] .social-mini-icon:after{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 10%, white 90%) 0%, transparent 72%)}.social-mini-textbox{z-index:3;flex-direction:column;flex:1;justify-content:center;gap:3px;min-width:0;display:flex;position:relative}.social-mini-name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;line-height:1.1;display:block;overflow:hidden}:root[data-theme=dark] .social-mini-name{color:#f8fafc}:root[data-theme=light] .social-mini-name{color:#0f172a}.social-mini-desc{white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;font-weight:500;line-height:1.2;display:block;overflow:hidden}:root[data-theme=dark] .social-mini-desc{color:#e2e8f0d1}:root[data-theme=light] .social-mini-desc{color:#334155db}.social-mini-meta{z-index:3;white-space:nowrap;text-overflow:ellipsis;text-align:right;flex:none;max-width:34%;font-size:.74rem;font-weight:700;position:relative;overflow:hidden}:root[data-theme=dark] .social-mini-meta{color:color-mix(in srgb, var(--accent) 36%, #e2e8f0)}:root[data-theme=light] .social-mini-meta{color:color-mix(in srgb, var(--accent) 34%, #334155)}.social-mini-shadow{z-index:0;filter:blur(12px);opacity:.22;pointer-events:none;border-radius:999px;height:14px;transition:opacity .22s,transform .22s;position:absolute;bottom:-8px;left:14px;right:14px}:root[data-theme=dark] .social-mini-shadow{background:color-mix(in srgb, var(--accent) 18%, #00000085)}:root[data-theme=light] .social-mini-shadow{background:color-mix(in srgb, var(--accent) 12%, #0f172a24)}.social-mini-card:hover .social-mini-shadow{opacity:.3;transform:translateY(1px)}.social-mini-front,.social-mini-front *{opacity:1;text-shadow:none;filter:none}@media (width>=992px){:root{--social-thickness:9px}.contact-grid{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:30px;width:100%;display:flex}.contact-card,.neo-terminal{flex-direction:column;min-width:0;display:flex}.contact-card{flex:0 0 34%;max-width:380px}.neo-terminal{flex:1;min-width:0}.social-mini-grid{grid-template-columns:1fr;gap:10px;max-width:420px;margin-left:auto;margin-right:auto}.term-content-area{flex:none;min-height:0}}@media (width>=992px) and (hover:hover) and (pointer:fine){.social-mini-card{transform:translateY(0)}.social-mini-card:hover{transform:translateY(-3px)}}:root[data-theme=dark]{--navbar-height:82px;--bg-app:#0f131a;--bg-app-rgb:15, 19, 26;--bg-elevated:#151a24;--bg-card:#151a24cc;--bg-card-2:#1c2331f2;--bg-soft:#ffffff0a;--border:#ffffff0f;--border-strong:#ffffff1f;--text-main:#f8fafc;--text-soft:#cbd5e1;--text-sub:#94a3b8;--accent:#06b6d4;--accent-2:#0f766e;--accent-green:#10b981;--accent-glow:#06b6d429;--shadow-sm:0 8px 32px #0000003d;--shadow-md:0 16px 48px #00000052;--shadow-lg:0 24px 64px #0006;--terminal-bg:#161b26;--console-bg:#1c2331;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--container:1360px}:root[data-theme=light]{--navbar-height:82px;--bg-app:#f4f8fb;--bg-app-rgb:244, 248, 251;--bg-elevated:#fff;--bg-card:#fffffff0;--bg-card-2:#eef4fbfa;--bg-soft:#0f172a0d;--border:#0f172a17;--border-strong:#0f172a29;--text-main:#0f172a;--text-soft:#27354a;--text-sub:#52637a;--accent:#0891b2;--accent-2:#0f766e;--accent-green:#059669;--accent-glow:#0891b224;--shadow-sm:0 10px 25px #0f172a0d;--shadow-md:0 20px 55px #0f172a14;--shadow-lg:0 30px 80px #0f172a1f;--terminal-bg:#fff;--console-bg:#1e2530;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--container:1360px}@media (width>=721px){:root[data-theme=dark],:root[data-theme=light]{--navbar-height:88px}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}#root{min-height:100%}body{min-height:100%;padding-top:var(--navbar-height);font-synthesis:none;text-rendering:optimizelegibility;color:var(--text-main);background:radial-gradient(circle at 0% 0%, var(--accent-glow), transparent 24%), radial-gradient(circle at 100% 0%, #2563eb1a, transparent 20%), linear-gradient(180deg, rgba(var(--bg-app-rgb), .98), rgba(var(--bg-app-rgb), 1)), var(--bg-app);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .25s,color .25s}h1,h2,h3{font-family:Space Grotesk,sans-serif}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--accent);color:#fff}.container{width:min(var(--container), calc(100% - 24px));margin:0 auto}@media (width>=721px){.container{width:min(var(--container), calc(100% - 40px))}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--card-radius:18px;--card-pad:1rem;--card-border:var(--border,#ffffff1a);--card-bg-dark:linear-gradient(180deg, #ffffff0b 0%, #ffffff05 100%);--card-bg-light:linear-gradient(180deg, #ffffffdb 0%, #ffffffb8 100%);--card-shadow-dark:0 14px 34px #0000002e, 0 4px 12px #0000001f;--card-shadow-light:0 16px 30px #0f172a14, 0 4px 12px #0f172a0d;--card-line-fade:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--card-tone-accent,var(--accent)) 22%, transparent) 16%, color-mix(in srgb, var(--card-tone-accent,var(--accent)) 62%, #ffffff2e) 50%, color-mix(in srgb, var(--card-tone-accent,var(--accent)) 22%, transparent) 84%, transparent 100%)}.expertise-card{min-height:100%;padding:var(--card-pad);border:1px solid var(--card-border);border-radius:var(--card-radius);isolation:isolate;flex-direction:column;gap:.15rem;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;display:flex;position:relative;overflow:hidden}.expertise-card:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000,#ffffff2e,#0000);height:1px;position:absolute;inset:0 0 auto}.expertise-card:after{content:"";background:var(--card-line-fade);opacity:.95;width:72%;height:1px;margin:.95rem 0;display:block}:root[data-theme=dark] .expertise-card{background:var(--card-bg-dark);box-shadow:0 14px 30px #0000002e, 0 0 18px color-mix(in srgb, var(--card-tone-accent,var(--accent)) 9%, transparent), inset 0 1px 0 #ffffff0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}:root[data-theme=light] .expertise-card{background:var(--card-bg-light);box-shadow:0 14px 26px #0f172a14, 0 0 14px color-mix(in srgb, var(--card-tone-accent,var(--accent)) 8%, transparent), inset 0 1px 0 #ffffff8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.expertise-card:hover{transform:translateY(-4px)}:root[data-theme=dark] .expertise-card:hover{border-color:color-mix(in srgb, var(--card-tone-accent,var(--accent)) 20%, #ffffff14);box-shadow:0 18px 38px #00000038, 0 0 0 1px #ffffff08 inset, 0 0 18px color-mix(in srgb, var(--card-tone-accent,var(--accent)) 10%, transparent)}:root[data-theme=light] .expertise-card:hover{border-color:color-mix(in srgb, var(--card-tone-accent,var(--accent)) 16%, #0f172a14);box-shadow:0 18px 34px #0f172a1a, 0 0 0 1px #ffffff61 inset, 0 0 18px color-mix(in srgb, var(--card-tone-accent,var(--accent)) 8%, transparent)}.expertise-card h3{z-index:1;color:var(--text-main,#fff);margin:0;font-size:1rem;line-height:1.2;position:relative}.expertise-card p{z-index:1;color:var(--text-soft,#ffffffbd);margin:0;line-height:1.6;position:relative}.expertise-icon{border:1px solid var(--card-icon-border,var(--card-border));width:44px;height:44px;color:var(--card-icon-color,var(--card-tone-accent,var(--accent)));border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s,color .22s;display:inline-flex;position:relative;overflow:hidden}.expertise-icon:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 25%,#ffffff2e,#0000 56%),linear-gradient(#ffffff0f,#0000);position:absolute;inset:0}:root[data-theme=dark] .expertise-icon{background:radial-gradient(circle at 30% 25%, #ffffff1f, transparent 56%), color-mix(in srgb, var(--card-tone-accent,var(--accent)) 12%, #ffffff05);box-shadow:inset 0 1px 0 #ffffff0f, 0 8px 20px color-mix(in srgb, var(--card-tone-accent,var(--accent)) 12%, transparent)}:root[data-theme=light] .expertise-icon{background:radial-gradient(circle at 30% 25%, #ffffffb8, transparent 56%), color-mix(in srgb, var(--card-tone-accent,var(--accent)) 10%, white 74%);box-shadow:inset 0 1px 0 #ffffffb3, 0 10px 20px color-mix(in srgb, var(--card-tone-accent,var(--accent)) 10%, transparent)}.expertise-icon svg{z-index:1;filter:drop-shadow(0 1px 1px #0000001f);position:relative}.expertise-card:hover .expertise-icon{transform:translateY(-1px)scale(1.02)}@media (width>=768px){:root{--card-radius:20px;--card-pad:1.1rem}.expertise-icon{width:48px;height:48px;font-size:1.05rem}}@media (width>=1024px){:root{--card-radius:22px;--card-pad:1.15rem}.expertise-icon{width:50px;height:50px;font-size:1.08rem}}@media (prefers-reduced-motion:reduce){.expertise-card,.expertise-icon{transition:none}.expertise-card:hover,.expertise-card:hover .expertise-icon{transform:none}}.skeleton *{color:#0000}.is-skeleton{pointer-events:none}.is-skeleton:hover{transform:none!important}.skeleton-block{border-radius:10px;position:relative;overflow:hidden}:root[data-theme=dark] .skeleton-block{background:#ffffff14}:root[data-theme=light] .skeleton-block{background:#0f172a14}.skeleton-block:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff2e 50%,#0000 100%);animation:1.3s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-text-sm{min-height:.8rem}.skeleton-text-md{min-height:1rem}.skeleton-text-lg{min-height:1.4rem}.skeleton-pill{border-radius:999px;width:80px;height:1.4rem;display:inline-block}.skeleton-photo{border-radius:inherit;width:100%;height:100%}.skeleton-line{width:100%;height:2px}.skeleton-card{padding:1rem}.skeleton-icon{border-radius:999px;width:40px;height:40px}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skeleton-block:after{background:0 0;animation:none;transform:none}}.section{padding:3.9rem 0;position:relative}.section-spaced{padding:4.15rem 0}.section-separated{position:relative}.section-separated:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);opacity:.78;pointer-events:none;width:min(220px,38%);height:1px;position:absolute;top:0;left:0}.narrow{max-width:780px;margin-inline:auto}.section-head-centered{text-align:center;max-width:780px;margin:0 auto 2.25rem}.section-head-centered .section-kicker{margin-bottom:.8rem}.section-head-centered h2{letter-spacing:-.05em;color:var(--text-main);margin:0 0 .9rem;font-size:clamp(1.85rem,3vw,2.8rem);line-height:1.08}.section-head-centered p{color:var(--text-sub);margin:0;font-size:1rem;line-height:1.8}.section-more{justify-content:center;margin-top:1.35rem;display:flex}.section-more.left{justify-content:flex-start}.inline-link{min-height:44px;color:var(--text-main);border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.72rem 1rem;font-weight:700;text-decoration:none;transition:transform .22s,color .22s,border-color .22s,background .22s,box-shadow .22s;display:inline-flex}:root[data-theme=dark] .inline-link{background:#ffffff0a;border:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff0a,0 8px 18px #00000024}:root[data-theme=light] .inline-link{background:#ffffffc7;border:1px solid #0f172a14;box-shadow:inset 0 1px #ffffff9e,0 10px 18px #0f172a0d}.inline-link svg{font-size:.9rem;transition:transform .22s}.inline-link:hover{color:var(--text-main);transform:translateY(-2px)}:root[data-theme=dark] .inline-link:hover{border-color:color-mix(in srgb, var(--accent) 18%, #ffffff1a);box-shadow:inset 0 1px 0 #ffffff0d, 0 12px 24px #0000002e, 0 0 16px color-mix(in srgb, var(--accent) 10%, transparent)}:root[data-theme=light] .inline-link:hover{border-color:color-mix(in srgb, var(--accent) 14%, #0f172a14);box-shadow:inset 0 1px 0 #ffffffa6, 0 12px 20px #0f172a14, 0 0 14px color-mix(in srgb, var(--accent) 8%, transparent)}.inline-link:hover svg{transform:translate(3px)}.empty-inline-state{text-align:center;border-radius:20px;justify-content:center;align-items:center;min-height:140px;padding:1.15rem;display:flex}:root[data-theme=dark] .empty-inline-state{background:#ffffff08;border:1px solid #ffffff0f;box-shadow:inset 0 1px #ffffff08,0 10px 24px #0000001f}:root[data-theme=light] .empty-inline-state{background:#ffffffc2;border:1px solid #0f172a0f;box-shadow:inset 0 1px #ffffff9e,0 10px 20px #0f172a0d}.empty-inline-state p{color:var(--text-sub);margin:0;line-height:1.65}.state-wrapper{border-radius:22px;flex-direction:column;gap:.8rem;min-height:42vh;padding:2rem 1rem;display:flex}.state-wrapper.centered{text-align:center;justify-content:center;align-items:center}:root[data-theme=dark] .state-wrapper{background:#ffffff08;border:1px solid #ffffff0f;box-shadow:inset 0 1px #ffffff08,0 12px 26px #0000001f}:root[data-theme=light] .state-wrapper{background:#ffffffc7;border:1px solid #0f172a0f;box-shadow:inset 0 1px #ffffffa8,0 12px 24px #0f172a0d}.state-wrapper h2,.state-wrapper p{margin:0}.state-wrapper.error h2{color:#ef4444}.grid-cards,.expertise-grid{gap:1rem;display:grid}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));margin-top:1.2rem}.expertise-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));align-items:stretch;margin-top:1.6rem}.grid-cards>*,.expertise-grid>*{min-width:0}.list-linear{flex-direction:column;gap:.95rem;display:flex}@media (width>=768px){.section{padding:4.8rem 0}.section-spaced{padding:5rem 0}.section-head-centered{margin-bottom:2.7rem}.grid-cards>*{align-items:stretch;gap:1rem;width:100%;min-width:0;height:100%}.section-more{margin-top:1.5rem}.list-linear{gap:1rem}}@media (width>=1024px){.section{padding:5.3rem 0}.section-spaced{padding:5.6rem 0}.section-head-centered{margin-bottom:3rem}.expertise-grid,.list-linear{gap:1.05rem}}@media (prefers-reduced-motion:reduce){.inline-link,.inline-link svg{transition:none}.inline-link:hover,.inline-link:hover svg{transform:none}.sk:after{background:0 0;animation:none;transform:none}}:root{--card-radius:18px;--card-radius-sm:14px;--card-pad:1rem;--card-border:var(--border,#ffffff1a);--card-bg-dark:linear-gradient(180deg, #ffffff0b 0%, #ffffff05 100%);--card-bg-light:linear-gradient(180deg, #ffffffdb 0%, #ffffffb8 100%);--card-shadow-dark:0 14px 34px #0000002e, 0 4px 12px #0000001f;--card-shadow-light:0 16px 30px #0f172a14, 0 4px 12px #0f172a0d;--card-panel-dark:#ffffff0b;--card-panel-light:#ffffffb8;--card-line-fade:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--card-tone-accent,var(--accent)) 22%, transparent) 16%, color-mix(in srgb, var(--card-tone-accent,var(--accent)) 62%, #ffffff2e) 50%, color-mix(in srgb, var(--card-tone-accent,var(--accent)) 22%, transparent) 84%, transparent 100%)}.card{min-height:100%;padding:var(--card-pad);border:1px solid var(--card-border);border-radius:var(--card-radius);isolation:isolate;flex-direction:column;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;display:flex;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000,#ffffff2e,#0000);height:1px;position:absolute;inset:0 0 auto}:root[data-theme=dark] .card{background:var(--card-bg-dark);box-shadow:var(--card-shadow-dark), inset 0 1px 0 #ffffff0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}:root[data-theme=light] .card{background:var(--card-bg-light);box-shadow:var(--card-shadow-light), inset 0 1px 0 #ffffff80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card-hover:hover{transform:translateY(-4px)}:root[data-theme=dark] .card-hover:hover{border-color:color-mix(in srgb, var(--card-tone-accent,var(--accent)) 20%, #ffffff14);box-shadow:0 18px 38px #00000038, 0 0 0 1px #ffffff08 inset, 0 0 18px color-mix(in srgb, var(--card-tone-accent,var(--accent)) 10%, transparent)}:root[data-theme=light] .card-hover:hover{border-color:color-mix(in srgb, var(--card-tone-accent,var(--accent)) 16%, #0f172a14);box-shadow:0 18px 34px #0f172a1a, 0 0 0 1px #ffffff61 inset, 0 0 18px color-mix(in srgb, var(--card-tone-accent,var(--accent)) 8%, transparent)}.tone-0{--card-tone-accent:var(--accent)}.tone-1{--card-tone-accent:var(--accent-2)}.tone-2{--card-tone-accent:var(--accent-green)}:root[data-theme=dark] .tone-0,:root[data-theme=dark] .tone-1,:root[data-theme=dark] .tone-2{--card-icon-color:var(--card-tone-accent);--card-icon-border:color-mix(in srgb, var(--card-tone-accent) 22%, #ffffff14)}:root[data-theme=light] .tone-0,:root[data-theme=light] .tone-1,:root[data-theme=light] .tone-2{--card-icon-color:var(--card-tone-accent);--card-icon-border:color-mix(in srgb, var(--card-tone-accent) 18%, #0f172a14)}.card-top,.card-head{z-index:1;align-items:center;display:flex;position:relative}.card-top{justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.card-head{gap:.75rem;margin-bottom:.9rem}.card-title-wrap{flex:1;min-width:0}.card-title-wrap h3,.card h3{color:var(--text-main,#fff);margin:0;font-size:1rem;line-height:1.2}.card-icon{z-index:1;border:1px solid var(--card-icon-border,var(--card-border));width:44px;height:44px;color:var(--card-icon-color,var(--card-tone-accent,var(--accent)));border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s,color .22s;display:inline-flex;position:relative;overflow:hidden}.card-icon:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 25%,#ffffff2e,#0000 56%),linear-gradient(#ffffff0f,#0000);position:absolute;inset:0}:root[data-theme=dark] .card-icon{background:radial-gradient(circle at 30% 25%, #ffffff1f, transparent 56%), color-mix(in srgb, var(--card-tone-accent,var(--accent)) 12%, #ffffff05);box-shadow:inset 0 1px 0 #ffffff0f, 0 8px 20px color-mix(in srgb, var(--card-tone-accent,var(--accent)) 12%, transparent)}:root[data-theme=light] .card-icon{background:radial-gradient(circle at 30% 25%, #ffffffb8, transparent 56%), color-mix(in srgb, var(--card-tone-accent,var(--accent)) 10%, white 74%);box-shadow:inset 0 1px 0 #ffffffb3, 0 10px 20px color-mix(in srgb, var(--card-tone-accent,var(--accent)) 10%, transparent)}.card-icon svg{z-index:1;filter:drop-shadow(0 1px 1px #0000001f);position:relative}.card-hover:hover .card-icon{transform:translateY(-1px)scale(1.02)}.card-badge,.server-code,.status,.server-stat-chip,.tag{border-radius:999px;align-items:center;display:inline-flex}.card-badge{border:1px solid color-mix(in srgb, var(--card-tone-accent,var(--accent)) 20%, transparent);background:color-mix(in srgb, var(--card-tone-accent,var(--accent)) 10%, transparent);min-height:28px;color:var(--card-tone-accent,var(--accent));letter-spacing:.05em;text-transform:uppercase;padding:.34rem .68rem;font-size:.7rem;font-weight:700}.date{color:var(--text-soft,#ffffffa6);font-size:.78rem}.card p{z-index:1;color:var(--text-soft,#ffffffbd);margin:0;line-height:1.55;position:relative}.card-project,.card-metric,.card-server,.card-node{min-height:100%}.project-card-inner,.metric-card-inner,.server-card-inner,.node-card-inner{z-index:1;flex-direction:column;gap:.8rem;height:100%;display:flex;position:relative}.project-card-divider{background:var(--card-line-fade);opacity:.95;width:100%;height:1px;margin:0 0 .9rem}.card-project p{flex-grow:1;margin-bottom:.15rem}.tags{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.tag{border:1px solid var(--card-border);min-height:30px;color:var(--text-soft,#ffffffc7);background:#ffffff0a;padding:.35rem .65rem;font-size:.75rem;font-weight:600;transition:transform .22s,border-color .22s,background .22s}.card-hover:hover .tag{transform:translateY(-1px)}.metric-display,.server-panel{z-index:1;border-radius:var(--card-radius-sm);gap:.7rem;padding:.9rem;display:grid;position:relative}:root[data-theme=dark] .metric-display,:root[data-theme=dark] .server-panel{border:1px solid color-mix(in srgb, var(--card-tone-accent,var(--accent)) 18%, #ffffff08);background:var(--card-panel-dark);box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #ffffff05}:root[data-theme=light] .metric-display,:root[data-theme=light] .server-panel{border:1px solid color-mix(in srgb, var(--card-tone-accent,var(--accent)) 14%, #0f172a14);background:var(--card-panel-light);box-shadow:inset 0 1px #ffffffb3,0 8px 18px #0f172a0a}.metric-value{color:var(--card-tone-accent,var(--accent));font-size:clamp(1.7rem,5vw,2.2rem);font-weight:800;line-height:1}.metric-unit{color:var(--text-soft,#ffffffb8);font-size:.9rem;font-weight:600}.server-meta-row{color:var(--text-soft,#ffffffbd);flex-wrap:wrap;align-items:center;gap:.35rem .55rem;font-size:.9rem;display:flex}.server-stats{flex-wrap:wrap;gap:.5rem;display:flex}.server-stat-chip{border:1px solid var(--card-border);min-height:30px;color:var(--text-main,#fff);background:#ffffff0a;gap:.4rem;padding:.35rem .65rem;font-size:.75rem;font-weight:700}.server-code{border:1px solid color-mix(in srgb, var(--card-tone-accent,var(--accent)) 18%, transparent);background:color-mix(in srgb, var(--card-tone-accent,var(--accent)) 10%, transparent);min-height:28px;color:var(--card-tone-accent,var(--accent));padding:.22rem .56rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.79rem;font-weight:700}.status{letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;justify-content:center;align-self:flex-start;min-height:30px;padding:.34rem .7rem;font-size:.72rem;font-weight:700}.status-ok,.status-online,.status-active{color:#86efac;background:#22c55e24;border-color:#22c55e47}.status-warning{color:#fcd34d;background:#f59e0b24;border-color:#f59e0b47}.status-error,.status-offline,.status-critical,.status-unknown{color:#fca5a5;background:#ef444424;border-color:#ef444447}@media (width>=768px){:root{--card-radius:20px;--card-radius-sm:15px;--card-pad:1.05rem}.card-head{gap:.85rem;margin-bottom:1rem}.card-icon{width:48px;height:48px;font-size:1.05rem}.metric-display,.server-panel{padding:.95rem 1rem}.server-meta-row{gap:.4rem .6rem}}@media (width>=1024px){:root{--card-radius:22px;--card-pad:1.1rem}.card-icon{width:50px;height:50px;font-size:1.08rem}.metric-value{font-size:clamp(1.85rem,3vw,2.3rem)}}@media (prefers-reduced-motion:reduce){.card,.card-icon,.tag{transition:none}.card-hover:hover,.card-hover:hover .card-icon,.card-hover:hover .tag{transform:none}}