:root{--color-navy: #05070d;--color-blue: #2563eb;--color-blue-bright: #60a5fa;--color-accent: #3b82f6;--color-page: #05070d;--color-page-secondary: #0b1020;--color-surface: rgba(15, 23, 42, .72);--color-surface-strong: rgba(2, 6, 23, .9);--color-glass: rgba(15, 23, 42, .62);--color-glass-strong: rgba(3, 7, 18, .86);--color-navbar: rgba(0, 0, 0, .72);--color-footer: transparent;--color-text: #f8fafc;--color-heading: #ffffff;--color-muted: #cbd5e1;--color-subtle: #94a3b8;--color-icon: #bfdbfe;--color-link: #60a5fa;--color-border: rgba(148, 163, 184, .24);--color-border-strong: rgba(226, 232, 240, .14);--color-focus: #93c5fd;--focus-soft: rgba(96, 165, 250, .22);--input-bg: rgba(2, 6, 23, .62);--input-border: rgba(148, 163, 184, .26);--placeholder-text: rgba(203, 213, 225, .62);--button-bg: #2563eb;--button-text: #ffffff;--shadow-card: 0 20px 48px rgba(0, 0, 0, .28);--shadow-floating: 0 24px 70px rgba(0, 0, 0, .48);--ambient-glow: rgba(37, 99, 235, .18);--page-gradient: radial-gradient(circle at 82% 9%, rgba(37, 99, 235, .15), transparent 30%), radial-gradient(circle at 12% 0%, rgba(96, 165, 250, .08), transparent 28%), linear-gradient(180deg, #05070d 0%, #0b1020 50%, #05070d 100%);--glass-subtle-bg: rgba(255, 255, 255, .035);--glass-default-bg: rgba(15, 23, 42, .58);--glass-strong-bg: rgba(2, 6, 23, .84);--control-bg: rgba(255, 255, 255, .08);--control-hover-bg: rgba(96, 165, 250, .16);--control-border: rgba(148, 163, 184, .18);--control-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);--success: #22c55e;--error: #f87171;--warning: #facc15;--radius-card: 16px;--radius-pill: 999px;--space-page: clamp(16px, 4vw, 40px);--menu-bg: rgba(7, 10, 16, .84);--menu-border: rgba(255, 255, 255, .12);--menu-ring: rgba(255, 255, 255, .18);--menu-text: #ffffff;--menu-accent: #3C82F6}.dark-theme{color-scheme:dark}.light-theme{color-scheme:light;--color-navy: #f8fbff;--color-blue: #2563eb;--color-blue-bright: #2563eb;--color-accent: #2563eb;--color-page: #f7faff;--color-page-secondary: #eef4ff;--color-surface: rgba(255, 255, 255, .76);--color-surface-strong: rgba(255, 255, 255, .92);--color-glass: rgba(255, 255, 255, .66);--color-glass-strong: rgba(255, 255, 255, .86);--color-navbar: rgba(255, 255, 255, .72);--color-footer: transparent;--color-text: #111827;--color-heading: #0f172a;--color-muted: #475569;--color-subtle: #64748b;--color-icon: #1d4ed8;--color-link: #1d4ed8;--color-border: rgba(15, 23, 42, .12);--color-border-strong: rgba(15, 23, 42, .18);--color-focus: #2563eb;--focus-soft: rgba(37, 99, 235, .16);--input-bg: rgba(255, 255, 255, .78);--input-border: rgba(37, 99, 235, .2);--placeholder-text: rgba(71, 85, 105, .66);--button-bg: #2563eb;--button-text: #ffffff;--shadow-card: 0 20px 48px rgba(15, 23, 42, .12);--shadow-floating: 0 24px 70px rgba(37, 99, 235, .16);--ambient-glow: rgba(125, 170, 255, .28);--page-gradient: radial-gradient(circle at 82% 8%, rgba(96, 165, 250, .24), transparent 30%), radial-gradient(circle at 16% 2%, rgba(196, 181, 253, .24), transparent 28%), linear-gradient(180deg, #ffffff 0%, #f3f7ff 46%, #eef4ff 100%);--glass-subtle-bg: rgba(255, 255, 255, .48);--glass-default-bg: rgba(255, 255, 255, .66);--glass-strong-bg: rgba(255, 255, 255, .84);--control-bg: rgba(255, 255, 255, .72);--control-hover-bg: rgba(219, 234, 254, .86);--control-border: rgba(37, 99, 235, .16);--control-shadow: 0 10px 26px rgba(37, 99, 235, .12);--menu-bg: rgba(255, 255, 255, .86);--menu-border: rgba(15, 23, 42, .12);--menu-ring: rgba(37, 99, 235, .22);--menu-text: #111827;--menu-accent: #2563eb}html,body{overflow-x:clip}html{scroll-behavior:smooth}body{font-family:Open Sans,sans-serif;margin:0;padding:0;line-height:28px;color:var(--color-text);background:var(--page-gradient);background-attachment:fixed;isolation:isolate}.skip-link{position:fixed;top:12px;left:12px;z-index:10000;padding:10px 16px;border-radius:8px;color:#081426;background:#f8fafc;font-weight:700;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}:where(a,button,input,textarea,[tabindex]):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}main[tabindex="-1"]:focus{outline:none}.route-loading{min-height:100vh;display:grid;place-items:center;color:var(--color-muted);background:var(--color-page)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}section{padding:16px 0;max-width:1190px;margin:0 auto;border-radius:8px}h2{padding:16px;text-align:center;font-size:32px;font-weight:700;line-height:normal}a{text-decoration:none}header{background:var(--color-navbar);position:sticky;top:34px;z-index:1000;height:64px;border-radius:32px;border:1px solid var(--color-border-strong);box-shadow:var(--shadow-floating);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);margin:34px auto 0;max-width:1190px;width:100%}.header-grid{display:grid;grid-template-columns:minmax(120px,1fr) minmax(420px,auto) minmax(140px,1fr);gap:16px;align-items:center;height:100%;padding:0 32px}.header-col{display:flex;height:100%;align-items:center}.logo-col{justify-content:flex-start}.role-col{justify-content:flex-end;gap:10px}.nav-col{justify-content:center;min-width:0}.logo{width:32px;height:32px;display:block}.logo-link{display:flex;align-items:center;justify-content:center;height:100%}.role{font-weight:400;color:#3c82f6;text-align:center}.desktop-menu{display:flex;list-style:none;margin:0;padding:0;gap:clamp(18px,2.4vw,32px);align-items:center;justify-content:center}.desktop-menu a{color:var(--color-text);text-decoration:none;font-size:16px}.desktop-menu li a{color:var(--color-text)}.desktop-menu li a:hover,.desktop-menu li .active{color:var(--color-link)}.desktop-menu .nav-dropdown{position:relative;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:3px;min-width:64px;white-space:nowrap}.nav-dropdown>a,.nav-dropdown-toggle{display:inline-flex;align-items:center;justify-content:center;line-height:1.2}.nav-dropdown-toggle{width:18px;height:18px;padding:0;border:0;border-radius:999px;color:var(--color-text);background:transparent;cursor:pointer}.nav-dropdown-toggle:hover,.nav-dropdown-toggle:focus-visible{color:#60a5fa;outline:none;background:var(--control-hover-bg)}.nav-caret{display:inline-block;font-size:10px;line-height:1;transform:translateY(1px);transition:transform .2s ease}.nav-dropdown:hover .nav-caret,.nav-dropdown:focus-within .nav-caret,.nav-dropdown.open .nav-caret{transform:translateY(1px) rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 14px);left:50%;min-width:132px;padding:8px;border:1px solid var(--color-border);border-radius:12px;background:var(--glass-strong-bg);box-shadow:var(--shadow-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .2s ease,transform .2s ease}.nav-dropdown-menu:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{opacity:1;pointer-events:auto;transform:translate(-50%)}.nav-dropdown:hover>.tooltiptext-bottom,.nav-dropdown:focus-within>.tooltiptext-bottom,.nav-dropdown.open>.tooltiptext-bottom{visibility:hidden;opacity:0}.desktop-menu .nav-dropdown-menu a{display:block;padding:8px 10px;border-radius:8px;color:var(--color-muted);font-size:14px;line-height:1.25;white-space:nowrap}.desktop-menu .nav-dropdown-menu a:hover,.desktop-menu .nav-dropdown-menu a:focus-visible{color:var(--color-heading);background:var(--control-hover-bg);outline:none}.mobile-menu-icon{display:none;color:var(--color-text);cursor:pointer}.tooltip-bottom{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center}.tooltiptext-bottom{visibility:hidden;width:max-content;background-color:var(--color-surface-strong);color:var(--color-text);text-align:center;border-radius:6px;padding:8px 12px;position:absolute;z-index:999;top:130%;opacity:0;transition:opacity .3s;font-size:12px;line-height:1.4;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px #0000004d}.tooltip-bottom:hover .tooltiptext-bottom{visibility:visible;opacity:1}#intro{max-width:1126px;display:flex;gap:120px;align-items:center;padding:48px 24px 16px;background-color:transparent;line-height:28px;letter-spacing:.36px}.intro-left{flex:1;max-width:600px}.intro-left h1{font-size:48px;color:var(--color-heading)}.intro-left .bio{font-size:18px;margin:32px 0;color:var(--color-text)}.intro-left .highlight{font-weight:700;line-height:28px;letter-spacing:.36px}.availability-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;margin:14px 0 6px;font-size:14px;font-weight:700;color:var(--color-link);background:color-mix(in oklab,var(--color-accent),transparent 88%);border:1px solid color-mix(in oklab,var(--color-accent),transparent 72%)}.connect-container{display:flex;align-items:center;gap:16px;margin-top:32px}.connect{font-size:18px;color:var(--color-muted)}.social-icons{display:flex;gap:24px}.social-icons a{color:var(--color-subtle);font-size:32px;text-decoration:none;border-radius:12px;transition:background-color .18s ease,box-shadow .18s ease}.social-icons a:hover{color:var(--color-link)}.social-icon-svg,.social-icon-brand{display:block;width:1em;height:1em;flex:none;transition:filter .18s ease,transform .18s ease}.social-icon-brand{color:var(--social-brand-color, currentColor);line-height:1;text-align:center}.social-icon-link--github{--social-brand-color: #f0f6fc}body.light-theme .social-icon-link--github{--social-brand-color: #181717}.social-icon-link--linkedin{--social-brand-color: #0a66c2}.social-icon-link--whatsapp{--social-brand-color: #25d366}body.light-theme .social-icon-link--whatsapp{--social-brand-color: #128c7e}.social-icon-link:focus-visible{background:var(--control-hover-bg);box-shadow:var(--control-shadow)}.social-icon-link:focus-visible .social-icon-brand,.social-icon-link:focus-visible .social-icon-svg{filter:brightness(1.08) saturate(1.06);transform:translateY(-2px) scale(1.04)}@media (hover: hover) and (pointer: fine){.social-icon-link:hover{background:var(--control-hover-bg);box-shadow:var(--control-shadow)}.social-icon-link:hover .social-icon-brand,.social-icon-link:hover .social-icon-svg{filter:brightness(1.08) saturate(1.06);transform:translateY(-2px) scale(1.04)}}.intro-right{flex:1;text-align:center;max-width:400px}.profile-circle-wrap{position:relative;width:min(400px,100%);aspect-ratio:1 / 1;margin:0 auto;border-radius:999px;display:grid;place-items:center;background:radial-gradient(520px 320px at 30% 20%,rgba(59,130,246,.14),transparent 60%),radial-gradient(520px 320px at 70% 80%,rgba(250,204,21,.1),transparent 60%),#ffffff05;border:1px solid rgba(255,255,255,.1)}.profile-circle{width:calc(100% - 18px);height:calc(100% - 18px);border-radius:999px;object-fit:cover;display:block;border:2px solid rgba(255,255,255,.16);box-shadow:none}.profile-circle-ring{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:999px;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 0 4px #3c82f614;opacity:.95}.profile-circle-wrap:hover .profile-circle-ring{box-shadow:inset 0 0 0 1px #ffffff24,0 0 0 5px #facc151a,0 0 28px #3c82f62e}@media (min-width: 768px) and (max-width: 1023px){#intro{gap:60px;max-width:calc(100% - 64px)}.intro-left{max-width:50%}.intro-right{max-width:40%}.profile-circle-wrap{width:min(320px,100%)}}@media (max-width: 767px){#intro{flex-direction:column;gap:32px;padding:32px 16px;max-width:calc(100% - 32px)}.intro-left{max-width:100%;width:100%}.intro-left h1{font-size:32px;line-height:1.8}.intro-left .bio{font-size:16px;margin:20px 0}.connect-container{margin-top:24px;flex-direction:column;align-items:flex-start;gap:12px}.intro-right{display:flex;max-width:100%}.profile-circle-wrap{display:none}.intro-right>img:not(.profile-circle){max-width:min(280px,78vw)}}@media (max-width: 424px){.intro-left h1{font-size:28px}.intro-left .bio{font-size:15px}}#work.work-wrap{background:transparent;padding:16px 0;max-width:1190px;margin:0 auto}.work-header{gap:8px;margin-bottom:6px}.work-controls.single{display:flex;flex-direction:column;gap:16px;width:100%;max-width:760px;margin:0 auto 4px}.work-controls.single .sb{width:100%}#work .project-toggle.soft{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:none}#work .tab-toggle.soft{padding:8px 12px;border-radius:999px;border:1px solid transparent;background:transparent;color:#cbd5e1;font-weight:600;transition:background .15s ease,color .15s ease,border-color .15s ease}#work .tab-toggle.soft:hover{color:#fff;border-color:#ffffff24;background:#ffffff0d}#work .tab-toggle.soft.active{color:#fff;background:#3c82f62e;border-color:#3c82f647}#work .projects-grid{margin-top:8px}@media (max-width: 767px){.work-controls.single{max-width:100%}#work .project-toggle.soft{align-self:stretch}}.work-header{display:flex;flex-direction:column;align-items:center;gap:8px}.work-title{margin:0;font-size:28px;font-weight:700}.work-controls{display:grid;grid-template-columns:auto minmax(260px,560px);gap:14px;align-items:center;width:100%;max-width:980px}.work-count{margin-top:6px;color:#cbd5e1;font-size:14px}.work-count .muted{color:#94a3b8}.agency-card{display:grid;grid-template-columns:1.1fr 1fr;gap:0;background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:22px;-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);box-shadow:0 10px 30px #00000059;margin:18px auto 22px;max-width:1190px}.agency-left{padding-right:16px}.agency-badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#94a3b82e;border:1px solid rgba(255,255,255,.1);color:#e5e7eb;margin-bottom:8px}.agency-title{margin:0 0 8px}.agency-copy{margin:0 0 12px;color:#d1d5db}.agency-ctas{display:flex;gap:10px}.agency-right{border-radius:12px;background-image:radial-gradient(800px 500px at 80% 100%,rgba(253,224,71,.12),transparent 60%),radial-gradient(600px 400px at 0% 0%,rgba(59,130,246,.14),transparent 60%),linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.08)}@keyframes projectFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.project-fade{animation:projectFade .32s ease both}.no-results{max-width:980px;margin:24px auto;padding:24px;text-align:center;border-radius:12px;background:#1f2937;border:1px dashed #334155}.no-results .q{color:#eab308}.no-results .reset{margin-top:10px;border-radius:10px;padding:10px 14px;background:#3c82f6;color:#fff;border:none;cursor:pointer}.sb{position:relative;width:100%}.sb-input{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;border-radius:999px;padding:12px 14px;background:#02060e99;border:1px solid rgba(255,255,255,.12);box-shadow:0 2px #0006 inset,0 10px 30px #0003;transition:box-shadow .2s,border-color .2s,background .2s}.sb-input i{color:#cbd5e1;font-size:14px}.sb-input input{background:transparent;border:0;outline:none;color:#eef2ff;font-size:16px}.sb-input .sb-clear{border:1px solid rgba(255,255,255,.12);background:transparent;color:#e5e7eb;width:32px;height:32px;border-radius:10px;cursor:pointer}.sb-dark .sb-input:focus-within{border-color:#facc158c;box-shadow:0 0 0 3px #facc1526,0 20px 60px #facc150f,0 2px #0006 inset;background:#02060eb8}.sb-panel{position:absolute;left:0;right:0;top:calc(100% + 10px);background:#0f172ad1;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);border:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:0 30px 60px #00000073;overflow:hidden;animation:panelIn .18s ease both;z-index:30;text-align:left}@keyframes panelIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.sb-results{list-style:none;margin:0;padding:8px}.sb-item{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;padding:11px 12px;border-radius:12px;cursor:pointer;color:#e8edf6;transition:background .15s,transform .05s;text-align:left}.sb-item:hover{background:#ffffff0f}.sb-item:active{transform:translateY(1px)}.sb-item-title{min-width:0;color:#edf4ff;font-size:14px;font-weight:500;line-height:1.35;text-align:left}.sb-item-meta{color:#b6c0d1;font-size:11px;font-weight:500;line-height:1.35;text-align:left}@media (max-width: 1024px){.agency-card{grid-template-columns:1fr}}.agency-hero{position:relative;display:grid;grid-template-columns:1.15fr 1fr;grid-template-areas:"left right";gap:18px;padding:32px;margin:18px auto 22px;max-width:1190px;border-radius:8px;color:#fff;background:radial-gradient(900px 520px at 90% 110%,rgba(253,224,71,.1),transparent 60%),radial-gradient(700px 480px at 0% -20%,rgba(59,130,246,.12),transparent 60%),linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px dashed rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px) saturate(125%);backdrop-filter:blur(12px) saturate(125%);box-shadow:0 18px 60px #00000073;overflow:hidden;isolation:isolate}.agency-hero:after{content:"";position:absolute;inset:-30% -10% auto -10%;height:80%;z-index:-1;background:radial-gradient(1000px 320px at 50% 0%,rgba(250,204,21,.08),transparent 65%);pointer-events:none}.ah-left{grid-area:left;display:flex;flex-direction:column;gap:16px;border-radius:8px;padding-right:6px}.ah-title{font-size:22px;margin:0}.ah-copy{font-size:18px;margin:0 0 8px;color:#ccc;line-height:28px}.ah-tags{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px;padding:0;list-style:none;justify-content:flex-start}.ah-tags li{padding:6px 10px;border-radius:999px;font-size:16px;font-weight:600;color:#eaf1ff;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.ah-ctas{display:flex;gap:10px;margin-top:2px;justify-content:flex-start}.ah-right{grid-area:right;position:relative;display:grid}.ah-cover{position:relative;display:block;width:100%;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0b1220;box-shadow:0 16px 40px #00000073;transform:translateZ(0);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .2s ease}.ah-cover img{display:block;width:100%;height:auto;object-fit:cover}.ah-cover:hover{transform:translateY(-4px) scale(1.01);border-color:#facc1559;box-shadow:0 30px 80px #0000008c,0 0 0 3px #facc151f}.ah-glow{position:absolute;top:-20%;right:-10%;bottom:-40%;left:-10%;background:radial-gradient(600px 300px at 80% 10%,rgba(250,204,21,.18),transparent 60%),radial-gradient(600px 420px at 10% 90%,rgba(59,130,246,.18),transparent 65%);mix-blend-mode:screen;opacity:.9;pointer-events:none;transition:transform .35s ease,opacity .25s ease}.ah-cover:hover .ah-glow{transform:scale(1.03);opacity:1}.ah-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff0f;pointer-events:none}@media (max-width: 1024px){.agency-hero{grid-template-columns:1fr;grid-template-areas:"right" "left"}.ah-left{padding-right:0}.ah-ctas,.ah-tags{justify-content:flex-start}.ah-cover{max-width:520px;margin:0}}@media (max-width: 767px){#work.work-wrap{padding:12px 0;max-width:calc(100% - 32px)}#work .tab-toggle.soft{padding:12px 8px}.work-controls{grid-template-columns:1fr;max-width:100%}.agency-card{margin:14px 0 20px}.sb-panel{left:0;right:0}.agency-hero{padding:18px;margin:14px 0 20px}.ah-ctas{flex-direction:column;align-items:flex-start}.ah-cover{max-width:480px}}.tooltip{position:relative;display:inline-block;cursor:pointer;transition:transform .3s ease}.tooltip img{transition:transform .3s ease;border-radius:8px}.tooltip:hover img{transform:scale(1.05);box-shadow:0 6px 20px #ffffff26}.tooltiptext{visibility:hidden;width:300px;background-color:#000;color:#fff;text-align:center;border-radius:8px;padding:16px;position:absolute;z-index:999;bottom:120%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-size:14px;line-height:1.4;pointer-events:none}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:#2D3748 transparent transparent transparent}#projects{background-color:transparent}.project{flex:1 1 calc(33.333% - 32px);background-color:#2d3748;border-radius:8px;padding:32px;text-align:left;box-sizing:border-box}.project a{display:flex;justify-content:center}.project img{max-width:100%;border-radius:4px}.project h3{color:#fff;font-size:24px;font-weight:700;margin:16px 0}.project p{color:#fff;font-size:16px;font-weight:400}.projects-header-centered{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:32px;text-align:center;flex-direction:column}.projects-header-centered h2{font-size:28px;font-weight:700;color:#fff;margin:0}.project-toggle{display:flex;gap:8px;background:#1f2937;border-radius:48px;padding:8px;box-shadow:0 2px 8px #0003}.tab-toggle{padding:12px 16px;border:none;border-radius:48px;background:transparent;color:#3c82f6;font-size:16px;cursor:pointer;font-weight:600;transition:all .3s ease}.tab-toggle.active{background-color:#3c82f6;color:#fff}.tab-toggle:hover{color:#fff}@media (max-width: 768px){.projects-header-centered{flex-direction:column;gap:12px}.projects-header-centered h2{font-size:24px}}.playground-header{margin-bottom:16px}.playground-grid{justify-content:center}.playground-card{max-width:400px;text-align:center;padding:24px}.playground-card img{width:100%;height:auto;border-radius:8px}.playground-card h3{margin-top:16px}.playground-card p{font-size:14px;margin-bottom:12px}.center-btn{margin-left:auto;margin-right:auto}#skills{background-color:transparent;padding:16px;max-width:1190px;margin:0 auto}.skills-container{background-color:transparent;border-radius:8px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.skills-category{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.skills-category h3{font-size:18px;font-weight:600;margin-bottom:24px;text-align:center}.skills-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.skill-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;height:100%}.skill-icon i{font-size:2.5rem;margin-bottom:12px;transition:transform .3s ease}.skill-icon:hover{transform:translateY(-3px)}.skill-icon:hover i{transform:scale(1.15);color:#fff}.light-theme .skills-category{box-shadow:0 4px 6px #0000001a}.light-theme .skills-category h3{color:var(--text-primary, #111827)}@media (max-width: 992px){.skills-grid{grid-template-columns:repeat(2,1fr)}.skills-category:last-child{grid-column:span 2}}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr;gap:24px}.skills-category:last-child{grid-column:span 1}.skills-category{padding:24px}.skills-icons{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.skills-icons{grid-template-columns:repeat(2,1fr);gap:16px}.skill-icon i{font-size:2rem}}#contact{background-color:transparent;padding:48px 24px}.contact-container{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:8px;padding:32px}.contact-header{text-align:center;margin-top:8px;margin-bottom:8px}.contact-description{color:#ccc;font-size:16px;text-align:center;margin:0 0 32px}form{display:flex;flex-direction:column;gap:16px;max-width:720px;margin:0 auto 32px}.form-group{display:flex;flex-direction:column;gap:14px}form label{font-size:16px;color:#fff;text-align:left}form input,form textarea{font-family:Open Sans,sans-serif;font-size:16px;padding:16px;border:1px solid #4B5563;border-radius:4px;background-color:#1f2937;color:#fff;max-width:100%;box-sizing:border-box}.form-status-wrap{display:flex;flex-direction:column;align-items:center;margin-top:12px}.form-status-text{margin-top:10px;font-size:15px;font-weight:500;color:#10b981;text-align:center;min-height:24px;transition:opacity .8s ease-in-out;opacity:0}.celebration-emoji{position:fixed;font-size:24px;opacity:1;pointer-events:none;z-index:9999;animation:floatDown 3s ease-out forwards}@keyframes floatDown{0%{transform:translateY(-20px);opacity:1}to{transform:translateY(120vh);opacity:0}}@media (max-width: 480px){.form-status-text{font-size:14px}.celebration-emoji{font-size:20px}}.resume-button{width:170px;height:48px;flex-shrink:0;border-radius:4px;background:var(--color-blue);color:#fff;border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.send-message-button{margin-top:16px;margin-left:auto;margin-right:auto;width:170px;height:48px;flex-shrink:0;border-radius:4px;background:var(--color-blue);color:#fff;border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.resume-button:hover,.send-message-button:hover{background:#0f4a91}.send-message-button:disabled{opacity:.65;cursor:wait}.contact-link-btn{background:none;border:none;color:#fff;font:inherit;font-size:16px;cursor:pointer;padding:.5rem 1rem;display:inline}.contact-link-btn:hover{color:#3c82f6;text-decoration:underline}.separator{margin-left:auto;margin-right:auto;max-width:1190px;height:1px;background-color:#4b5563}.social-links{font-size:18px;color:#fff;letter-spacing:.36px;text-align:center}.social-links a{color:#3c82f6;text-decoration:none}.social-links a:hover{text-decoration:underline}footer{background-color:transparent;color:#fff;text-align:center;padding:32px 0}.copyright{margin-top:32px;text-align:center;letter-spacing:.24px;font-size:14px;font-weight:300;letter-spacing:.28px}@media (min-width: 768px) and (max-width: 1023px){header{max-width:calc(100% - 64px)}.desktop-menu{gap:16px}.desktop-menu .tooltiptext-bottom{display:none}section{max-width:calc(100% - 64px)}#intro{gap:60px;max-width:calc(100% - 64px)}.intro-left{max-width:50%}.intro-right{max-width:40%}.project{flex:0 0 calc(50% - 16px)}#skills{max-width:calc(100% - 64px)}.skills-category{padding:20px}.skill-icon i{font-size:2.2rem}#contact{max-width:calc(100% - 64px)}footer{padding:24px}}@media (max-width: 767px){header{max-width:calc(100% - 32px)}body{line-height:24px}section{max-width:calc(100% - 32px);padding:12px 0;margin:0 auto 20px}h2{font-size:24px;padding:12px;margin-bottom:16px}header{top:16px;height:56px;border-radius:28px;margin:16px auto 0}.header-grid{padding:0 16px}.logo{width:24px;height:24px}.mobile-menu-icon{display:block;font-size:20px}.desktop-menu{display:none;position:fixed;top:72px;right:16px;background-color:#1f2937;border-radius:8px;padding:16px;width:200px;box-shadow:0 4px 12px #0003}.desktop-menu.active{display:flex;flex-direction:column;gap:12px}#intro{flex-direction:column;gap:32px;padding:32px 16px;max-width:calc(100% - 32px)}.intro-left,.intro-right{max-width:100%;width:100%}.intro-left h1{font-size:32px;line-height:1.8}.intro-left .bio{font-size:16px;margin:20px 0}.connect-container{margin-top:24px;flex-direction:column;align-items:flex-start;gap:12px}.intro-right img{max-width:280px;margin:0 auto}.projects-header-centered{flex-direction:column;gap:16px}.projects-header-centered h2{font-size:22px}.project-toggle{padding:6px}.tab-toggle{padding:10px 14px;font-size:14px}.projects-grid{justify-content:center}.project{flex:0 0 100%;max-width:100%;padding:24px}.project img{height:auto;max-height:120px}#skills{padding:16px}.skills-grid{grid-template-columns:1fr;gap:20px}.skills-category{padding:24px}.skills-icons{grid-template-columns:repeat(4,1fr)}.skill-icon i{font-size:2rem}#contact{padding:32px 16px}.contact-container{padding:24px}.contact-header{font-size:24px}.contact-description{font-size:15px;margin-bottom:24px}form{max-width:100%}footer{padding:24px 16px}.social-links{font-size:14px}.copyright{font-size:12px;margin-top:20px}}@media (max-width: 424px){header{max-width:calc(100% - 32px);height:48px}.intro-left h1{font-size:28px}.intro-left .bio{font-size:15px}.resume-button{width:140px;height:40px;font-size:14px}.project{padding:20px}.project h3{font-size:20px}.project p{font-size:14px}#skills{padding:16px}.skills-icons{grid-template-columns:repeat(4,1fr)}.contact-header{font-size:22px}.contact-description,form label{font-size:14px}form input,form textarea{padding:12px;font-size:14px}.send-message-button{width:150px;height:42px;font-size:14px}}@media (max-width: 319px){header{height:44px;top:12px}.logo{width:20px;height:20px}.intro-left h1{font-size:24px}.intro-left .bio{font-size:14px}.social-icons a{font-size:26px}.skills-icons{grid-template-columns:repeat(2,1fr)}.send-message-button{width:100%}}:root{--menu-bg: rgba(7, 10, 16, .84);--menu-border: rgba(255, 255, 255, .12);--menu-ring: rgba(255, 255, 255, .18);--menu-text: #ffffff;--menu-accent: #3C82F6}.hamburger-btn{display:none;inline-size:46px;block-size:46px;background:transparent;border:1px solid transparent;border-radius:14px;padding:0}.hamburger-btn span{display:block;inline-size:22px;block-size:2px;background:#e7ecf6;border-radius:3px;margin:3px 12px}.hamburger-btn.clean:hover{border-color:var(--menu-ring)}@media (max-width: 767px){.hamburger-btn{display:block}.desktop-menu{display:none}}.menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;background:#00000070;animation:scrimIn .22s ease-out forwards}.menu-scrim.out{animation:scrimOut .22s ease-in forwards}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}@keyframes scrimOut{0%{opacity:1}to{opacity:0}}.mobile-glass-menu{position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:1101;display:flex;flex-direction:column;padding:8px 16px 22px;border-radius:18px;color:var(--menu-text);background:var(--menu-bg);background-image:radial-gradient(1200px 600px at 12% -10%,rgba(60,130,246,.16),transparent 60%),radial-gradient(800px 500px at 92% 110%,rgba(125,211,252,.1),transparent 60%);-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);border:1px solid var(--menu-border);box-shadow:0 10px 40px #0009;transform-origin:90% 0%;animation:panelIn .26s cubic-bezier(.2,.8,.2,1) forwards}.mobile-glass-menu.out{animation:panelOut .26s cubic-bezier(.4,0,.2,1) forwards}@keyframes panelIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}@keyframes panelOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px) scale(.98)}}.menu-header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 12px;border-bottom:1px solid var(--menu-border)}.menu-brand{font-weight:800;letter-spacing:.2px;font-size:1.06rem}.menu-close{inline-size:32px;block-size:32px;border-radius:12px;border:1px solid var(--menu-border);background:transparent;color:var(--menu-text)}.menu-list{display:flex;flex-direction:column;padding:2px 2px 0}.menu-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--menu-text);text-align:left;cursor:pointer;font:inherit;font-weight:700;letter-spacing:.2px;padding:16px 8px;border-bottom:1px solid rgba(255,255,255,.08);transition:color .12s ease,transform .08s ease}.menu-row:last-child{border-bottom:none}.menu-row:hover{color:#eaf1ff}.menu-row:active{transform:translateY(1px)}.menu-row.as-button{width:100%}.menu-ctas{margin-top:14px;border-top:1px solid var(--menu-border);padding-top:14px;display:flex;flex-direction:column;gap:10px}.btn-ghost,.btn-solid{display:flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:8px;text-decoration:none;font-weight:700;border:1px solid var(--menu-border)}.btn-ghost{color:#fff;background:transparent}.btn-solid{color:#fff;background:var(--menu-accent);border-color:color-mix(in oklab,var(--menu-accent),white 12%);box-shadow:0 10px 24px color-mix(in oklab,var(--menu-accent),black 70%)}.pg-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:center;animation:pgFadeIn .18s ease-out both}.pg-scrim.inline{position:fixed}@keyframes pgFadeIn{0%{opacity:0}to{opacity:1}}.pg-card{width:min(520px,calc(100% - 32px));background:#111827b8;border:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:0 22px 80px #0009;padding:22px 18px 18px;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);position:relative;overflow:hidden}.pg-card:after{content:"";position:absolute;inset:-40% -20% auto -20%;height:60%;pointer-events:none;background:radial-gradient(600px 280px at 90% 0%,rgba(250,204,21,.16),transparent 60%),radial-gradient(520px 320px at 10% 100%,rgba(59,130,246,.18),transparent 65%);opacity:.85;mix-blend-mode:screen}.pg-logo{width:32px;height:32px;display:block;margin:2px auto 10px}.pg-title{margin:6px 0;text-align:center;font-size:20px;line-height:1.2}.pg-accent{color:#3b82f6}.pg-sub{text-align:center;color:#cbd5e1;margin:0 0 12px;line-height:1.4}.pg-form{display:flex;flex-direction:column;gap:12px}.pg-input{border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#02060e99;color:#fff;padding:14px 12px;font-size:16px;outline:none;box-shadow:0 2px #0006 inset,0 10px 30px #0003}.pg-input:focus{border-color:#3c82f68c;box-shadow:0 0 0 3px #3c82f62e,0 20px 60px #3c82f60f}.pg-actions{display:flex;gap:10px;justify-content:center;align-items:center}.pg-btn{border-radius:10px;padding:10px 14px;font-weight:700;border:1px solid rgba(255,255,255,.14);cursor:pointer;min-width:92px}.pg-btn.ghost{background:transparent;color:#fff}.pg-btn.solid{background:#3c82f6;color:#fff;border-color:color-mix(in oklab,#3C82F6,white 12%);box-shadow:0 12px 28px color-mix(in oklab,#3C82F6,black 70%)}.pg-btn:active{transform:translateY(1px)}.pg-error{color:#fca5a5;font-weight:600;text-align:center;margin-top:2px}.pg-success{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 4px 6px}.pg-confetti{font-size:24px;animation:pgPop .6s both}@keyframes pgPop{0%{transform:scale(.7);opacity:.5}to{transform:none;opacity:1}}.pg-link,.pg-link:visited{color:#79a9ff;text-decoration:none;font-weight:600;border-bottom:1px solid rgba(121,169,255,.55);padding-bottom:1px;transition:all .18s ease}.pg-link:hover{color:#a8c6ff;border-bottom-color:#a8c6ffe6;text-shadow:0 0 12px rgba(121,169,255,.35)}:root{--page-bg: #05070d;--page-bg-2: #0b111c;--section-bg: rgba(15, 23, 42, .34);--surface-bg: rgba(17, 24, 39, .72);--surface-bg-strong: rgba(3, 7, 18, .88);--glass-subtle: rgba(255, 255, 255, .045);--glass-default: rgba(255, 255, 255, .075);--glass-strong: rgba(2, 6, 23, .78);--glass-floating: rgba(4, 10, 24, .9);--navbar-bg: rgba(0, 0, 0, .78);--footer-bg: rgba(2, 6, 23, .72);--color-text: #f8fafc;--color-primary-text: #f8fafc;--color-secondary-text: #cbd5e1;--color-muted: #94a3b8;--text-primary: var(--color-primary-text);--text-secondary: var(--color-secondary-text);--text-muted: var(--color-muted);--color-icon: #bfdbfe;--color-link: #60a5fa;--color-link-hover: #93c5fd;--link-color: var(--color-link);--link-hover: var(--color-link-hover);--color-border: rgba(148, 163, 184, .22);--color-border-strong: rgba(147, 197, 253, .34);--border-subtle: var(--color-border);--border-strong: var(--color-border-strong);--theme-border: rgba(255, 255, 255, .12);--theme-border-strong: rgba(147, 197, 253, .36);--color-focus: #93c5fd;--focus-ring: color-mix(in srgb, var(--color-focus) 42%, transparent);--input-bg: rgba(2, 6, 23, .66);--input-text: #f8fafc;--input-placeholder: #9ca3af;--placeholder-text: var(--input-placeholder);--button-primary-bg: #2563eb;--button-primary-text: #ffffff;--button-primary-border: rgba(147, 197, 253, .36);--button-secondary-bg: rgba(96, 165, 250, .1);--shadow-soft: 0 18px 46px rgba(0, 0, 0, .34);--shadow-card: 0 20px 54px rgba(0, 0, 0, .32);--theme-active-shadow: 0 0 0 3px rgba(96, 165, 250, .22), 0 10px 24px rgba(37, 99, 235, .24);--ambient-glow: radial-gradient(circle at 86% 8%, rgba(96, 165, 250, .14), transparent 28%), radial-gradient(circle at 12% 18%, rgba(59, 130, 246, .08), transparent 32%), linear-gradient(180deg, #05070d 0%, #0b111c 48%, #08111d 100%);--success: #22c55e;--error: #f87171;--warning: #f59e0b}body.dark-theme{--page-bg: #05070d;--page-bg-2: #0b111c;--section-bg: rgba(15, 23, 42, .34);--surface-bg: rgba(17, 24, 39, .7);--surface-bg-strong: rgba(3, 7, 18, .9);--glass-subtle: rgba(255, 255, 255, .045);--glass-default: rgba(255, 255, 255, .075);--glass-strong: rgba(2, 6, 23, .78);--glass-floating: rgba(4, 10, 24, .9);--navbar-bg: rgba(0, 0, 0, .78);--footer-bg: rgba(2, 6, 23, .72);--color-text: #f8fafc;--color-primary-text: #f8fafc;--color-secondary-text: #cbd5e1;--color-muted: #94a3b8;--color-icon: #bfdbfe;--color-link: #60a5fa;--color-link-hover: #93c5fd;--color-border: rgba(148, 163, 184, .22);--color-border-strong: rgba(147, 197, 253, .34);--ambient-glow: radial-gradient(circle at 86% 8%, rgba(96, 165, 250, .14), transparent 28%), radial-gradient(circle at 12% 18%, rgba(59, 130, 246, .08), transparent 32%), linear-gradient(180deg, #05070d 0%, #0b111c 48%, #08111d 100%)}body.light-theme{--page-bg: #f8fbff;--page-bg-2: #eef5ff;--section-bg: rgba(255, 255, 255, .62);--surface-bg: rgba(255, 255, 255, .72);--surface-bg-strong: rgba(255, 255, 255, .88);--glass-subtle: rgba(255, 255, 255, .56);--glass-default: rgba(255, 255, 255, .72);--glass-strong: rgba(255, 255, 255, .84);--glass-floating: rgba(255, 255, 255, .9);--navbar-bg: rgba(255, 255, 255, .78);--footer-bg: rgba(242, 247, 255, .78);--color-text: #111827;--color-primary-text: #111827;--color-secondary-text: #374151;--color-muted: #64748b;--color-icon: #1d4ed8;--color-link: #2563eb;--color-link-hover: #1d4ed8;--color-border: rgba(30, 64, 175, .16);--color-border-strong: rgba(37, 99, 235, .28);--theme-border: rgba(37, 99, 235, .16);--theme-border-strong: rgba(37, 99, 235, .3);--input-bg: rgba(255, 255, 255, .82);--input-text: #111827;--input-placeholder: #64748b;--button-primary-bg: #2563eb;--button-primary-text: #ffffff;--button-primary-border: rgba(37, 99, 235, .35);--button-secondary-bg: rgba(37, 99, 235, .08);--shadow-soft: 0 18px 48px rgba(37, 99, 235, .12), 0 8px 22px rgba(15, 23, 42, .08);--shadow-card: 0 20px 52px rgba(37, 99, 235, .12);--theme-active-shadow: 0 0 0 3px rgba(37, 99, 235, .13), 0 10px 24px rgba(37, 99, 235, .16);--ambient-glow: radial-gradient(circle at 82% 8%, rgba(96, 165, 250, .28), transparent 30%), radial-gradient(circle at 18% 12%, rgba(196, 181, 253, .26), transparent 34%), radial-gradient(circle at 44% 96%, rgba(186, 230, 253, .42), transparent 34%), linear-gradient(180deg, #ffffff 0%, #f6f9ff 44%, #edf5ff 100%)}html,body,#root{min-height:100%;background:var(--ambient-glow)}body{color:var(--color-primary-text);background-color:var(--page-bg)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:var(--ambient-glow)}a{color:var(--color-link)}a:hover{color:var(--color-link-hover)}.glass-subtle,.worked-for-container,.project,.blog-card,.post-card,.contact-container,.pg-card{background:var(--glass-default);border-color:var(--color-border);box-shadow:var(--shadow-card);backdrop-filter:blur(14px) saturate(145%);-webkit-backdrop-filter:blur(14px) saturate(145%)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass-subtle,.worked-for-container,.project,.blog-card,.post-card,.contact-container,.pg-card,header,.mobile-glass-menu,.mp-floating-ai,.mp-floating-ai-launcher{background:var(--surface-bg-strong)!important}}header{top:max(16px,env(safe-area-inset-top));height:64px;width:min(1190px,calc(100% - 32px));border:1px solid var(--color-border);background:var(--navbar-bg);box-shadow:var(--shadow-soft);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.header-grid{grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);gap:18px}.nav-col{justify-content:center}.role-col{justify-content:flex-end;gap:12px}.desktop-menu a,.desktop-menu li a,.nav-dropdown-toggle,.menu-brand,.menu-row,.btn-ghost{color:var(--color-primary-text)}.desktop-menu li a:hover,.desktop-menu li .active,.nav-dropdown-toggle:hover,.nav-dropdown-toggle:focus-visible{color:var(--color-link)}.nav-dropdown-menu,.mobile-glass-menu{border-color:var(--color-border);background:var(--glass-floating);box-shadow:var(--shadow-soft);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.tooltiptext-bottom{color:var(--color-primary-text);background:var(--surface-bg-strong);border:1px solid var(--color-border)}.hamburger-btn.clean span{background:var(--color-primary-text)}h1,h2,h3,h4,.intro-left h1,.intro-left .bio,.contact-header,.projects-header-centered h2,.blog-title,.post-title,.pg-title{color:var(--color-primary-text)}p,li,.bio,.connect,.contact-description,.project p,.blog-card p,.post-card p,.pg-sub,.form-group label{color:var(--color-secondary-text)}.social-icons a,.desktop-menu .nav-dropdown-menu a{color:var(--color-muted)}.social-icons a:hover,.desktop-menu .nav-dropdown-menu a:hover{color:var(--color-link)}.resume-button,.send-message-button,.view-project-btn,.tab-toggle.active,.btn-solid,.pg-btn.solid{color:var(--button-primary-text);background:var(--button-primary-bg);border-color:var(--button-primary-border)}.tab-toggle,.pg-btn.ghost{color:var(--color-primary-text);background:var(--button-secondary-bg);border-color:var(--color-border)}input,textarea,.pg-input{color:var(--input-text);background:var(--input-bg);border-color:var(--color-border)}input::placeholder,textarea::placeholder,.pg-input::placeholder{color:var(--input-placeholder)}footer,.footer{color:var(--color-secondary-text);background:var(--footer-bg)}.light-theme img.logo,.light-theme .landing-logo{filter:drop-shadow(0 4px 12px rgba(15,23,42,.18))}.light-theme .project img{background:#ffffffd6}@media (max-width: 767px){header{width:min(100% - 16px,640px);height:58px;margin-top:max(10px,env(safe-area-inset-top));border-radius:999px}.header-grid{grid-template-columns:34px minmax(0,1fr);gap:8px;padding:0 10px 0 14px}.nav-col{display:none}.role-col{min-width:0;justify-content:flex-end}.theme-switcher{gap:3px;padding:3px}.hamburger-btn.clean{flex:0 0 42px;width:42px;height:42px}}@media (max-width: 360px){.theme-btn{width:32px;height:32px}.hamburger-btn.clean{flex-basis:38px;width:38px}}body.light-theme{--page-bg: #f6f8fc;--page-bg-2: #edf4ff;--section-bg: rgba(255, 255, 255, .82);--surface-bg: rgba(255, 255, 255, .88);--surface-bg-strong: rgba(255, 255, 255, .96);--glass-subtle: rgba(255, 255, 255, .72);--glass-default: rgba(255, 255, 255, .88);--glass-strong: rgba(255, 255, 255, .96);--glass-floating: rgba(255, 255, 255, .94);--navbar-bg: rgba(255, 255, 255, .86);--footer-bg: rgba(240, 246, 255, .82);--color-text: #0f172a;--color-primary-text: #0f172a;--color-secondary-text: #334155;--color-muted: #5b6b80;--color-icon: #1e40af;--color-link: #1d4ed8;--color-link-hover: #1e3a8a;--color-border: rgba(30, 64, 175, .18);--color-border-strong: rgba(37, 99, 235, .36);--theme-border: rgba(37, 99, 235, .18);--theme-border-strong: rgba(37, 99, 235, .36);--input-bg: rgba(255, 255, 255, .92);--input-text: #0f172a;--input-placeholder: #64748b;--button-primary-bg: #2563eb;--button-primary-text: #ffffff;--button-primary-border: rgba(37, 99, 235, .42);--button-secondary-bg: rgba(37, 99, 235, .09);--shadow-soft: 0 18px 42px rgba(30, 64, 175, .14), 0 8px 20px rgba(15, 23, 42, .08);--shadow-card: 0 20px 44px rgba(30, 64, 175, .14), 0 3px 12px rgba(15, 23, 42, .06);--ambient-glow: radial-gradient(circle at 82% 6%, rgba(96, 165, 250, .24), transparent 28%), radial-gradient(circle at 18% 10%, rgba(196, 181, 253, .2), transparent 34%), radial-gradient(circle at 48% 100%, rgba(186, 230, 253, .34), transparent 34%), linear-gradient(180deg, #ffffff 0%, #f6f8fc 44%, #eef5ff 100%)}body.light-theme :where(h1,h2,h3,h4,h5,h6,.blog-title,.post-title,.contact-header,.projects-header-centered h2){color:var(--color-primary-text)}body.light-theme :where(p,li,.bio,.blog-intro,.contact-description,.project p,.blog-card p,.blog-count,.work-count,.copyright,.pg-sub){color:var(--color-secondary-text)}body.light-theme :where(.project,.blog-card,.blog-discovery-cta,.worked-for-container,.contact-container,.skills-category,.pg-card,.blog-empty,.no-results){color:var(--color-primary-text);background:var(--glass-default);border-color:var(--color-border);box-shadow:var(--shadow-card)}body.light-theme .project h3,body.light-theme .project-card h3,body.light-theme .blog-card h3,body.light-theme .skills-category h3,body.light-theme .blog-discovery-copy h2,body.light-theme .blog-post-header h1,body.light-theme .blog-article-content h2,body.light-theme .blog-article-content h3{color:var(--color-primary-text)}body.light-theme .project p,body.light-theme .project-card p,body.light-theme .blog-card p,body.light-theme .blog-discovery-copy p,body.light-theme .blog-post-header p,body.light-theme .blog-article-content p,body.light-theme .blog-post-figure figcaption{color:var(--color-secondary-text)}body.light-theme .project{background:linear-gradient(180deg,#fffffff0,#eff6ffd6);border-color:#2563eb2e}body.light-theme .view-project-btn,body.light-theme .project:hover .view-project-btn,body.light-theme .view-project-btn:focus-visible{color:#fff;background:#2563ebf5;border:1px solid rgba(255,255,255,.42);box-shadow:0 16px 32px #2563eb42}body.light-theme .blog-filter{background:#ffffffd1;border-color:#2563eb2e;box-shadow:0 10px 26px #1e40af14}body.light-theme .blog-filter button,body.light-theme .tab-toggle,body.light-theme #work .tab-toggle.soft{color:#334155;background:#ffffffb8;border-color:#1e40af24}body.light-theme .blog-filter button:hover,body.light-theme .blog-filter button:focus-visible,body.light-theme .tab-toggle:hover,body.light-theme #work .tab-toggle.soft:hover{color:#0f172a;background:#dbeafeb8;border-color:#2563eb47}body.light-theme .blog-filter button.active,body.light-theme .tab-toggle.active,body.light-theme #work .tab-toggle.soft.active{color:#fff;background:#2563eb;border-color:#2563eb66;box-shadow:0 10px 24px #2563eb38}body.light-theme .blog-meta,body.light-theme .blog-discovery-copy>span,body.light-theme .blog-back-link,body.light-theme .blog-author-row,body.light-theme .blog-author-row strong{color:var(--color-link)}body.light-theme .blog-tags span,body.light-theme .blog-pill{color:#1e3a8a;background:#dbeafebd;border-color:#2563eb33}body.light-theme .blog-card-image,body.light-theme .blog-post-image{background:radial-gradient(700px 420px at 80% 100%,rgba(96,165,250,.14),transparent 60%),radial-gradient(600px 360px at 0% 0%,rgba(196,181,253,.16),transparent 60%),#eff6ffe6;border-color:#2563eb29}body.light-theme .blog-discovery-links a,body.light-theme .blog-cta-links a,body.light-theme .blog-cta-actions a,body.light-theme .button-glass,body.light-theme .cs-button.outline{color:#1e3a8a;background:#ffffffd6;border-color:#2563eb38}body.light-theme .blog-discovery-links a:first-child,body.light-theme .blog-cta-primary,body.light-theme .cs-button,body.light-theme .resume-button,body.light-theme .send-message-button,body.light-theme .btn-solid,body.light-theme .pg-btn.solid{color:#fff;background:#2563eb;border-color:#2563eb61}body.light-theme :where(input,textarea,.pg-input,.sb-input input){color:var(--input-text);background:var(--input-bg);border-color:var(--color-border)}body.light-theme :where(input,textarea,.pg-input,.sb-input input)::placeholder{color:var(--input-placeholder);opacity:1}body.light-theme .sb-input,body.light-theme .search-bar{color:var(--input-text);background:var(--input-bg);border-color:var(--color-border)}body.light-theme .sb-input i,body.light-theme .social-icons a,body.light-theme .mobile-menu-icon,body.light-theme .hamburger-btn span{color:var(--color-icon)}body.light-theme footer,body.light-theme .social-links,body.light-theme .connect{color:var(--color-secondary-text)}body.light-theme .case-study-intro,body.light-theme .case-study-section,body.light-theme .case-study-section-recommendations,body.light-theme .blog-article-content,body.light-theme .blog-article-content>section,body.light-theme .blog-inline-figure{color:var(--color-primary-text);background:transparent}body.light-theme .case-study-section{border-color:#2563eb3d}body.light-theme :where(.project-type,.project-description,.cs-three-col>div,.cs-list){color:var(--color-secondary-text)}body.light-theme .cs-three-col h3,body.light-theme .case-study-section h2,body.light-theme .case-study-section h3{color:var(--color-primary-text)}.theme-switcher{display:inline-flex;align-items:center;justify-content:flex-end;gap:2px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.theme-btn{position:relative;isolation:isolate;display:inline-grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;color:var(--color-icon, #bfdbfe);background:transparent;box-shadow:none;cursor:pointer;transition:color .18s ease,transform .18s ease}.theme-btn:before{content:"";position:absolute;z-index:-1;width:34px;height:34px;border:1px solid transparent;border-radius:50%;background:transparent;box-shadow:none;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.theme-btn.active{color:var(--color-link, #60a5fa);background:transparent;border-color:transparent;box-shadow:none}.theme-btn.active:before{border-color:color-mix(in srgb,var(--color-link, #60a5fa) 28%,transparent);background:color-mix(in srgb,var(--color-link, #60a5fa) 14%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--color-link, #60a5fa) 18%,transparent)}@media (hover: hover) and (pointer: fine){.theme-btn:hover{color:var(--color-link-hover, #93c5fd);transform:translateY(-1px)}.theme-btn:hover:before{border-color:color-mix(in srgb,var(--color-link, #60a5fa) 20%,transparent);background:color-mix(in srgb,var(--color-link, #60a5fa) 9%,transparent)}.theme-btn.active:hover:before{background:color-mix(in srgb,var(--color-link, #60a5fa) 18%,transparent);transform:scale(1.03)}}.theme-btn:active{transform:translateY(0) scale(.96)}.theme-btn:focus-visible{outline:3px solid var(--color-focus, #93c5fd);outline-offset:1px}.theme-btn svg,.theme-btn i{position:relative;z-index:1;display:block;width:18px;height:18px;fill:currentColor;font-size:16px;line-height:1}body.light-theme .theme-btn{color:#4a5870}body.light-theme .theme-btn.active{color:#1f5cc2}body.light-theme .theme-btn.active:before{border-color:#2d60b833;background:#457cdb1c;box-shadow:0 6px 16px #325ca81f}body.dark-theme .theme-btn:not(.active){color:#aebbd0}.theme-btn:disabled{opacity:.48;filter:grayscale(1);pointer-events:none;cursor:not-allowed}@media (prefers-reduced-motion: reduce){.theme-btn,.theme-btn:before{transition:none}}.theme-fx-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict}.theme-fx-root.is-paused *{animation-play-state:paused!important}.theme-fx-root .theme-star{position:absolute;width:var(--star-size, 2px);height:var(--star-size, 2px);border-radius:50%;background:rgba(255,255,255,var(--star-opacity, .75));box-shadow:0 0 calc(var(--star-size, 2px) * 3) #bfdbfe85;animation:theme-star-twinkle var(--star-duration, 5s) ease-in-out var(--star-delay, 0s) infinite}@keyframes theme-star-twinkle{0%,to{opacity:.42;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}.light-theme .theme-fx-root{display:none}@media (prefers-reduced-motion: reduce){.theme-fx-root *{animation:none!important;transition:none!important}}.projects-grid{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between}.project{position:relative;display:flex;flex-direction:column;flex:1 1 calc(33.333% - 32px);min-width:0;padding:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;cursor:default;transition:box-shadow .3s ease}.project:hover{box-shadow:0 8px 32px #00000059}.project-content{display:flex;flex:1;flex-direction:column;min-width:0;transition:filter .3s ease}@media (hover: hover) and (pointer: fine){.project:hover .project-content{filter:blur(2px) brightness(.6)}}.project img{width:100%;height:auto;border-radius:8px}.project h3{margin:16px 0 8px;font-size:24px;font-weight:700;color:#fff}.project p{font-size:18px;color:#ccc}.view-project-btn{position:static;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:auto;box-sizing:border-box;opacity:1;visibility:visible;transform:none;background:#3c82f6e6;color:#fff;border:none;padding:12px 24px;font-size:14px;font-weight:600;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .2s ease,box-shadow .2s ease,filter .2s ease;z-index:5}.project:focus-within .view-project-btn,.view-project-btn:focus-visible{opacity:1;visibility:visible;transform:none}.case-study-page{padding:24px 16px;max-width:1160px;margin:0 auto}.case-study-section{margin-bottom:48px;padding:24px;background-color:transparent;border:2px dashed #444;border-radius:8px}.case-study-section-recommendations{margin-bottom:24px;padding:16px;background-color:transparent}.case-study-intro{text-align:center;margin-bottom:48px;color:#fff;background-color:transparent}.case-study-intro h1{font-size:32px;font-weight:700;margin-bottom:24px}.case-study-section h2{font-size:26px;margin-bottom:24px;text-align:center}.case-study-section h3{font-size:22px;font-weight:700;margin-bottom:16px;text-align:left}.project-type{font-size:18px;color:#999}.project-description{font-size:18px;line-height:1.8;color:#ccc;max-width:1000px;margin:0 auto;text-align:center}.cs-two-col{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between}.cs-two-col>div{flex:1 1 calc(50% - 16px)}.cs-three-col{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px}.cs-three-col>div{flex:1 1 calc(33.333% - 16px);color:#ccc}.cs-three-col h3{font-size:18px;color:#fff;margin-bottom:8px;font-weight:600}.cs-list{padding-left:18px;line-height:2.4;color:#ccc}.cs-arrow-grid-rows{display:flex;flex-direction:column;gap:48px;margin-top:32px;align-items:center}.cs-grid-row{display:grid;grid-template-columns:auto 60px auto;gap:24px;align-items:center;justify-content:center;width:100%;max-width:1200px}.cs-grid-row img{max-width:100%;height:auto;border-radius:8px;box-shadow:none}.cs-arrow-center{display:flex;align-items:center;justify-content:center}.arrow-icon-between{font-size:32px;color:#444}.mobile-only.arrow-icon-between{display:none}.desktop-only.arrow-icon-between{display:inline-block}.cs-arrow-grid-3x2{display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:repeat(2,auto);gap:48px 36px;justify-content:center;margin-top:32px;position:relative}.cs-arrow-cell{position:relative;display:flex;align-items:center;justify-content:center}.cs-arrow-cell img{width:auto;max-width:100%;border-radius:8px;box-shadow:none}.cs-image{width:100%;box-shadow:0 6px 20px #0000004d;transition:transform .3s ease}.cs-image:hover{transform:scale(1.015)}.cs-flex-images{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-top:16px}.cs-flex-images img{width:48%;max-width:480px;box-shadow:0 6px 20px #00000040}.cs-mockup-wrapper{position:relative;flex:1 1 48%;max-width:480px}.cs-mockup-wrapper img{width:100%;display:block}.cs-mockup-wrapper:hover img{filter:brightness(.72)}.cs-mockup-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;background:#3c82f6d9;color:#fff;padding:12px 24px;font-size:14px;font-weight:600;border:none;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .2s ease,background-color .2s ease,box-shadow .2s ease;text-decoration:none;text-align:center;z-index:10}.cs-mockup-wrapper:hover .cs-mockup-btn{opacity:1;visibility:visible;cursor:pointer}.prototype-buttons,.case-study-nav{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:48px 0 32px}.cs-button{background-color:#3c82f6;color:#fff;padding:12px 24px;font-size:14px;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.cs-button:hover{background-color:#246ae0}.cs-button.outline{background-color:transparent;border:2px solid #3C82F6}.cs-button i{font-size:14px}.back-btn i{margin-right:8px}.next-btn i{margin-left:8px}.separator{width:100%;height:1px;background:#ffffff1a;margin:48px auto}.desktop-only{display:inline-block}.mobile-only{display:none}.amazon-case-study img,.citi-case-study img{border-radius:8px;box-shadow:none}.amazon-case-study .cs-flex-images img{transition:none}.accenture-case-study .cs-grid-row h4{text-align:center;margin:15px 0 10px;font-weight:600}.accenture-case-study .cs-grid-row h4:contains("Before"){color:#ca3132}.accenture-case-study .cs-grid-row h4:contains("After"){color:#3c82f6}.accenture-case-study .cs-grid-row h4:contains("Alternate Option"){color:#ccc}.accenture-case-study .cs-grid-row h4[class*=before]{color:#ca3132}.accenture-case-study .cs-grid-row h4[class*=after]{color:#3c82f6}.accenture-case-study .cs-grid-row h4[class*=alternate]{color:#ccc}@media (max-width: 992px){.project{flex:1 1 calc(50% - 16px)}}@media (max-width: 768px){.case-study-intro h1{font-size:24px;line-height:32px}.cs-arrow-grid-rows{gap:24px}.cs-grid-row{display:flex;flex-direction:column;gap:16px}.mobile-only.arrow-icon-between{display:inline-block}.desktop-only.arrow-icon-between{display:none}.cs-three-col{flex-direction:column}.cs-three-col>div,.cs-two-col>div,.amazon-case-study .cs-two-col>div,.citi-case-study .cs-two-col>div{flex:1 1 100%}.cs-grid-row img,.cs-flex-images img,.citi-case-study .cs-flex-images img{width:100%}}@media (max-width: 600px){.case-study-section h2{font-size:22px}.project{flex:1 1 100%;padding:16px}.view-project-btn{padding:10px 20px;font-size:14px}}.project-datamind-preview{width:100%;aspect-ratio:6/ 1.4;overflow:hidden;border-radius:12px;border:1px solid rgba(96,165,250,.28);background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.32),transparent 36%),radial-gradient(circle at 80% 30%,rgba(20,184,166,.22),transparent 32%),#07111f;box-shadow:inset 0 0 0 1px #ffffff0a}.pdm-top{height:34px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#0f172ad1;border-bottom:1px solid rgba(148,163,184,.16)}.pdm-top span{width:8px;height:8px;border-radius:50%;background:#60a5fa}.pdm-body{height:calc(100% - 34px);display:grid;grid-template-columns:42px 1fr}.pdm-side{padding:12px 8px;display:grid;gap:10px;align-content:start;background:#0e749094}.pdm-side i{height:24px;border-radius:8px;background:#dbeafed1}.pdm-canvas{position:relative;background-image:radial-gradient(rgba(147,197,253,.22) 1.5px,transparent 1.5px);background-size:18px 18px}.pdm-legend{position:absolute;top:14px;left:14px;width:92px;padding:8px;display:grid;gap:6px;border-radius:10px;background:#f8fafceb}.pdm-legend b{height:7px;border-radius:999px;background:#60a5fa}.pdm-legend b:nth-child(2){background:#c084fc}.pdm-legend b:nth-child(3){background:#2dd4bf}.pdm-node{position:absolute;width:108px;border:1px solid rgba(125,211,252,.9);border-radius:10px;overflow:hidden;background:#f8fafcf5;color:#172033;box-shadow:0 12px 22px #0206172e}.pdm-node strong,.pdm-node small{display:block;padding:0 10px}.pdm-node strong{padding-top:10px;font-size:.68rem;color:#2563eb}.pdm-node small{padding-top:2px;padding-bottom:10px;font-size:.58rem;color:#64748b}.pdm-node:after{content:"";display:block;height:18px;background:#3f5fc5}.pdm-node-one{left:32%;top:46%;transform:translate(-50%,-50%)}.pdm-node-two{right:18%;top:48%;transform:translateY(-50%);border:2px solid #facc15}.pdm-line{position:absolute;left:38%;right:32%;top:48%;height:3px;background:#0ea5e9}.pdm-line:after{content:"";position:absolute;right:-2px;top:-5px;border-left:10px solid #0ea5e9;border-top:6px solid transparent;border-bottom:6px solid transparent}.pdm-doc{position:absolute;right:12px;bottom:12px;width:96px;padding:10px;display:grid;gap:5px;border-radius:12px;background:#0f172aeb;color:#dbeafe;font-size:.58rem}.pdm-doc strong{color:#fff}.pdm-doc span{padding:4px 6px;border-radius:999px;background:#2563eb61}.case-study-page{width:100%;max-width:1100px;box-sizing:border-box;margin:0 auto;padding:64px 24px 40px;color:#e0e0e0;font-family:Open Sans,sans-serif}.case-study-intro{margin-bottom:2.5rem}.case-study-intro h1{font-size:2.5rem;margin-bottom:.4rem;color:#fff}.project-type{font-size:1rem;font-weight:500;color:#00ffc8;margin-bottom:.8rem}.project-description{font-size:1.1rem;color:#ccc;max-width:800px}.case-study-section{width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin-top:3rem}.case-study-section h3{font-size:1.4rem;margin-bottom:1rem;color:#fff}.project-list{list-style:none;padding-left:0;margin-top:1rem}.project-list li{padding-left:1.6rem;position:relative;margin-bottom:.8rem}.project-list li:before{content:"•";color:#00ffc8;position:absolute;left:0;font-size:1.2rem;top:-1px}.button-glass{display:inline-flex;max-width:100%;min-width:0;min-height:48px;box-sizing:border-box;align-items:center;justify-content:center;margin-right:1rem;margin-top:1rem;padding:10px 20px;border-radius:8px;font-weight:500;text-decoration:none;font-size:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;line-height:1.35;text-align:center;white-space:normal;overflow-wrap:anywhere;transition:all .3s ease}.case-study-nav{display:flex;width:100%;max-width:100%;min-width:0;box-sizing:border-box;justify-content:space-between;margin:3rem 0 2rem;flex-wrap:wrap;gap:1rem}.cs-button{max-width:100%;min-width:0;min-height:48px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:#1e1e1e;color:#fff;padding:12px 24px;border-radius:12px;font-size:1rem;font-weight:500;text-decoration:none;line-height:1.35;text-align:center;white-space:normal;overflow-wrap:anywhere;transition:background-color .3s}.cs-button:hover{background-color:#333}.cs-button.outline{border:1px solid #ffffff;background:transparent}.separator{margin-top:60px;height:1px;background:#ffffff0f}.wordpress-case-study{padding-top:88px}.wordpress-case-cover{width:100%;margin:0 0 48px;overflow:hidden;border:1px solid var(--color-border-strong);border-radius:20px;background:var(--glass-default);box-shadow:var(--shadow-soft)}.wordpress-case-cover img{display:block;width:100%;height:auto;aspect-ratio:8 / 5;object-fit:cover}.wordpress-snapshot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}.wordpress-snapshot-item,.wordpress-detail-card{min-width:0;padding:18px;border:1px solid var(--color-border);border-radius:14px;background:#ffffff06}.wordpress-snapshot-item dt{margin-bottom:5px;color:#00ffc8;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.wordpress-snapshot-item dd{margin:0;color:var(--color-primary-text);line-height:1.55}.wordpress-case-study .case-study-section>p{max-width:900px;margin:0 auto 16px;line-height:1.8}.wordpress-case-study .case-study-section>p:last-child{margin-bottom:0}.wordpress-project-list{max-width:900px;margin-right:auto;margin-left:auto}.wordpress-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wordpress-detail-card h3{margin-top:0;color:var(--color-primary-text)}.wordpress-detail-card p{margin:0;line-height:1.7}.wordpress-outcome-note,.wordpress-repository-note{padding:14px 16px;border-left:3px solid #00ffc8;border-radius:8px;background:#00ffc80f}.wordpress-tool-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0;list-style:none}.wordpress-tool-list li{padding:8px 12px;border:1px solid var(--color-border);border-radius:999px;background:#ffffff0a}.wordpress-links-heading{margin-top:36px}.wordpress-project-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.wordpress-project-actions .button-glass,.wordpress-project-actions .wordpress-repository-note{margin:0}body.light-theme .wordpress-snapshot-item,body.light-theme .wordpress-detail-card,body.light-theme .wordpress-tool-list li{background:#ffffff7a}@media screen and (max-width: 768px){.case-study-page{padding:48px 16px 32px}.case-study-intro h1{font-size:1.8rem}.wordpress-case-study{padding-top:72px}.wordpress-case-cover{margin-bottom:32px;border-radius:14px}.wordpress-snapshot,.wordpress-detail-grid{grid-template-columns:1fr}.project-description{font-size:1rem}.case-study-nav,.prototype-buttons{width:100%;max-width:100%;flex-direction:column;align-items:stretch;gap:12px}.case-study-nav .cs-button,.prototype-buttons .cs-button,.case-study-section>.button-glass{display:inline-flex;width:100%;max-width:100%;min-width:0;min-height:48px;margin:12px 0 0;padding:12px 16px;box-sizing:border-box;align-items:center;justify-content:center;line-height:1.35;text-align:center;white-space:normal;overflow-wrap:anywhere}.case-study-nav .cs-button:first-child,.prototype-buttons .cs-button:first-child,.case-study-section>.button-glass:first-of-type{margin-top:0}.cs-button i{flex:0 0 auto;margin:0}}.not-found-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;margin-top:1rem}.not-found-wrapper h1{font-size:2.8rem;font-weight:700;color:#fff}.project-description{font-size:1.15rem;color:#ccc;max-width:600px;margin:0 auto}.button-group{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.button-glass{padding:10px 20px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);font-weight:500;color:#fff;transition:all .3s ease}.button-glass:hover{background:#00ffc81f;border-color:#00ffc880;color:#00ffc8}.animated-404-gif{width:50%;max-width:300px;height:auto;border-radius:16px;margin-top:1rem}.cta{font-size:1rem;color:#aaa;margin-top:.5rem}.emoji-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:10;overflow:hidden}.floating-emoji{position:absolute;font-size:2rem;animation:floatDown 6s infinite ease-in;opacity:.8;transform:translateY(-50px);-webkit-user-select:none;user-select:none}@keyframes floatDown{0%{transform:translateY(-60px);opacity:0}50%{opacity:1;transform:translateY(40vh) rotate(180deg)}to{transform:translateY(100vh) rotate(360deg);opacity:0}}@media screen and (max-width: 768px){.not-found-wrapper h1{font-size:2rem}.project-description{font-size:1rem}.button-glass{width:100%;text-align:center}.animated-404-gif{max-width:300px}}.datamind-case-study{padding-top:32px}.datamind-case-study .case-study-intro,.datamind-case-study .case-study-section{max-width:1160px;margin-left:auto;margin-right:auto}.datamind-case-study .case-study-intro{padding:44px 24px;margin-bottom:40px}.datamind-case-study .case-study-section{margin-bottom:48px;padding:32px;background:radial-gradient(circle at top left,rgba(60,130,246,.08),transparent 30%),#ffffff0a;border:2px dashed rgba(255,255,255,.14);border-radius:8px;overflow:hidden}.datamind-case-study h1,.datamind-case-study h2,.datamind-case-study h3,.datamind-case-study h4{color:#fff}.datamind-case-study h1{max-width:980px;margin-left:auto;margin-right:auto;line-height:1.12}.datamind-case-study h3{font-size:22px;line-height:1.35}.datamind-case-study h4{font-size:15px;margin:18px 0 8px;color:#bfdbfe}.datamind-case-study p{color:#ccc;font-size:16px;line-height:1.8}.datamind-case-study .project-description{max-width:980px}.dm-hero{background:radial-gradient(circle at 20% 10%,rgba(60,130,246,.18),transparent 34%),radial-gradient(circle at 80% 90%,rgba(20,184,166,.12),transparent 32%),#ffffff05}.dm-hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1040px;margin:32px auto 0}.dm-hero-meta div{background:#111827cc;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:18px;text-align:left}.dm-hero-meta strong,.dm-hero-meta span{display:block}.dm-hero-meta strong{color:#fff;margin-bottom:8px;font-size:15px}.dm-hero-meta span{color:#ccc;font-size:14px;line-height:1.6}.dm-section-intro{text-align:center;max-width:940px;margin:0 auto 30px}.dm-section-intro.left{text-align:left;margin-left:0;margin-right:0}.dm-section-intro h2{margin-bottom:10px}.dm-section-intro.left h2{text-align:left;padding-left:0}.dm-section-intro p{margin:0 auto}.dm-section-intro.left p{margin-left:0}.dm-eyebrow{color:#3c82f6!important;font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:24px!important;margin-bottom:8px!important}.dm-tag-grid,.dm-outcome-grid,.dm-mini-tags{display:flex;flex-wrap:wrap;gap:10px}.dm-tag-grid,.dm-outcome-grid{justify-content:center;margin:24px auto 0}.dm-tag-grid span,.dm-outcome-grid span,.dm-mini-tags span{display:inline-flex;align-items:center;justify-content:center;color:#eaf1ff;background:#3c82f61f;border:1px solid rgba(60,130,246,.28);border-radius:999px;padding:8px 12px;font-size:14px;font-weight:600}.dm-mini-tags span{font-size:12px;padding:6px 9px;color:#dbeafe}.datamind-case-study .cs-two-col>div,.datamind-case-study .cs-three-col>div,.dm-star-card,.dm-component-card,.dm-foundation-grid article{background:#111827a8;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px}.datamind-case-study .cs-three-col>div h3,.datamind-case-study .cs-two-col>div h3{margin-top:0}.dm-problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.dm-problem-grid div{background:linear-gradient(180deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.25);color:#f5d0d0;border-radius:8px;padding:18px;line-height:1.7}.dm-star-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}.dm-star-card{min-height:250px}.dm-star-card>span{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:#3c82f6;color:#fff;font-weight:900;margin-bottom:14px}.dm-star-card h3{margin-top:0}.dm-star-card p{margin-bottom:0}.dm-image-frame{width:100%;margin:0;border-radius:10px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 50px #00000047}.dm-image-frame img{display:block;width:100%;height:auto;border-radius:10px}.dm-storybook-section{background:radial-gradient(circle at 20% 0%,rgba(60,130,246,.1),transparent 28%),radial-gradient(circle at 90% 100%,rgba(20,184,166,.08),transparent 28%),#ffffff0a}.dm-storybook-shell{display:grid;grid-template-columns:240px minmax(0,1.45fr) 280px;border-radius:14px;overflow:hidden;background:#0f172ae0;border:1px solid rgba(255,255,255,.12);min-height:760px}.dm-storybook-nav{background:#111827e6;border-right:1px solid rgba(255,255,255,.1);padding:20px}.dm-storybook-nav-title{margin-bottom:18px}.dm-storybook-nav-title span,.dm-storybook-nav-title strong{display:block}.dm-storybook-nav-title span{color:#93c5fd;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.dm-storybook-nav-title strong{color:#fff;font-size:22px;line-height:1.2}.dm-storybook-tab-list{display:grid;gap:10px}.dm-storybook-tab{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;width:100%;padding:12px;color:#cbd5e1;background:#ffffff09;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;text-align:left;transition:all .2s ease;font-family:inherit}.dm-storybook-tab span{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:#3c82f629;color:#bfdbfe;font-weight:900;font-size:12px}.dm-storybook-tab strong{color:inherit;font-size:13px;line-height:1.25}.dm-storybook-tab:hover{color:#fff;border-color:#3c82f66b;background:#3c82f61a;transform:translateY(-1px)}.dm-storybook-tab.active{color:#fff;background:#3c82f6;border-color:#3c82f6;box-shadow:0 12px 28px #3c82f638}.dm-storybook-tab.active span{background:#ffffff2e;color:#fff}.dm-storybook-preview{padding:22px;min-width:0;background:radial-gradient(rgba(96,165,250,.16) 1px,transparent 1px),#02061770;background-size:18px 18px}.dm-clean-frame-heading{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:flex-start;margin-bottom:18px}.dm-clean-frame-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(147,197,253,.28),transparent 55%),#3c82f624;border:1px solid rgba(147,197,253,.22);color:#93c5fd;font-size:22px}.dm-clean-frame-heading h3{margin:0 0 6px;font-size:26px;line-height:1.25}.dm-clean-frame-heading p{margin:0;font-size:15px;line-height:1.65;color:#cbd5e1}.dm-storybook-preview .dm-image-frame{margin-top:16px}.dm-storybook-preview .dm-image-frame img{width:100%}.dm-frame-explanation{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.dm-frame-explanation>div{background:#111827c7;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:18px}.dm-frame-explanation h4{margin:0 0 8px;color:#fff;font-size:16px}.dm-frame-explanation p{margin:0;font-size:14px;line-height:1.7}.dm-storybook-docs{background:#111827e6;border-left:1px solid rgba(255,255,255,.1);padding:20px;overflow:auto}.dm-doc-panel-section{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1)}.dm-doc-panel-section:last-child{border-bottom:none;margin-bottom:0}.dm-doc-panel-section p{margin:0;font-size:14px;line-height:1.7}.dm-preview-kicker{display:block;color:#93c5fd;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.dm-frame-deep-dive{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.dm-frame-deep-dive>div{background:#111827a8;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px}.dm-frame-deep-dive h3{display:flex;align-items:center;gap:10px;margin-top:0}.dm-frame-deep-dive h3 i{color:#60a5fa}.dm-frame-deep-dive ul{padding-left:18px;color:#ccc;line-height:1.8;margin:0}.dm-frame-deep-dive li{margin-bottom:8px}.dm-component-library-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px}.dm-component-card{position:relative;background:radial-gradient(circle at top left,rgba(60,130,246,.08),transparent 34%),#111827bd;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:22px;overflow:hidden}.dm-component-card:after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:999px;background:#3c82f614;pointer-events:none}.dm-component-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#3c82f624;border:1px solid rgba(60,130,246,.24);color:#93c5fd;margin-bottom:14px}.dm-component-card-head{margin-bottom:14px}.dm-component-card-head span{display:inline-flex;color:#93c5fd;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.dm-component-card-head h3{margin:0}.dm-component-card p{margin:0 0 18px}.dm-component-meta{margin-top:16px}.dm-component-meta strong{display:block;color:#fff;margin-bottom:8px}.dm-foundation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}.dm-icon-stat-card{transition:transform .22s ease,border-color .22s ease,background .22s ease}.dm-icon-stat-card:hover{transform:translateY(-3px);border-color:#60a5fa57;background:#111827d1}.dm-icon-bubble{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#3c82f624;border:1px solid rgba(60,130,246,.24);color:#60a5fa;font-size:22px;margin-bottom:14px}.dm-foundation-grid article h3{margin:0 0 10px}.dm-foundation-grid article p{margin:0}.dm-documentation-model{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;margin-top:24px}.dm-documentation-model div{background:#111827b3;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px}.dm-documentation-model span{display:inline-flex;width:32px;height:32px;border-radius:999px;align-items:center;justify-content:center;background:#3c82f62e;color:#bfdbfe;font-weight:900;margin-bottom:12px}.dm-documentation-model strong{display:block;color:#fff;margin-bottom:8px}.dm-documentation-model p{font-size:13px;line-height:1.6;margin:0}.dm-handoff-table{display:grid;grid-template-columns:.75fr 1.2fr 1.2fr;margin-top:24px;border-radius:8px;overflow:hidden;background:#111827b8;border:1px solid rgba(255,255,255,.1)}.dm-handoff-table>div{padding:16px;color:#ccc;line-height:1.7;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.dm-handoff-table>div:nth-child(3n){border-right:none}.dm-handoff-head{background:#3c82f629;color:#fff!important;font-weight:800}.dm-handoff-table strong{color:#fff}.dm-learning-section{text-align:left}.dm-learning-copy{max-width:980px;margin:0}.dm-learning-copy p{text-align:left;margin-left:0;margin-right:0}.datamind-case-study .cs-list{line-height:2}.datamind-case-study .cs-list li{margin-bottom:4px}@media (max-width: 1180px){.dm-storybook-shell{grid-template-columns:230px minmax(0,1fr)}.dm-storybook-docs{grid-column:1 / -1;border-left:none;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dm-doc-panel-section{margin-bottom:0}.dm-documentation-model{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.dm-hero-meta,.dm-star-grid,.dm-problem-grid,.dm-component-library-grid,.dm-foundation-grid{grid-template-columns:repeat(2,1fr)}.dm-handoff-table{grid-template-columns:1fr}.dm-handoff-table>div{border-right:none}.dm-handoff-head{display:none}.dm-frame-deep-dive,.dm-frame-explanation{grid-template-columns:1fr}}@media (max-width: 860px){.dm-storybook-shell{grid-template-columns:1fr}.dm-storybook-nav{border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}.dm-storybook-tab-list{grid-template-columns:repeat(2,1fr)}.dm-storybook-docs,.dm-clean-frame-heading{grid-template-columns:1fr}}@media (max-width: 768px){.datamind-case-study{padding-top:20px}.datamind-case-study .case-study-intro,.datamind-case-study .case-study-section{padding:22px 16px;max-width:calc(100% - 32px)}.dm-hero-meta,.dm-star-grid,.dm-problem-grid,.dm-component-library-grid,.dm-foundation-grid,.dm-documentation-model{grid-template-columns:1fr}.dm-star-card{min-height:auto}.dm-tag-grid span,.dm-outcome-grid span{width:100%}.datamind-case-study p,.dm-frame-deep-dive ul{font-size:15px}.dm-storybook-shell{min-height:auto}.dm-clean-frame-heading h3{font-size:22px}}@media (max-width: 520px){.datamind-case-study .case-study-intro h1{font-size:26px}.dm-storybook-tab-list{grid-template-columns:1fr}.dm-storybook-nav,.dm-storybook-preview,.dm-storybook-docs,.dm-component-card,.dm-foundation-grid article{padding:16px}.dm-clean-frame-heading h3{font-size:20px}.dm-mini-tags span{width:100%}}.landing-container{position:relative;width:100%;min-height:100svh;height:100dvh;overflow:hidden;background:linear-gradient(145deg,#0f0c29,#000,#0f0c29);background-size:100% 100%;animation:gradientShift 20s ease infinite;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;box-sizing:border-box}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.orb-container{width:min(760px,96vw,94svh);height:min(760px,96vw,94svh);min-width:220px;min-height:220px;position:relative;z-index:2;filter:drop-shadow(0 0 30px rgba(255,255,255,.1))}.orb-container canvas{display:block;width:100%;height:100%;mix-blend-mode:screen;transition:transform .3s ease}.orb-container canvas:hover{transform:scale(1.05)}.overlay-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:3;color:#fff;max-width:90vw;width:100%;padding:0 20px}.overlay-content img.landing-logo{max-width:120px;margin-bottom:20px}.overlay-content h1{font-size:1.6rem;margin-bottom:12px;font-weight:700;background:linear-gradient(45deg,#fff,#ccc);background-clip:text;-webkit-background-clip:text;color:transparent}.overlay-content p{font-size:1rem;font-weight:400;color:#ddd;margin-bottom:18px;line-height:1.4;letter-spacing:.3px}.landing-theme-choice{display:grid;justify-items:center;gap:2px;margin:0 auto 18px}.landing-theme-choice>span{color:#e2e8f0c7;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.landing-theme-switcher{justify-content:center}.landing-theme-switcher .theme-btn:before{background:#ffffff0a}body.light-theme .landing-container{background:radial-gradient(circle at 18% 15%,rgba(197,181,253,.58),transparent 34%),radial-gradient(circle at 82% 12%,rgba(125,211,252,.56),transparent 34%),radial-gradient(circle at 74% 82%,rgba(253,186,116,.34),transparent 36%),linear-gradient(145deg,#fbfdff,#eef5ff 54%,#f9f2ff)}body.light-theme .landing-container .orb-container{filter:drop-shadow(0 20px 44px rgba(73,103,171,.2))}body.light-theme .landing-container .orb-container canvas{mix-blend-mode:multiply;opacity:.82}body.light-theme .overlay-content{color:#161922}body.light-theme .overlay-content h1{background:linear-gradient(45deg,#10131a,#315da8);background-clip:text;-webkit-background-clip:text}body.light-theme .overlay-content p,body.light-theme .landing-theme-choice>span{color:#4b5568}body.light-theme .landing-theme-switcher .theme-btn:before{background:#ffffff57}body.light-theme .enter-button{color:#173f8f;border-color:#245ec73d;background:#ffffff70;box-shadow:0 12px 28px #39579121}.enter-button{background:linear-gradient(135deg,#ffffff0d,#fff0);border:1.5px solid rgba(255,255,255,.25);color:#fff;font-size:1rem;padding:12px 32px;border-radius:30px;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .4s ease;font-weight:500;letter-spacing:.5px;box-shadow:0 0 0 transparent}.enter-button:hover{background:linear-gradient(135deg,#ffffff26,#ffffff0d);transform:scale(1.05);color:#fff;box-shadow:0 0 18px #ffffff26}@media (max-width: 768px){.orb-container{width:min(800px,104vw,102svh);height:min(800px,104vw,102svh)}.overlay-content h1{font-size:1.5rem;margin-bottom:16px}.overlay-content p{font-size:1rem;margin-bottom:16px}.enter-button{font-size:.9rem;padding:8px 20px}.overlay-content img.landing-logo{max-width:clamp(48px,10vw,72px);margin-bottom:clamp(8px,1.6vw,12px)}}@media (max-width: 480px){.overlay-content h1{font-size:1rem;margin-bottom:0}.overlay-content p{font-size:.82rem;margin-bottom:14px}.enter-button{font-size:.82rem;padding:6px 16px;border-radius:24px}.overlay-content img.landing-logo{max-width:44px;margin-bottom:6px}.landing-theme-choice{margin-bottom:14px}}.mp-floating-ai,.mp-floating-ai *,.mp-floating-ai-launcher,.mp-floating-ai-launcher *{box-sizing:border-box;font-family:inherit}.mp-floating-ai button,.mp-floating-ai input,.mp-floating-ai-launcher{all:unset;box-sizing:border-box;font-family:inherit}.mp-floating-ai{position:fixed;right:26px;bottom:92px;z-index:99999;width:390px;height:540px;max-height:calc(100vh - 125px);overflow:hidden;display:flex;flex-direction:column;isolation:isolate;color:#fff;text-align:left;border-radius:24px;border:1px solid rgba(96,165,250,.5);background:radial-gradient(circle at 15% 0%,rgba(96,165,250,.18),transparent 34%),radial-gradient(circle at 88% 25%,rgba(147,197,253,.13),transparent 32%),linear-gradient(145deg,#040a18f0,#050914fa);box-shadow:0 0 28px #2563eb47,0 18px 44px #0000007a,inset 0 0 22px #ffffff08;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:mpFloatingAiIn .28s ease both}.mp-floating-ai:before{content:"";position:absolute;top:-90px;right:-90px;bottom:-90px;left:-90px;z-index:-2;pointer-events:none;opacity:.14;background:radial-gradient(circle,rgba(255,255,255,.16) 0 1px,transparent 2px),radial-gradient(circle,rgba(96,165,250,.16) 0 1px,transparent 2px);background-size:58px 58px,92px 92px;animation:mpFloatingSmoke 18s linear infinite}.mp-floating-ai:after{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;z-index:-1;pointer-events:none;opacity:.72;filter:blur(28px);background:conic-gradient(from 120deg,transparent,rgba(96,165,250,.06),transparent,rgba(255,255,255,.045),transparent);animation:mpFloatingMagicRotate 16s linear infinite}.mp-floating-ai__magic-bg{position:absolute;width:170px;height:170px;right:-65px;bottom:-60px;pointer-events:none;border-radius:50%;filter:blur(44px);background:#3b82f638}@keyframes mpFloatingAiIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mpFloatingSmoke{0%{transform:translateZ(0)}to{transform:translate3d(42px,-42px,0)}}@keyframes mpFloatingMagicRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mp-floating-ai__header{height:60px;padding:8px 14px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;background:#0206178a;border-bottom:1px solid rgba(255,255,255,.075)}.mp-floating-ai__profile{display:flex;align-items:center;gap:10px;min-width:0}.mp-floating-ai__profile img{width:38px;height:38px;display:block;flex:0 0 38px;border-radius:50%;object-fit:cover;border:2px solid rgba(96,165,250,.7);box-shadow:0 0 14px #60a5fa3d}.mp-floating-ai__profile h3{margin:0;padding:0;color:#fff;font-size:.94rem;font-weight:800;line-height:1.1;text-align:left}.mp-floating-ai__profile p{margin:3px 0 0;padding:0;display:flex;align-items:center;gap:6px;color:#aebbd0;font-size:.7rem;line-height:1.2;white-space:nowrap;text-align:left}.mp-floating-ai__profile p span{width:7px;height:7px;display:inline-block;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55ee6}.mp-floating-ai__close{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:50%;color:#eaf3ff;background:#60a5fa14;border:1px solid rgba(147,197,253,.2);cursor:pointer;transition:.22s ease}.mp-floating-ai__close svg,.mp-floating-ai__input-area button svg{width:28px;height:28px;display:block;fill:currentColor}.mp-floating-ai__close:hover{background:#2563eb40;transform:rotate(90deg)}.mp-floating-ai__messages{flex:1;min-height:0;padding:12px 14px 8px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(96,165,250,.42) transparent}.mp-floating-ai__messages::-webkit-scrollbar{width:5px}.mp-floating-ai__messages::-webkit-scrollbar-track{background:transparent}.mp-floating-ai__messages::-webkit-scrollbar-thumb{background:#60a5fa61;border-radius:999px}.mp-floating-ai__row{width:100%;display:flex;align-items:flex-end;gap:8px;margin:0 0 10px}.mp-floating-ai__row--bot{justify-content:flex-start}.mp-floating-ai__row--user{justify-content:flex-end}.mp-floating-ai__avatar{width:24px;height:24px;display:block;flex:0 0 24px;border-radius:50%;object-fit:cover;border:1px solid rgba(96,165,250,.42)}.mp-floating-ai__bubble{width:fit-content;max-width:285px;padding:9px 12px;border-radius:16px;color:#f8fbff;font-size:.8rem;line-height:1.43;text-align:left;word-wrap:break-word;overflow-wrap:anywhere;border:1px solid rgba(255,255,255,.055);box-shadow:0 10px 20px #00000029}.mp-floating-ai__bubble p{margin:0;padding:0;color:inherit;font-size:inherit;line-height:inherit;text-align:left}.mp-floating-ai__bubble--bot{margin-right:auto;border-bottom-left-radius:6px;background:linear-gradient(145deg,#ffffff18,#ffffff0b)}.mp-floating-ai__bubble--user{margin-left:auto;border-bottom-right-radius:6px;background:linear-gradient(135deg,#3b82f6fa,#1d4ed8f5);border-color:#93c5fd2e}.mp-floating-ai__links,.mp-floating-ai__suggestions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;margin-top:9px}.mp-floating-ai__links a,.mp-floating-ai__suggestions button,.mp-floating-ai__quick button{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:6px 9px;border-radius:999px;color:#dbeafe;background:#0f172aa3;border:1px solid rgba(96,165,250,.48);font-size:.68rem;line-height:1;text-align:center;text-decoration:none;cursor:pointer;transition:.22s ease}.mp-floating-ai__links a:hover,.mp-floating-ai__suggestions button:hover,.mp-floating-ai__quick button:hover{background:#2563eb57;transform:translateY(-1px)}.mp-floating-ai__typing{min-width:145px}.mp-floating-ai__typing p{margin-bottom:7px;color:#cfe3ff;font-size:.72rem}.mp-floating-ai__typing div{display:flex;align-items:center;gap:5px}.mp-floating-ai__typing span{width:7px;height:7px;display:inline-block;border-radius:50%;background:#93c5fd;animation:mpFloatingTyping 1s infinite ease-in-out}.mp-floating-ai__typing span:nth-child(2){animation-delay:.15s}.mp-floating-ai__typing span:nth-child(3){animation-delay:.3s}@keyframes mpFloatingTyping{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.mp-floating-ai__quick{flex-shrink:0;display:flex;align-items:center;gap:7px;padding:7px 14px 9px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;background:#02061742;border-top:1px solid rgba(255,255,255,.055)}.mp-floating-ai__quick::-webkit-scrollbar{display:none}.mp-floating-ai__quick button{flex:0 0 auto;white-space:nowrap}.mp-floating-ai__input-area{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 14px 14px;background:#02061742}.mp-floating-ai__input-area input{flex:1;min-width:0;height:41px;display:block;padding:0 14px;border-radius:999px;color:#fff;background:#ffffff13;border:1px solid rgba(147,197,253,.2);font-size:.8rem;line-height:41px;text-align:left;outline:none}.mp-floating-ai__input-area input::placeholder{color:#ffffff7a}.mp-floating-ai__input-area input:focus{border-color:#60a5fad1;box-shadow:0 0 0 3px #2563eb24}.mp-floating-ai__input-area button{width:41px;height:41px;min-width:41px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 0 18px #2563eb6b;cursor:pointer;transition:.22s ease}.mp-floating-ai__input-area button:hover{transform:translateY(-1px) scale(1.03)}.mp-floating-ai-launcher{position:fixed;right:28px;bottom:26px;z-index:99999;display:flex;align-items:center;gap:10px;padding:9px 16px 9px 9px;border-radius:999px;color:#fff;background:radial-gradient(circle at top right,rgba(66,133,244,.24),transparent 48%),#070c18f5;border:1px solid rgba(96,165,250,.58);box-shadow:0 0 24px #2563eb57,0 12px 30px #00000057;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer;transition:.25s ease}.mp-floating-ai-launcher:hover{transform:translateY(-3px);box-shadow:0 0 30px #2563eb7a,0 14px 34px #0000006b}.mp-floating-ai-launcher img{width:37px;height:37px;display:block;flex:0 0 37px;border-radius:50%;object-fit:cover;border:1px solid rgba(96,165,250,.65)}.mp-floating-ai-launcher span{color:#fff;font-size:.88rem;font-weight:800;white-space:nowrap}@media (max-width: 900px){.mp-floating-ai{right:16px;left:16px;bottom:86px;width:auto;height:520px}.mp-floating-ai-launcher{right:16px;bottom:18px}}@media (max-width: 520px){.mp-floating-ai{height:78vh;max-height:78vh;border-radius:22px}.mp-floating-ai__bubble{max-width:250px;font-size:.77rem}.mp-floating-ai-launcher{padding:9px}.mp-floating-ai-launcher img{width:42px;height:42px;flex-basis:42px}.mp-floating-ai-launcher span{display:none}}.mp-floating-ai{right:max(20px,env(safe-area-inset-right));bottom:calc(84px + env(safe-area-inset-bottom));width:min(390px,calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));height:min(540px,calc(100dvh - 126px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));max-height:65dvh;color:var(--text-primary);border-color:var(--border-strong);background:radial-gradient(circle at 15% 0%,var(--glow-blue),transparent 34%),radial-gradient(circle at 88% 25%,rgba(147,197,253,.13),transparent 32%),linear-gradient(145deg,var(--surface-bg),var(--surface-bg-strong));box-shadow:var(--shadow-glass)}.light-theme .mp-floating-ai{color:var(--text-primary);background:radial-gradient(circle at 12% 0%,rgba(66,133,244,.18),transparent 34%),radial-gradient(circle at 92% 24%,rgba(168,85,247,.12),transparent 32%),linear-gradient(145deg,#ffffffe6,#eff6ffd1)}.mp-floating-ai__header,.mp-floating-ai__quick,.mp-floating-ai__input-area{background:color-mix(in srgb,var(--surface-bg-strong) 72%,transparent);border-color:var(--border-subtle)}.mp-floating-ai__profile h3,.mp-floating-ai__bubble p,.mp-floating-ai-launcher span{color:var(--text-primary)}.mp-floating-ai__bubble{max-width:min(285px,76%);color:var(--text-primary);border-color:var(--border-subtle)}.mp-floating-ai__bubble--bot{background:var(--glass-bg-soft)}.light-theme .mp-floating-ai__bubble--bot{background:#ffffffb8}.mp-floating-ai__links a,.mp-floating-ai__suggestions button,.mp-floating-ai__quick button{color:var(--link-color);background:color-mix(in srgb,var(--glass-bg) 76%,transparent);border-color:var(--border-strong)}.mp-floating-ai__close{color:var(--icon-color);border-color:var(--border-subtle);background:var(--glass-bg-soft)}.mp-floating-ai-launcher{right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));color:var(--text-primary);background:radial-gradient(circle at top right,var(--glow-blue),transparent 48%),var(--surface-bg-strong);border-color:var(--border-strong)}@media (prefers-reduced-motion: reduce){.mp-floating-ai,.mp-floating-ai:before,.mp-floating-ai:after,.mp-floating-ai__typing span,.mp-floating-ai-launcher{animation:none!important;transition:none!important}}@media (max-width: 520px){.mp-floating-ai{left:auto;right:max(12px,env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom));width:min(92vw,calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)));height:min(62dvh,500px);max-height:min(62dvh,500px);border-radius:20px}.mp-floating-ai__header{height:56px;padding:8px 12px}.mp-floating-ai__profile img{width:34px;height:34px;flex-basis:34px}.mp-floating-ai__profile h3{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}.mp-floating-ai__messages{padding:10px 12px 8px}.mp-floating-ai__bubble{max-width:min(238px,82%);font-size:.76rem}.mp-floating-ai__quick{padding:7px 12px 8px}.mp-floating-ai__quick button{max-width:180px;overflow:hidden;text-overflow:ellipsis}.mp-floating-ai__input-area{padding:0 12px 12px}.mp-floating-ai-launcher{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}}@media (max-width: 360px){.mp-floating-ai{width:min(94vw,calc(100vw - 16px));right:8px;height:min(60dvh,470px);max-height:min(60dvh,470px)}.mp-floating-ai__bubble{max-width:min(214px,82%)}}.mp-floating-ai{right:max(22px,env(safe-area-inset-right));bottom:calc(86px + env(safe-area-inset-bottom));width:min(390px,calc(100vw - 32px - env(safe-area-inset-right)));height:min(540px,65dvh);max-height:calc(100dvh - 118px - env(safe-area-inset-bottom));color:var(--text-primary);border-color:var(--border-strong);background:radial-gradient(circle at 15% 0%,rgba(96,165,250,.18),transparent 34%),radial-gradient(circle at 88% 25%,rgba(147,197,253,.13),transparent 32%),var(--surface-bg-strong);box-shadow:var(--shadow-glass)}.mp-floating-ai__header{min-height:58px;background:color-mix(in srgb,var(--surface-bg-strong) 78%,transparent);border-bottom-color:var(--border-subtle)}.mp-floating-ai__profile h3,.mp-floating-ai__bubble,.mp-floating-ai-launcher,.mp-floating-ai-launcher span{color:var(--text-primary)}.mp-floating-ai__profile p,.mp-floating-ai__typing p{color:var(--text-secondary)}.mp-floating-ai__close,.mp-floating-ai__links a,.mp-floating-ai__suggestions button,.mp-floating-ai__quick button{color:var(--link-color);background:var(--control-bg);border-color:var(--border-strong)}.mp-floating-ai__bubble{max-width:min(285px,calc(100% - 38px))}.mp-floating-ai__bubble--bot{background:linear-gradient(145deg,var(--glass-bg-soft),color-mix(in srgb,var(--glass-bg-soft) 58%,transparent))}.mp-floating-ai__quick,.mp-floating-ai__input-area{background:color-mix(in srgb,var(--surface-bg-strong) 52%,transparent)}.mp-floating-ai__quick{border-top-color:var(--border-subtle)}.mp-floating-ai__input-area input{color:var(--input-text);background:var(--input-bg);border-color:var(--border-subtle)}.mp-floating-ai__input-area input::placeholder{color:var(--placeholder-text)}.mp-floating-ai-launcher{right:max(24px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));background:radial-gradient(circle at top right,rgba(66,133,244,.24),transparent 48%),var(--surface-bg-strong);border-color:var(--border-strong);box-shadow:var(--shadow-glass)}body.light-theme .mp-floating-ai__bubble--user,body.light-theme .mp-floating-ai__input-area button{color:#fff}@media (max-width: 900px){.mp-floating-ai{left:auto;right:max(14px,env(safe-area-inset-right));bottom:calc(78px + env(safe-area-inset-bottom));width:min(390px,92vw);height:min(500px,64dvh)}.mp-floating-ai-launcher{right:max(14px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}}@media (max-width: 520px){.mp-floating-ai{width:min(94vw,374px);height:min(440px,62dvh);max-height:calc(100dvh - 96px - env(safe-area-inset-bottom));border-radius:22px}.mp-floating-ai__bubble{max-width:min(250px,calc(100% - 34px))}.mp-floating-ai-launcher{right:max(12px,env(safe-area-inset-right));padding:9px}}.mp-floating-ai{right:max(22px,env(safe-area-inset-right));bottom:calc(86px + env(safe-area-inset-bottom));width:min(390px,calc(100vw - 32px - env(safe-area-inset-right)));height:min(540px,calc(100dvh - 128px - env(safe-area-inset-bottom)));max-height:65dvh;color:var(--text-primary, #fff);background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--link-color, #60a5fa) 18%,transparent),transparent 34%),radial-gradient(circle at 88% 18%,rgba(147,197,253,.12),transparent 32%),var(--surface-bg-strong, rgba(5, 9, 20, .96));border-color:var(--border-strong, rgba(96, 165, 250, .42));box-shadow:var(--shadow-glass, 0 18px 44px rgba(0, 0, 0, .48))}.mp-floating-ai__header,.mp-floating-ai__quick,.mp-floating-ai__input-area{background:color-mix(in srgb,var(--surface-bg-strong, #020617) 74%,transparent);border-color:var(--border-subtle, rgba(255, 255, 255, .08))}.mp-floating-ai__profile h3,.mp-floating-ai__bubble,.mp-floating-ai-launcher span{color:var(--text-primary, #fff)}.mp-floating-ai__profile p,.mp-floating-ai__typing p{color:var(--text-secondary, #cbd5e1)}.mp-floating-ai__bubble--bot{background:var(--glass-bg-soft, rgba(255, 255, 255, .08));border-color:var(--border-subtle, rgba(255, 255, 255, .08))}.mp-floating-ai__bubble--user,.mp-floating-ai__input-area button{background:var(--button-primary-bg, linear-gradient(135deg, #3b82f6, #1d4ed8));color:var(--button-primary-text, #fff)}.mp-floating-ai__links a,.mp-floating-ai__suggestions button,.mp-floating-ai__quick button{color:var(--link-color, #dbeafe);background:var(--glass-bg-soft, rgba(15, 23, 42, .64));border-color:var(--border-strong, rgba(96, 165, 250, .48))}.mp-floating-ai__input-area input{color:var(--input-text, #fff);background:var(--input-bg, rgba(255, 255, 255, .075));border-color:var(--border-subtle, rgba(147, 197, 253, .2))}.mp-floating-ai__input-area input::placeholder{color:var(--placeholder-text, rgba(255, 255, 255, .56))}.mp-floating-ai__close:focus-visible,.mp-floating-ai__links a:focus-visible,.mp-floating-ai__suggestions button:focus-visible,.mp-floating-ai__quick button:focus-visible,.mp-floating-ai__input-area button:focus-visible,.mp-floating-ai-launcher:focus-visible{outline:3px solid var(--focus-ring, rgba(96, 165, 250, .44));outline-offset:3px}.mp-floating-ai-launcher{right:max(22px,env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));color:var(--text-primary, #fff);background:radial-gradient(circle at top right,color-mix(in srgb,var(--link-color, #60a5fa) 22%,transparent),transparent 48%),var(--surface-bg-strong, rgba(7, 12, 24, .96));border-color:var(--border-strong, rgba(96, 165, 250, .58))}body.light-theme .mp-floating-ai,body.light-theme .mp-floating-ai-launcher{color:var(--text-primary)}body.light-theme .mp-floating-ai__bubble--bot,body.light-theme .mp-floating-ai__links a,body.light-theme .mp-floating-ai__suggestions button,body.light-theme .mp-floating-ai__quick button{background:#ffffffb8}@media (prefers-reduced-motion: reduce){.mp-floating-ai,.mp-floating-ai:before,.mp-floating-ai:after,.mp-floating-ai__typing span,.mp-floating-ai-launcher{animation:none!important;transition-duration:.001ms!important}}.mp-floating-ai{right:max(22px,env(safe-area-inset-right));bottom:calc(86px + env(safe-area-inset-bottom));width:min(390px,calc(100vw - 32px - env(safe-area-inset-right)));height:min(540px,calc(100dvh - 128px - env(safe-area-inset-bottom)));max-height:65dvh;color:var(--color-primary-text);border-color:var(--color-border-strong);background:radial-gradient(circle at 12% 0%,rgba(96,165,250,.16),transparent 34%),radial-gradient(circle at 88% 18%,rgba(147,197,253,.12),transparent 32%),var(--glass-floating);box-shadow:var(--shadow-soft)}.mp-floating-ai__header,.mp-floating-ai__quick,.mp-floating-ai__input-area{background:color-mix(in srgb,var(--surface-bg-strong) 74%,transparent);border-color:var(--color-border)}.mp-floating-ai__profile h3,.mp-floating-ai__bubble,.mp-floating-ai-launcher,.mp-floating-ai-launcher span{color:var(--color-primary-text)}.mp-floating-ai__profile p,.mp-floating-ai__typing p{color:var(--color-secondary-text)}.mp-floating-ai__bubble{max-width:min(285px,78%)}.mp-floating-ai__bubble--bot{background:var(--glass-default);border-color:var(--color-border)}.mp-floating-ai__bubble--user,.mp-floating-ai__input-area button{color:var(--button-primary-text);background:var(--button-primary-bg)}.mp-floating-ai__links a,.mp-floating-ai__suggestions button,.mp-floating-ai__quick button{color:var(--color-link);background:var(--glass-subtle);border-color:var(--color-border-strong)}.mp-floating-ai__input-area input{color:var(--input-text);background:var(--input-bg);border-color:var(--color-border)}.mp-floating-ai__input-area input::placeholder{color:var(--input-placeholder)}.mp-floating-ai__close:focus-visible,.mp-floating-ai__links a:focus-visible,.mp-floating-ai__suggestions button:focus-visible,.mp-floating-ai__quick button:focus-visible,.mp-floating-ai__input-area button:focus-visible,.mp-floating-ai-launcher:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.mp-floating-ai-launcher{right:max(22px,env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));color:var(--color-primary-text);background:radial-gradient(circle at top right,rgba(96,165,250,.18),transparent 48%),var(--glass-floating);border-color:var(--color-border-strong);box-shadow:var(--shadow-soft)}body.light-theme .mp-floating-ai,body.light-theme .mp-floating-ai-launcher{color:var(--color-primary-text)}body.light-theme .mp-floating-ai__bubble--bot,body.light-theme .mp-floating-ai__links a,body.light-theme .mp-floating-ai__suggestions button,body.light-theme .mp-floating-ai__quick button{background:#ffffffc2}@media (max-width: 900px){.mp-floating-ai{left:auto;right:max(14px,env(safe-area-inset-right));bottom:calc(78px + env(safe-area-inset-bottom));width:min(390px,92vw);height:min(500px,64dvh);max-height:64dvh}.mp-floating-ai-launcher{right:max(14px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom))}}@media (max-width: 520px){.mp-floating-ai{width:min(94vw,380px);height:min(460px,62dvh);max-height:62dvh;border-radius:20px}.mp-floating-ai__header{height:54px;padding:7px 12px}.mp-floating-ai__messages{padding:10px 11px 7px}.mp-floating-ai__bubble{max-width:min(268px,82%);padding:8px 10px;font-size:.76rem}.mp-floating-ai__quick{padding-inline:11px}.mp-floating-ai__input-area{padding:0 11px 11px}}@media (max-width: 360px){.mp-floating-ai{right:max(10px,env(safe-area-inset-right));width:calc(100vw - 20px - env(safe-area-inset-right));height:min(430px,60dvh)}}#blog.blog-wrap,.blog-post-wrap{max-width:1190px;margin:0 auto;padding:16px 0 40px;background:transparent;border-radius:0}.blog-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:18px;padding:0 0 8px;text-align:center;background:transparent}.blog-title{margin:0;color:#fff;font-size:28px;font-weight:700;letter-spacing:0}.blog-intro{max-width:720px;margin:6px auto 10px;color:#cbd5e1;font-size:15px;line-height:1.65}.blog-controls{display:flex;flex-direction:column;gap:16px;width:100%;max-width:900px;margin:0 auto 4px}.blog-controls .sb{width:100%}.blog-filter{display:inline-flex;flex-wrap:wrap;justify-content:center;align-self:center;gap:8px;max-width:100%;padding:6px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);overflow:visible;scrollbar-width:none}.blog-filter::-webkit-scrollbar{display:none}.blog-filter button{flex:0 0 auto;padding:8px 12px;border-radius:999px;border:1px solid transparent;background:transparent;color:#cbd5e1;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.blog-filter button:hover,.blog-filter button:focus-visible{color:#fff;border-color:#ffffff24;background:#ffffff0d;outline:none}.blog-filter button.active{color:#fff;background:#3c82f62e;border-color:#3c82f647}.blog-count{margin-top:6px;color:#cbd5e1;font-size:14px}.blog-count .muted{color:#94a3b8}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.blog-card{display:flex;flex-direction:column;min-height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:linear-gradient(180deg,#ffffff0f,#ffffff08);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);animation:blogFade .32s ease both;transition:transform .18s ease,border-color .18s ease,background .18s ease}.blog-card:hover,.blog-card:focus-within{transform:translateY(-4px);border-color:#3c82f657;background:linear-gradient(180deg,#ffffff13,#ffffff0a)}.blog-card a{display:flex;flex-direction:column;min-height:100%;color:inherit;text-decoration:none}.blog-card-image{width:100%;height:clamp(150px,12vw,188px);background:radial-gradient(700px 420px at 80% 100%,rgba(253,224,71,.08),transparent 60%),radial-gradient(600px 360px at 0% 0%,rgba(59,130,246,.14),transparent 60%),#0f172aa3}.blog-card-image img{display:block;width:100%;height:100%;object-fit:cover}.blog-card-body{display:flex;flex:1;flex-direction:column;gap:10px;padding:18px}.blog-meta{display:flex;flex-wrap:wrap;gap:8px;color:#bfdbfe;font-size:12px;font-weight:700}.blog-card h3{margin:0;color:#fff;font-size:18px;line-height:1.3;letter-spacing:0}.blog-card p{margin:0;color:#d1d5db;font-size:14px;line-height:1.65}.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}.blog-tags span,.blog-pill{display:inline-flex;width:fit-content;padding:6px 10px;border-radius:999px;color:#eaf1ff;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:700}.blog-empty{max-width:980px;margin:24px auto;padding:24px;text-align:center;border-radius:12px;background:#1f2937;border:1px dashed #334155}.blog-empty button{margin-top:12px;border:none;border-radius:10px;padding:10px 14px;background:#3c82f6;color:#fff;cursor:pointer}.blog-discovery-cta{display:grid;justify-items:center;gap:20px;max-width:920px;margin:4px auto 28px;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#ffffff09}.blog-discovery-copy{max-width:720px;text-align:center}.blog-discovery-copy>span{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:#bfdbfe;font-size:12px;font-weight:800;line-height:1;text-transform:uppercase}.blog-discovery-copy>span i{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;color:#fff;background:#3c82f638;border:1px solid rgba(147,197,253,.24)}.blog-discovery-copy h2{max-width:640px;margin:0 auto 10px;color:#fff;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.18}.blog-discovery-copy p{margin:0;color:#cbd5e1;font-size:15px;line-height:1.7}.blog-discovery-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.blog-discovery-links a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 24px;border-radius:999px;color:#eaf1ff;font-size:14px;font-weight:600;text-decoration:none;background:#ffffff0b;border:1px solid rgba(255,255,255,.12);transition:transform .18s ease,border-color .18s ease,background .18s ease}.blog-discovery-links a:first-child{color:#fff;background:#3c82f6;border-color:#ffffff29}.blog-discovery-links a:hover,.blog-discovery-links a:focus-visible{transform:translateY(-2px);border-color:#93c5fd57;background:#fff1;outline:none}.blog-discovery-links a:first-child:hover,.blog-discovery-links a:first-child:focus-visible{background:#5a96ff}.blog-post-wrap{max-width:1120px;position:relative;isolation:isolate}.blog-post-header{position:relative;top:auto;z-index:auto;width:auto;max-width:none;height:auto;margin:0 auto 24px;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden}.blog-back-link{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-bottom:16px;color:#93c5fd;font-size:14px;font-weight:800;line-height:1;text-decoration:none}.blog-back-link:hover,.blog-back-link:focus-visible{color:#fff;outline:none}.blog-back-link i{font-size:12px}.blog-post-header h1{max-width:860px;margin:14px 0 12px;color:#fff;font-size:clamp(1.55rem,2.4vw,2rem);line-height:1.24;letter-spacing:0;overflow-wrap:anywhere}.blog-post-header p{max-width:840px;margin:0;color:#d1d5db;font-size:15px;line-height:1.65}.blog-author-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px;color:#cbd5e1;font-size:14px}.blog-author-row strong{color:#fff}.blog-post-figure{max-width:860px;margin:18px 0 0}.blog-post-image{display:block;width:100%;height:auto;aspect-ratio:15 / 8;object-fit:contain;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#0f172aa3}.blog-post-figure figcaption{margin-top:8px;color:#94a3b8;font-size:12px;line-height:1.5}.blog-post-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.blog-post-main{min-width:0}.blog-article-content{min-width:0;padding:0;border-radius:0;background:transparent;border:0;color:#fff}.blog-article-content>section{max-width:760px;margin:0 0 32px;padding:0;background:transparent;border-radius:0}.blog-inline-figure{max-width:760px;margin:20px 0 4px;background:transparent}.blog-inline-figure img{display:block;width:100%;height:clamp(150px,18vw,210px);object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.blog-inline-figure figcaption{margin-top:8px;color:#94a3b8;font-size:12px;line-height:1.5}.blog-visual-gallery{max-width:860px;margin:0 0 34px;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.12);background:transparent;border-radius:0}.blog-visual-gallery h2{margin:0 0 10px;padding:0;color:#fff;font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.2;text-align:left}.blog-visual-gallery p{max-width:760px}.blog-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.blog-visual-card{margin:0;min-width:0}.blog-visual-card img{display:block;width:100%;height:118px;object-fit:cover;border:1px solid rgba(255,255,255,.1);border-radius:10px}.blog-visual-card figcaption{margin-top:7px;color:#cbd5e1;font-size:12px;font-weight:700;line-height:1.35}.blog-article-content h2{margin:0 0 12px;padding:0;color:#fff;font-size:clamp(1.25rem,2vw,1.55rem);font-weight:800;line-height:1.18;letter-spacing:0;text-align:left}.blog-article-content p{margin:0 0 16px;color:#d1d5db;font-size:15px;line-height:1.75}.blog-toc{position:sticky;top:126px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:transparent}.blog-toc p{margin:0 0 10px;color:#fff;font-weight:800}.blog-toc a{display:block;padding:8px 0;color:#cbd5e1;font-size:13px;line-height:1.4;text-decoration:none}.blog-toc a:hover,.blog-toc a:focus-visible{color:#93c5fd;outline:none}.blog-article-cta{max-width:760px;margin:0 0 34px;padding:24px 0 0;border-top:1px solid rgba(255,255,255,.12);border-radius:0;background:transparent}.blog-cta-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;color:#bfdbfe;font-size:12px;font-weight:800;line-height:1;text-transform:uppercase}.blog-cta-kicker i{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;color:#fff;background:#3c82f638;border:1px solid rgba(147,197,253,.24)}.blog-article-cta h2{margin:0 0 10px;padding:0;color:#fff;text-align:left}.blog-article-cta p{color:#d1d5db}.blog-cta-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 0}.blog-cta-links a{position:relative;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;min-width:0;padding:12px;border-radius:12px;color:#eaf1ff;text-decoration:none;background:#ffffff09;border:1px solid rgba(255,255,255,.1);transition:transform .18s ease,border-color .18s ease,background .18s ease}.blog-cta-links a:after{content:"";position:absolute;right:12px;top:14px;color:#bfdbfeb8;font-family:"Font Awesome 6 Free";font-size:11px;font-weight:900;opacity:0;transform:translate(-4px);transition:opacity .18s ease,transform .18s ease}.blog-cta-links a>i{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:#3c82f62e;border:1px solid rgba(147,197,253,.18)}.blog-cta-links span{display:grid;gap:3px;min-width:0;padding-right:16px}.blog-cta-links strong{color:#fff;font-size:13px;line-height:1.25}.blog-cta-links small{color:#aab7ca;font-size:12px;font-weight:600;line-height:1.35}.blog-cta-links a:hover,.blog-cta-links a:focus-visible{transform:translateY(-2px);border-color:#93c5fd5c;background:#ffffff0e;outline:none}.blog-cta-links a:hover:after,.blog-cta-links a:focus-visible:after{opacity:1;transform:translate(0)}.blog-references{max-width:760px;margin:0 0 34px;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.12);background:transparent;border-radius:0}.blog-references h2{margin:0 0 12px;padding:0;color:#fff;font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.2;text-align:left}.blog-references ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.blog-references a{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:9px;min-height:44px;padding:10px 12px;color:#dbeafe;font-size:13px;font-weight:700;line-height:1.35;text-decoration:none;border-radius:12px;background:#ffffff09;border:1px solid rgba(255,255,255,.1);transition:transform .18s ease,border-color .18s ease,background .18s ease}.blog-references a:before{content:"";display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;color:#93c5fd;font-family:"Font Awesome 6 Free";font-size:11px;font-weight:900;background:#60a5fa1f}.blog-references a:hover,.blog-references a:focus-visible{color:#fff;transform:translateY(-2px);border-color:#93c5fd57;background:#ffffff0e;outline:none}.blog-cta-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;max-width:100%}.blog-cta-actions a{display:inline-flex;justify-content:center;align-items:center;gap:8px;box-sizing:border-box;max-width:100%;min-height:42px;padding:10px 24px;border-radius:999px;font-weight:600;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.blog-cta-actions a:hover,.blog-cta-actions a:focus-visible{transform:translateY(-2px);outline:none}.blog-cta-primary{color:#fff;background:#3c82f6}.blog-cta-secondary{color:#eaf1ff;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.blog-related{max-width:760px;margin:0;padding:0;background:transparent;border-radius:0}.blog-related h2{margin:0 0 16px;padding:0;text-align:left}.blog-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.blog-related-card{display:grid;gap:8px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff09;color:#fff;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.blog-related-card:hover,.blog-related-card:focus-visible{transform:translateY(-2px);border-color:#60a5fa57;background:#ffffff0e;outline:none}.blog-related-card span,.blog-related-card small{color:#93c5fd;font-weight:800}.reading-progress{position:fixed;top:0;left:0;z-index:1600;width:100%;height:3px;transform-origin:left center;background:linear-gradient(90deg,#60a5fa,#fde047)}@keyframes blogFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width: 1023px){#blog.blog-wrap,.blog-post-wrap{max-width:calc(100% - 64px)}.blog-post-layout{grid-template-columns:1fr}.blog-discovery-cta{max-width:100%}.blog-toc{position:static}.blog-toc a{display:inline-flex;margin:4px 8px 4px 0;padding:8px 10px;border-radius:999px;background:#ffffff0f}.blog-grid,.blog-related-grid,.blog-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){#blog.blog-wrap,.blog-post-wrap{max-width:calc(100% - 24px);padding:10px 0 28px}.blog-controls{max-width:100%;gap:12px}.blog-filter{align-self:stretch;border-radius:18px;padding:8px}.blog-filter button{flex:1 1 100%;justify-content:center;min-height:38px;padding:9px 10px;font-size:13px}.blog-grid{grid-template-columns:1fr;gap:18px;margin-top:18px}.blog-card{border-radius:14px}.blog-card-body{padding:16px}.blog-post-header{padding:0}.blog-card-image{height:clamp(180px,52vw,230px)}.blog-card h3{font-size:18px;line-height:1.25}.blog-card p{font-size:14px}.blog-meta{gap:8px;font-size:12px;line-height:1.45}.blog-tags{gap:7px}.blog-tags span{padding:6px 9px;font-size:12px}.blog-post-image{height:auto}.blog-inline-figure img{height:clamp(150px,40vw,185px)}.blog-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-visual-card img{height:112px}.blog-discovery-cta{padding:22px 16px;border-radius:14px}.blog-discovery-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.blog-discovery-links a{justify-content:center;padding:10px 8px;font-size:12px}.blog-post-header h1{font-size:clamp(1.45rem,6vw,1.75rem)}.blog-post-header p,.blog-article-content p{font-size:14px}.blog-cta-actions{flex-direction:column;align-items:stretch;gap:12px;width:100%;overflow:hidden}.blog-cta-actions a{width:100%;min-width:0;min-height:50px;padding:12px 14px;font-size:15px;line-height:1.2}.blog-cta-links,.blog-references ul{grid-template-columns:1fr}.blog-cta-links a{padding:11px}}@media (prefers-reduced-motion: reduce){.blog-card{animation:none;transition:none}}#worked-for{background-color:transparent}.worked-for-heading{max-width:720px;margin:0 auto 24px;text-align:center}.worked-for-eyebrow{margin:0 0 4px;color:var(--color-link);font-size:.78rem;font-weight:700;letter-spacing:.14em;line-height:1.4;text-transform:uppercase}.worked-for-heading h2{margin:0;padding:8px 16px}.worked-for-intro{max-width:640px;margin:0 auto;padding:0 16px;color:var(--color-secondary-text, var(--color-muted));line-height:1.65}.worked-for-container{position:relative;width:100%;max-width:100%;padding:clamp(18px,3vw,30px);box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--premium-radius, 16px);overflow:hidden}.worked-for-track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);width:100%;max-width:100%;margin:0;padding:0;box-sizing:border-box;list-style:none}.worked-for-track:focus-visible{border-radius:12px;outline:3px solid var(--color-focus);outline-offset:5px}.worked-for-card{display:flex;min-width:0;min-height:174px;padding:16px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid var(--color-border);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.055),transparent 64%),#ffffff06;box-shadow:inset 0 1px #ffffff0a;scroll-snap-align:center;scroll-snap-stop:always;transition:transform var(--premium-medium, .32s) var(--premium-ease, ease),border-color var(--premium-fast, .18s) ease,background-color var(--premium-fast, .18s) ease,box-shadow var(--premium-medium, .32s) ease}.worked-for-logo-frame{display:grid;width:100%;min-height:104px;padding:14px;box-sizing:border-box;place-items:center;border:1px solid rgba(148,163,184,.14);border-radius:11px;background:#f8fafcf0}.worked-for-card img{display:block;width:100%;height:76px;object-fit:contain}.worked-for-name{color:var(--color-primary-text, var(--color-text));font-size:.9rem;font-weight:650;line-height:1.35;text-align:center}.worked-for-navigation{display:none}.worked-for-arrow,.worked-for-dot{color:var(--color-primary-text, var(--color-text));border:1px solid var(--color-border-strong);background:var(--button-secondary-bg);cursor:pointer}.worked-for-arrow{display:inline-grid;width:44px;height:44px;min-width:44px;padding:0;place-items:center;border-radius:50%;font-size:1rem;line-height:1}.worked-for-dots{display:flex;align-items:center;justify-content:center;gap:2px}.worked-for-dot{position:relative;width:44px;height:44px;padding:0;border-color:transparent;border-radius:50%;background:transparent}.worked-for-dot:after{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;border-radius:50%;background:var(--color-secondary-text, var(--color-muted));opacity:.78;transform:translate(-50%,-50%);transition:width var(--premium-fast, .18s) ease,border-radius var(--premium-fast, .18s) ease,background-color var(--premium-fast, .18s) ease,opacity var(--premium-fast, .18s) ease}.worked-for-dot[aria-pressed=true]:after{width:20px;border-radius:999px;background:var(--color-link);opacity:1}.worked-for-arrow:disabled{cursor:not-allowed;opacity:.38}body.light-theme .worked-for-card{background:linear-gradient(145deg,#ffffffd1,#eff6ff6b),var(--glass-default)}body.light-theme .worked-for-logo-frame{border-color:#2563eb1f;background:#ffffffe0}@media (hover: hover) and (pointer: fine){.worked-for-card:hover{transform:translateY(-4px);border-color:var(--color-border-strong);box-shadow:inset 0 1px #ffffff12,0 16px 34px #00000029}.worked-for-arrow:not(:disabled):hover,.worked-for-dot:hover{border-color:var(--color-border-strong);background:color-mix(in srgb,var(--color-link) 10%,transparent)}}@media (max-width: 1023px){.worked-for-container{padding-inline:clamp(16px,3vw,24px)}.worked-for-track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(220px,calc((100% - 16px) / 2.2));overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y}.worked-for-track::-webkit-scrollbar{display:none}.worked-for-navigation{display:flex;max-width:420px;margin:18px auto 0;align-items:center;justify-content:space-between;gap:10px}}@media (max-width: 640px){#worked-for{max-width:calc(100% - 32px)}.worked-for-heading{margin-bottom:18px}.worked-for-heading h2{font-size:1.75rem}.worked-for-intro{padding:0;font-size:.95rem}.worked-for-container{padding:16px}.worked-for-track{grid-auto-columns:88%;gap:12px}.worked-for-card{min-height:164px;padding:14px}.worked-for-logo-frame{min-height:98px;padding:12px}.worked-for-card img{height:70px}.worked-for-navigation{margin-top:14px}}@media (max-width: 360px){.worked-for-navigation{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;row-gap:2px}.worked-for-arrow:first-child{grid-column:1}.worked-for-arrow:last-child{grid-column:3}.worked-for-dots{grid-row:2;grid-column:1 / -1}}@media (prefers-reduced-motion: reduce){.worked-for-track{scroll-behavior:auto}.worked-for-card,.worked-for-dot:after{transition:none}}:root{--premium-radius: 16px;--premium-blur: blur(24px) saturate(155%);--premium-ease: cubic-bezier(.22, 1, .36, 1);--premium-fast: .18s;--premium-medium: .32s}body.dark-theme{--page-bg: #020203;--page-bg-2: #09090b;--color-page: #020203;--color-page-secondary: #09090b;--color-heading: #ffffff;--color-primary-text: #f7f8fb;--color-secondary-text: #c6c9d2;--color-muted: #9499a8;--color-subtle: #8b91a0;--color-link: #75a7ff;--color-link-hover: #a8c7ff;--color-icon: #bfd4ff;--color-border: rgba(255, 255, 255, .11);--color-border-strong: rgba(145, 180, 255, .3);--surface-bg: rgba(15, 16, 20, .7);--surface-bg-strong: rgba(7, 8, 11, .9);--glass-subtle: rgba(255, 255, 255, .035);--glass-default: rgba(12, 13, 17, .68);--glass-strong: rgba(7, 8, 11, .84);--glass-floating: rgba(7, 8, 12, .9);--navbar-bg: rgba(5, 6, 9, .82);--footer-bg: transparent;--input-bg: rgba(7, 8, 12, .76);--input-text: #f7f8fb;--input-placeholder: #9da3b2;--button-primary-bg: linear-gradient(135deg, #3275ed 0%, #2459c7 100%);--button-primary-text: #ffffff;--button-primary-border: rgba(151, 187, 255, .38);--button-secondary-bg: rgba(255, 255, 255, .055);--shadow-soft: 0 18px 48px rgba(0, 0, 0, .46);--shadow-card: 0 1px 0 rgba(255, 255, 255, .045) inset, 0 20px 54px rgba(0, 0, 0, .38);--premium-card-hover: 0 1px 0 rgba(255, 255, 255, .08) inset, 0 30px 76px rgba(0, 0, 0, .58), 0 0 38px rgba(54, 112, 230, .14);--premium-page-gradient: radial-gradient(circle at 88% 7%, rgba(62, 119, 236, .13), transparent 27%), radial-gradient(circle at 10% 24%, rgba(64, 89, 146, .08), transparent 30%), radial-gradient(circle at 48% 78%, rgba(46, 53, 70, .09), transparent 35%), linear-gradient(180deg, #020203 0%, #08090c 48%, #030305 100%)}body.light-theme{--page-bg: #f8f9fc;--page-bg-2: #f0f4fb;--color-page: #f8f9fc;--color-page-secondary: #f0f4fb;--color-heading: #10131a;--color-primary-text: #161922;--color-secondary-text: #424a5b;--color-muted: #626d80;--color-subtle: #667085;--color-link: #245ec7;--color-link-hover: #173f8f;--color-icon: #245ec7;--color-border: rgba(31, 50, 86, .13);--color-border-strong: rgba(54, 103, 188, .28);--surface-bg: rgba(255, 255, 255, .68);--surface-bg-strong: rgba(255, 255, 255, .9);--glass-subtle: rgba(255, 255, 255, .48);--glass-default: rgba(255, 255, 255, .68);--glass-strong: rgba(255, 255, 255, .82);--glass-floating: rgba(255, 255, 255, .88);--navbar-bg: rgba(255, 255, 255, .44);--footer-bg: transparent;--input-bg: rgba(255, 255, 255, .78);--input-text: #161922;--input-placeholder: #697386;--button-primary-bg: linear-gradient(135deg, #3478ef 0%, #245cc7 100%);--button-primary-text: #ffffff;--button-primary-border: rgba(36, 92, 199, .36);--button-secondary-bg: rgba(255, 255, 255, .58);--shadow-soft: 0 18px 50px rgba(69, 91, 132, .12), 0 6px 18px rgba(31, 41, 61, .07);--shadow-card: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 22px 54px rgba(66, 87, 126, .11), 0 4px 14px rgba(31, 41, 61, .055);--premium-card-hover: 0 1px 0 rgba(255, 255, 255, .96) inset, 0 30px 72px rgba(64, 91, 143, .17), 0 0 36px rgba(93, 143, 235, .12);--premium-page-gradient: radial-gradient(circle at 84% 5%, rgba(122, 181, 255, .28), transparent 27%), radial-gradient(circle at 12% 12%, rgba(194, 174, 255, .22), transparent 30%), radial-gradient(circle at 72% 50%, rgba(255, 219, 132, .15), transparent 28%), radial-gradient(circle at 20% 78%, rgba(255, 178, 201, .14), transparent 31%), radial-gradient(circle at 50% 100%, rgba(180, 222, 255, .24), transparent 35%), linear-gradient(180deg, #fffefd 0%, #f7f9fd 46%, #f2f6fc 100%)}html{background:var(--page-bg)}html.dark-theme{background:#020203}html.light-theme{background:#f8f9fc}body{color:var(--color-primary-text);background:var(--premium-page-gradient);background-attachment:scroll}#root{background:transparent}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.protected-route-shell{min-height:calc(100vh - 128px)}body:before{background:var(--premium-page-gradient)}main,main>section,#projects,#skills,#contact,#work.work-wrap,#blog.blog-wrap,.blog-post-wrap,.case-study-page,.case-study-intro,.case-study-section-recommendations{background-color:transparent}header{isolation:isolate;border-color:var(--color-border-strong);background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 58%),var(--navbar-bg);background-clip:padding-box;box-shadow:0 1px #ffffff17 inset,0 18px 54px #00000075,0 0 34px #417df529;backdrop-filter:blur(26px) saturate(165%);-webkit-backdrop-filter:blur(26px) saturate(165%)}body.light-theme header{border-color:#3f588424;background:linear-gradient(132deg,#ffffff75,#f9fbff47 54%,#dee9ff33);box-shadow:0 1px #ffffffb8 inset,0 14px 40px #23375f1a,0 0 26px #748ecd14;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}.header-grid{grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);gap:16px}.logo-link{min-width:44px;min-height:44px}.role-col{gap:6px}.desktop-menu{gap:clamp(14px,1.8vw,28px)}.desktop-menu>li>a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding-inline:2px;color:var(--color-primary-text);font-weight:520}.desktop-menu>li>a:after{content:"";position:absolute;left:50%;bottom:5px;width:16px;height:2px;border-radius:999px;background:var(--color-link);opacity:0;transform:translate(-50%,3px) scaleX(.6);transition:opacity .18s ease,transform .18s ease}.desktop-menu>li>a.active:after,.desktop-menu>li>a[aria-current]:after{opacity:1;transform:translate(-50%) scaleX(1)}body.light-theme .desktop-menu>li>a{color:#202735}body.light-theme .desktop-menu>li>a:hover,body.light-theme .desktop-menu>li>a.active,body.light-theme .desktop-menu>li>a[aria-current]{color:#184fad}.theme-switcher{gap:2px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.mobile-glass-menu .menu-row.active,.mobile-glass-menu .menu-row[aria-current=page]{color:var(--color-link);background:color-mix(in srgb,var(--color-link) 9%,transparent)}.nav-dropdown-menu,.mobile-glass-menu,.tooltiptext-bottom{border-color:var(--color-border-strong);background:var(--glass-floating);box-shadow:var(--shadow-soft);backdrop-filter:var(--premium-blur);-webkit-backdrop-filter:var(--premium-blur)}.nav-dropdown-toggle{width:26px;height:26px}.theme-btn{width:44px;height:44px;min-width:44px;min-height:44px}.desktop-menu .nav-dropdown-menu a:focus-visible,.blog-back-link:focus-visible,.blog-toc a:focus-visible,.blog-discovery-links a:focus-visible,.blog-cta-links a:focus-visible,.blog-references a:focus-visible,.blog-cta-actions a:focus-visible,.blog-related-card:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.worked-for-container,.project,.skills-category,.contact-container,.agency-hero,.blog-card,.blog-discovery-cta,.blog-toc,.blog-empty,.no-results,.pg-card{color:var(--color-primary-text);border-color:var(--color-border);background:linear-gradient(145deg,rgba(255,255,255,.045),transparent 48%),var(--glass-default);box-shadow:var(--shadow-card);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}body.light-theme :where(.worked-for-container,.project,.skills-category,.contact-container,.agency-hero,.blog-card,.blog-discovery-cta,.blog-toc,.blog-empty,.no-results,.pg-card){background:linear-gradient(145deg,#ffffffc2,#ffffff47),var(--glass-default)}.case-study-section{color:var(--color-primary-text);border-color:var(--color-border-strong);background:radial-gradient(circle at 4% 0%,rgba(74,127,231,.055),transparent 26%),#ffffff05}body.light-theme .case-study-section{background:radial-gradient(circle at 4% 0%,rgba(99,151,244,.09),transparent 28%),#ffffff57}.projects-grid{align-items:stretch}.project{display:flex;flex:0 1 calc((100% - 64px) / 3);flex-direction:column;min-width:0;overflow:hidden;border-radius:var(--premium-radius);transition:transform var(--premium-medium) var(--premium-ease),filter var(--premium-medium) var(--premium-ease),opacity var(--premium-medium) var(--premium-ease),border-color var(--premium-medium) ease,box-shadow var(--premium-medium) var(--premium-ease),background-color var(--premium-medium) ease}.project-fade,.blog-card{animation-fill-mode:backwards}.project-content{display:flex;flex:1;flex-direction:column;min-width:0;filter:none;transition:filter var(--premium-medium) ease}.project img,.project-datamind-preview{display:block;transform:translateZ(0) scale(1);transition:transform .52s var(--premium-ease),filter var(--premium-medium) ease}.project img{width:100%;height:auto;aspect-ratio:155 / 37;object-fit:cover}.project h3{color:var(--color-primary-text)}.project p{color:var(--color-secondary-text)}.view-project-btn{position:static;inset:auto;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:auto;padding:10px 18px;box-sizing:border-box;border:1px solid var(--button-primary-border);border-radius:10px;opacity:1;visibility:visible;transform:translateY(0);color:var(--button-primary-text);background:var(--button-primary-bg);box-shadow:0 12px 26px #1f5bcd33;transition:opacity var(--premium-fast) ease,transform var(--premium-medium) var(--premium-ease),box-shadow var(--premium-fast) ease,filter var(--premium-fast) ease}.project:focus-within{border-color:var(--color-border-strong);box-shadow:var(--premium-card-hover)}.project:focus-within .view-project-btn,.view-project-btn:focus-visible{opacity:1;visibility:visible;transform:translateY(-2px)}@supports selector(.projects-grid:has(.project:hover)){@media (hover: hover) and (pointer: fine){.projects-grid:has(>.project:hover)>.project:not(:hover){opacity:.76;filter:blur(1.25px) brightness(.72) saturate(.78);transform:scale(.985)}}}@media (hover: hover) and (pointer: fine){.project .view-project-btn{opacity:.72;transform:translateY(3px)}.project:hover{z-index:2;border-color:var(--color-border-strong);transform:translateY(-8px);box-shadow:var(--premium-card-hover)}.project:hover .project-content{filter:none}.project:hover img,.project:hover .project-datamind-preview{transform:translateZ(0) scale(1.025)}.project:hover .view-project-btn{opacity:1;visibility:visible;transform:translateY(-2px);box-shadow:0 16px 34px #1f5bcd4d}.cs-mockup-wrapper:hover img{filter:blur(2px) brightness(.6)}.cs-mockup-wrapper:hover .cs-mockup-btn{opacity:1;transform:translate(-50%,-50%) scale(1)}}.cs-mockup-btn{visibility:visible;transform:translate(-50%,-50%) scale(.95);transition:opacity var(--premium-medium) ease,transform var(--premium-medium) var(--premium-ease),background-color var(--premium-fast) ease,box-shadow var(--premium-fast) ease}.cs-mockup-wrapper:focus-within .cs-mockup-btn,.cs-mockup-btn:focus-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.sb-input,form input,form textarea,.pg-input{color:var(--input-text);border-color:var(--color-border);background:var(--input-bg);box-shadow:0 1px #ffffff0d inset,0 12px 32px #0000001f}:where(.sb-input input,form input,form textarea,.pg-input)::placeholder{color:var(--input-placeholder);opacity:1}.sb-input input{color:var(--input-text)}.sb-input i,.sb-input .sb-clear{color:var(--color-muted)}.sb-input:focus-within,.sb-dark .sb-input:focus-within{border-color:var(--color-border-strong);background:var(--input-bg);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-focus) 18%,transparent),0 18px 48px #265cbe1f}.sb-panel{color:var(--color-primary-text);border-color:var(--color-border-strong);background:var(--glass-floating);box-shadow:var(--shadow-soft);backdrop-filter:var(--premium-blur);-webkit-backdrop-filter:var(--premium-blur)}.sb-item,.sb-item-title{color:var(--color-primary-text)}.sb-item-meta{color:var(--color-muted)}.sb-item:hover,.sb-item[aria-selected=true]{color:var(--color-primary-text);background:color-mix(in srgb,var(--color-link) 12%,transparent)}.project-toggle,#work .project-toggle.soft,.blog-filter{color:var(--color-secondary-text);border:1px solid var(--color-border);background:var(--glass-subtle);box-shadow:0 10px 28px #00000017;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.tab-toggle,#work .tab-toggle.soft,.blog-filter button{min-height:44px;color:var(--color-secondary-text);border-color:transparent;background:transparent;transition:color var(--premium-fast) ease,border-color var(--premium-fast) ease,background-color var(--premium-fast) ease,box-shadow var(--premium-fast) ease,transform var(--premium-fast) ease}.tab-toggle:hover,.tab-toggle:focus-visible,#work .tab-toggle.soft:hover,#work .tab-toggle.soft:focus-visible,.blog-filter button:hover,.blog-filter button:focus-visible{color:var(--color-primary-text);border-color:var(--color-border-strong);background:color-mix(in srgb,var(--color-link) 10%,transparent)}.tab-toggle.active,#work .tab-toggle.soft.active,.blog-filter button.active,.tab-toggle[aria-pressed=true],.blog-filter button[aria-pressed=true]{color:#fff;border-color:var(--button-primary-border);background:var(--button-primary-bg);box-shadow:0 10px 24px #235cc738}:where(.resume-button,.send-message-button,.view-project-btn,.btn-solid,.btn-ghost,.button-glass,.cs-button,.pg-btn,.blog-empty button,.no-results .reset,.blog-discovery-links a,.blog-cta-actions a){transition:transform var(--premium-fast) var(--premium-ease),color var(--premium-fast) ease,background-color var(--premium-fast) ease,border-color var(--premium-fast) ease,box-shadow var(--premium-fast) ease,opacity var(--premium-fast) ease,filter var(--premium-fast) ease}:where(.resume-button,.send-message-button,.btn-solid,.pg-btn.solid,.blog-empty button,.no-results .reset){color:var(--button-primary-text);border:1px solid var(--button-primary-border);background:var(--button-primary-bg);box-shadow:0 12px 28px #235cc738}:where(.btn-ghost,.button-glass,.cs-button.outline,.pg-btn.ghost){color:var(--color-primary-text);border-color:var(--color-border-strong);background:var(--button-secondary-bg)}@media (hover: hover) and (pointer: fine){:where(.resume-button,.send-message-button,.view-project-btn,.btn-solid,.btn-ghost,.button-glass,.cs-button,.pg-btn,.blog-empty button,.no-results .reset,.blog-discovery-links a,.blog-cta-actions a):not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 16px 34px #235cc745}}:where(.resume-button,.send-message-button,.view-project-btn,.btn-solid,.btn-ghost,.button-glass,.cs-button,.pg-btn,.blog-empty button,.no-results .reset,.blog-discovery-links a,.blog-cta-actions a):not(:disabled):active{transform:translateY(0) scale(.98);filter:brightness(.97)}:where(button,.resume-button,.view-project-btn,.btn-solid,.btn-ghost,.button-glass,.cs-button):disabled,:where(button,.resume-button,.view-project-btn,.btn-solid,.btn-ghost,.button-glass,.cs-button)[aria-disabled=true]{opacity:.52;cursor:not-allowed;box-shadow:none;filter:saturate(.55)}.blog-card{border-radius:var(--premium-radius);transform:none;transition:transform var(--premium-medium) var(--premium-ease),border-color var(--premium-fast) ease,box-shadow var(--premium-medium) var(--premium-ease),background-color var(--premium-fast) ease}.blog-card:hover{transform:none}.blog-card-image,.blog-post-image,.blog-inline-figure img,.blog-visual-card img{border-color:var(--color-border);background:var(--glass-subtle)}.blog-card h3,.blog-post-header h1,.blog-article-content h2,.blog-article-content h3,.blog-toc p,.blog-cta-links strong,.blog-related-card{color:var(--color-primary-text)}.blog-intro,.blog-card p,.blog-post-header p,.blog-article-content p,.blog-article-cta p,.blog-cta-links small,.blog-count,.blog-post-figure figcaption{color:var(--color-secondary-text)}.blog-meta,.blog-author-row,.blog-author-row strong,.blog-back-link,.blog-toc a,.blog-related-card span,.blog-related-card small{color:var(--color-link)}.blog-tags span,.blog-pill,.blog-cta-links a,.blog-related-card,.blog-references a{color:var(--color-primary-text);border-color:var(--color-border);background:var(--glass-subtle)}@media (hover: hover) and (pointer: fine){.blog-card:hover,.blog-card:focus-within{transform:translateY(-6px);border-color:var(--color-border-strong);box-shadow:var(--premium-card-hover)}.blog-card-image img{transition:transform .52s var(--premium-ease)}.blog-card:hover .blog-card-image img,.blog-card:focus-within .blog-card-image img{transform:scale(1.025)}}.contact-container{border-radius:var(--premium-radius)}.form-group label,.contact-header{color:var(--color-primary-text)}.form-status-text{color:var(--success)}.separator{height:1px;background:linear-gradient(90deg,transparent,var(--color-border-strong),transparent)}footer,.footer{color:var(--color-secondary-text);background:transparent}.social-links,.copyright,.connect{color:var(--color-secondary-text)}.mp-floating-ai{border-color:var(--color-border-strong);background:radial-gradient(circle at 12% 0%,rgba(87,145,255,.16),transparent 34%),radial-gradient(circle at 88% 18%,rgba(168,199,255,.11),transparent 32%),var(--glass-floating);box-shadow:0 1px #ffffff13 inset,0 24px 62px #00000075,0 0 34px #3974e72e;backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%)}body.light-theme .mp-floating-ai{box-shadow:0 1px #fffffff5 inset,0 24px 62px #4152722b,0 0 34px #5b90eb1c}body.light-theme .mp-floating-ai .mp-floating-ai__bubble--bot{color:var(--color-primary-text);border-color:var(--color-border);background:#ffffffc2}body.light-theme .mp-floating-ai .mp-floating-ai__bubble--bot :where(p,span,strong,a){color:inherit}.mp-floating-ai-launcher{border-color:var(--color-border-strong);background:radial-gradient(circle at top right,rgba(88,146,255,.2),transparent 48%),var(--glass-floating);box-shadow:0 12px 32px #0000004d,0 0 24px #3974e72e}body.light-theme .case-study-page,body.light-theme .not-found-wrapper{color:var(--color-primary-text)}body.light-theme :where(.case-study-page h1,.case-study-page h2,.case-study-page h3,.case-study-page h4,.not-found-wrapper h1,.touchme-text,.game-title,.cr-title){color:var(--color-primary-text)}body.light-theme :where(.case-study-page p,.case-study-page li,.project-description,.not-found-wrapper .cta,.game-intro,.game-stats){color:var(--color-secondary-text)}body.light-theme{--text-light: #161922;--text-gray: #566174;--card-bg: rgba(255, 255, 255, .72);--glass-bg: rgba(255, 255, 255, .58);--box-border: rgba(37, 99, 180, .22);--cr-white: #161922;--cr-glass: rgba(255, 255, 255, .58)}body.light-theme .memory-container,body.light-theme .touchme-box,body.light-theme .cr-box{border-color:var(--color-border-strong);background:var(--glass-default);box-shadow:var(--shadow-card)}body.light-theme .memory-container .card,body.light-theme .memory-container .card-front{color:var(--color-primary-text);border-color:var(--color-border);background:#ffffffbd}.touchme-mobile-note{position:absolute;left:50%;bottom:24px;width:min(420px,calc(100% - 32px));margin:0;transform:translate(-50%);color:var(--color-secondary-text);font-size:.9rem;line-height:1.5}.celebration-content h2{margin:0 0 .5rem;color:var(--color-link);font-size:1.8rem;line-height:1.2}body.light-theme .datamind-case-study :where(h1,h2,h3,h4,strong){color:var(--color-primary-text)}body.light-theme .datamind-case-study :where(p,li,.dm-frame-deep-dive ul){color:var(--color-secondary-text)}body.light-theme .datamind-case-study :where(.dm-hero-meta span,.dm-storybook-nav-title span,.dm-clean-frame-heading p,.dm-frame-explanation p,.dm-doc-panel-section p,.dm-component-card p,.dm-foundation-grid article p,.dm-documentation-model p,.dm-handoff-table>div,.dm-learning-copy p){color:var(--color-secondary-text)}body.light-theme :where(.datamind-case-study .case-study-section,.dm-hero,.dm-hero-meta div,.datamind-case-study .cs-two-col>div,.datamind-case-study .cs-three-col>div,.dm-star-card,.dm-component-card,.dm-foundation-grid article,.dm-frame-explanation>div,.dm-frame-deep-dive>div,.dm-documentation-model div,.dm-handoff-table){color:var(--color-primary-text);border-color:var(--color-border);background:linear-gradient(145deg,#ffffffbd,#ffffff4d),var(--glass-default)}body.light-theme .dm-problem-grid div{color:#7f1d1d;border-color:#be185d2e;background:#fff1f6b8}body.light-theme :where(.dm-storybook-shell,.dm-storybook-nav,.dm-storybook-preview,.dm-storybook-docs){color:var(--color-primary-text);border-color:var(--color-border);background:#ffffffb8}body.light-theme .dm-storybook-tab{color:var(--color-secondary-text);border-color:var(--color-border);background:#ffffff8f}body.light-theme .dm-storybook-tab:hover,body.light-theme .dm-storybook-tab:focus-visible{color:var(--color-primary-text);border-color:var(--color-border-strong);background:#deebffb8}body.light-theme .dm-storybook-tab.active,body.light-theme .dm-handoff-head{color:#fff;background:#2f6edc}body.light-theme :where(.dm-tag-grid span,.dm-outcome-grid span,.dm-mini-tags span){color:#214b91;border-color:#2c60bb38;background:#ddeaffa3}@media (min-width: 768px) and (max-width: 1023px){.project{flex-basis:calc((100% - 32px)/2)}}@media (max-width: 900px){header{top:max(12px,env(safe-area-inset-top));width:min(760px,calc(100% - 16px));height:58px;margin-top:max(12px,env(safe-area-inset-top))}.header-grid{grid-template-columns:44px minmax(0,1fr);gap:6px;padding:0 8px 0 12px}.nav-col,.desktop-menu{display:none}.role-col{min-width:0;justify-content:flex-end;gap:2px}.hamburger-btn.clean{display:inline-flex;flex:0 0 44px;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px}.hamburger-btn.clean span{margin:3px 0}.mobile-glass-menu{inset:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}}@media (max-width: 767px){body{background-attachment:scroll}.project{flex-basis:100%}.theme-btn,.hamburger-btn.clean,.menu-close{width:44px;height:44px;min-width:44px;min-height:44px}.theme-switcher{gap:2px;padding:0}.mobile-glass-menu .menu-row,.mobile-glass-menu :where(.btn-solid,.btn-ghost){min-height:44px}.intro-right.about-intro-media,.about-intro .intro-right{flex-direction:column;align-items:center;gap:16px}.about-intro .intro-right .cta{width:min(100%,36rem);margin:0 auto}.blog-card:hover,.project:hover{transform:none}}@media (max-width: 520px){.intro-left .tooltiptext-bottom{left:0;width:min(260px,calc(100vw - 32px));max-width:calc(100vw - 32px);box-sizing:border-box;white-space:normal}#work .project-toggle.soft{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;border-radius:16px;box-sizing:border-box}#work .tab-toggle.soft{min-width:0;padding-inline:8px;line-height:1.25;white-space:normal}.mp-floating-ai-launcher{padding:7px}.mp-floating-ai-launcher img{width:34px;height:34px;flex-basis:34px}#funnyButton:disabled:after{display:none}}@media (hover: none),(pointer: coarse){.view-project-btn,.cs-mockup-btn{opacity:1;visibility:visible}.project:hover .project-content,.cs-mockup-wrapper:hover img{filter:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.theme-fx-root .moon,.theme-fx-root .theme-star,.theme-fx-root .star{animation:none!important}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){header,.mobile-glass-menu,.nav-dropdown-menu,.project,.blog-card,.contact-container,.mp-floating-ai,.mp-floating-ai-launcher{background:var(--surface-bg-strong)}}#root{position:relative;z-index:1}body.light-theme{--premium-page-gradient: radial-gradient(circle at 88% 7%, rgba(89, 166, 255, .38), transparent 26%), radial-gradient(circle at 10% 15%, rgba(188, 151, 255, .3), transparent 30%), radial-gradient(circle at 75% 49%, rgba(255, 205, 112, .22), transparent 27%), radial-gradient(circle at 18% 72%, rgba(255, 155, 197, .2), transparent 30%), radial-gradient(circle at 50% 102%, rgba(113, 213, 242, .35), transparent 36%), linear-gradient(180deg, #fffefd 0%, #f7f8ff 45%, #edf6ff 100%)}body.light-theme:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.72;background:radial-gradient(circle at 15% 31%,rgba(255,255,255,.9) 0 1px,transparent 2px) 0 0 / 76px 76px,radial-gradient(circle at 83% 22%,rgba(89,138,229,.34) 0 1px,transparent 2px) 0 0 / 118px 118px,linear-gradient(112deg,transparent 12%,rgba(255,255,255,.28) 33%,transparent 48%)}header{overflow:visible;background:radial-gradient(circle at 12% -35%,rgba(82,142,255,.18),transparent 46%),radial-gradient(circle at 90% 130%,rgba(132,98,255,.1),transparent 44%),linear-gradient(145deg,#11151fd1,#020408b8);box-shadow:0 1px #ffffff1f inset,0 -1px #4a78da1f inset,0 18px 54px #00000075,0 0 30px #417df524}header:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,rgba(255,255,255,.08),transparent 26% 68%,rgba(106,151,255,.08))}.header-grid{position:relative;z-index:1}body.light-theme header{border-color:#476fb733;background:radial-gradient(circle at 8% -42%,rgba(172,139,255,.36),transparent 48%),radial-gradient(circle at 92% 135%,rgba(74,188,229,.28),transparent 48%),linear-gradient(132deg,#f7f6ffb3,#ddecff7a 55%,#eff9ff94);box-shadow:0 1px #ffffffe6 inset,0 -1px #587ec621 inset,0 16px 42px #364d7726,0 0 28px #768ecd1a;backdrop-filter:blur(24px) saturate(165%);-webkit-backdrop-filter:blur(24px) saturate(165%)}body.light-theme header:before{background:linear-gradient(112deg,rgba(255,255,255,.48),transparent 32% 66%,rgba(118,202,236,.16))}.mobile-glass-menu,.mobile-glass-menu *,.pg-scrim,.pg-scrim *{box-sizing:border-box}.mobile-glass-menu{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)));padding:8px 12px 12px;overflow:hidden;overscroll-behavior:contain}.mobile-glass-menu.out{pointer-events:none}.menu-header{position:relative;z-index:2;flex:none;min-height:58px;padding:4px 4px 6px;background:transparent}.menu-close{display:inline-grid;place-items:center;inline-size:48px;block-size:48px;min-inline-size:48px;min-block-size:48px;padding:0;font-size:0}.menu-close-icon{position:relative;display:block;width:23px;height:23px}.menu-close-icon:before,.menu-close-icon:after{content:"";position:absolute;top:50%;left:50%;width:23px;height:2.5px;border-radius:999px;background:currentColor;transform-origin:center}.menu-close-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.menu-close-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.menu-list{min-height:0;padding:2px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.mobile-glass-menu .menu-row{display:flex;align-items:center;flex:0 0 auto;min-height:44px;padding:8px;line-height:1.25}.menu-ctas{flex:none;margin-top:6px;padding-top:8px;gap:6px}.mobile-glass-menu :where(.btn-solid,.btn-ghost){min-height:44px;padding:8px 12px;line-height:1.2}.pg-scrim{top:0;right:0;bottom:0;left:0;z-index:100100;width:100vw;height:100vh;height:100dvh;min-height:100svh;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:hidden;overscroll-behavior:contain}.pg-card{width:min(520px,100%);max-height:100%;padding:clamp(14px,3vw,20px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.pg-card>*{position:relative;z-index:1}.pg-logo{width:clamp(28px,8vw,36px);height:clamp(28px,8vw,36px);margin:0 auto 8px}.pg-title{margin:4px 0 6px;font-size:clamp(1.08rem,5vw,1.35rem);line-height:1.18;overflow-wrap:anywhere;text-wrap:balance}.pg-sub{margin:0 0 10px;font-size:clamp(.92rem,3.8vw,1rem);line-height:1.45}.pg-form{gap:10px}.pg-input{width:100%;min-height:48px;padding:11px 12px;font-size:16px}.pg-actions{position:sticky;bottom:0;z-index:3;width:100%;padding-top:2px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface-bg-strong) 88%,transparent) 28%)}.pg-btn{min-height:44px;padding:9px 14px;font-size:1rem;line-height:1.2}body:has(.menu-scrim) :where(.mp-floating-ai,.mp-floating-ai-launcher),body:has(.pg-scrim) :where(.mp-floating-ai,.mp-floating-ai-launcher){visibility:hidden;opacity:0;pointer-events:none}.mp-floating-ai{bottom:max(84px,calc(env(safe-area-inset-bottom) + 72px))}.mp-floating-ai-launcher{bottom:max(18px,calc(env(safe-area-inset-bottom) + 14px))}.view-project-btn,.project:focus-within .view-project-btn,.view-project-btn:focus-visible,.project:hover .view-project-btn,.view-project-btn:active{position:static;inset:auto;transform:none}.view-project-btn{cursor:pointer}.enter-button,.resume-button{min-height:44px}.social-icons a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.view-project-btn:active{filter:brightness(.94);box-shadow:0 5px 14px #1945963d inset}.blog-back-link{box-sizing:border-box;min-height:44px;padding:6px 12px;border:1px solid var(--color-border);border-radius:999px;background:color-mix(in srgb,var(--glass-default) 76%,transparent);box-shadow:0 8px 22px #00000014;backdrop-filter:blur(12px) saturate(135%);-webkit-backdrop-filter:blur(12px) saturate(135%);transition:color var(--premium-fast) ease,border-color var(--premium-fast) ease,background-color var(--premium-fast) ease}.blog-back-link:hover,.blog-back-link:active,.blog-back-link:focus-visible{transform:none}.about-visual-stage{position:relative;width:min(390px,100%);aspect-ratio:1;margin:0 auto;display:grid;place-items:center;border-radius:38% 62% 58% 42%/46% 42% 58% 54%;transition:transform .42s var(--premium-ease),filter .32s ease}.about-visual-stage:before,.about-visual-halo{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:1px solid color-mix(in srgb,var(--color-link) 24%,transparent);border-radius:50%;pointer-events:none}.about-visual-stage:before{top:2%;right:2%;bottom:2%;left:2%;background:radial-gradient(circle at 28% 20%,color-mix(in srgb,var(--color-link) 20%,transparent),transparent 42%),radial-gradient(circle at 78% 76%,rgba(247,190,96,.16),transparent 40%);border-color:transparent;filter:blur(16px)}.about-visual-halo{animation:aboutHaloPulse 6s ease-in-out infinite;box-shadow:0 0 34px color-mix(in srgb,var(--color-link) 14%,transparent)}.about-visual-stage img{position:relative;z-index:1;width:88%;height:88%;object-fit:contain;animation:aboutImageFloat 7s ease-in-out infinite;filter:drop-shadow(0 22px 34px rgba(0,0,0,.18))}.about-role-chip,.profile-role-chip{position:absolute;z-index:2;display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border:1px solid var(--color-border-strong);border-radius:999px;color:var(--color-primary-text);background:var(--glass-floating);box-shadow:var(--shadow-soft);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);font-size:.72rem;font-weight:750;line-height:1;white-space:nowrap}.about-role-chip--design{top:12%;left:-2%}.about-role-chip--code{right:-3%;bottom:23%}.about-role-chip--place{left:12%;bottom:5%}.profile-role-chip--design{top:10%;left:-3%}.profile-role-chip--code{right:-2%;bottom:16%}.profile-circle,.profile-circle-wrap{transition:transform .42s var(--premium-ease),filter .32s ease}.profile-circle-ring{animation:profileRingPulse 5.5s ease-in-out infinite}@media (hover: hover) and (pointer: fine){.about-visual-stage:hover{transform:perspective(900px) rotateX(1.5deg) rotateY(-2.2deg) translateY(-4px);filter:brightness(1.03)}.profile-circle-wrap:hover .profile-circle{transform:scale(1.018) rotate(.6deg)}}@keyframes aboutImageFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-7px,0)}}@keyframes aboutHaloPulse{0%,to{opacity:.56;transform:scale(.98)}50%{opacity:.95;transform:scale(1.025)}}@keyframes profileRingPulse{0%,to{opacity:.72;transform:scale(.99)}50%{opacity:1;transform:scale(1.012)}}@media (max-width: 900px){header{border-color:#567ecd57;background:radial-gradient(circle at 10% -40%,rgba(70,125,236,.22),transparent 48%),linear-gradient(145deg,#0a0e18f0,#01040ae6);box-shadow:0 1px #ffffff1f inset,0 15px 38px #00000080,0 0 24px #3874e824}body.light-theme header{border-color:#4166a847;background:radial-gradient(circle at 12% -48%,rgba(153,124,224,.3),transparent 52%),radial-gradient(circle at 92% 135%,rgba(51,164,207,.24),transparent 48%),linear-gradient(132deg,#e1e1f6eb,#bfdaefd6);box-shadow:0 1px #ffffffc2 inset,0 14px 34px #2d436f33,0 0 24px #4e77c221}.header-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0;padding:0 10px}.logo-col{grid-column:1;justify-self:start;min-width:0}.role-col{display:contents}.role-col .theme-switcher{grid-column:2;justify-self:center;align-self:center}.role-col .hamburger-btn.clean{grid-column:3;justify-self:end;align-self:center}.mobile-glass-menu{bottom:auto;height:auto}}@media (max-width: 767px){.blog-post-wrap{padding-top:12px}.blog-back-link{margin-bottom:12px;font-size:.82rem}.blog-post-header{overflow:visible}.blog-post-header .blog-meta{gap:6px 8px;margin-bottom:10px;font-size:.72rem;line-height:1.35}.blog-post-header h1{max-width:34rem;margin:10px 0 12px;font-size:clamp(1.35rem,5.8vw,1.5rem);line-height:1.17;text-wrap:balance}.blog-filter{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.blog-filter::-webkit-scrollbar{display:none}.blog-filter button{flex:0 0 auto;min-height:44px;padding:9px 12px;white-space:nowrap}.blog-toc a{align-items:center;min-height:44px}body:has(.blog-post-wrap) .theme-fx-root .moon{top:clamp(330px,46vh,440px);right:-18px;width:56px;opacity:.28}.about-visual-stage{width:min(320px,88vw)}.about-role-chip--design{left:0}.about-role-chip--code{right:0}.about-role-chip--place{left:10%}}@media (max-width: 300px){.pg-actions{flex-direction:column}.pg-btn{width:100%}}@media (min-width: 400px) and (max-width: 520px) and (min-height: 850px){.mp-floating-ai-launcher{bottom:max(112px,calc(env(safe-area-inset-bottom) + 104px))}}@media (hover: none),(pointer: coarse){.project:hover,.project:focus-within,.project:hover .view-project-btn,.project:focus-within .view-project-btn,.view-project-btn:focus-visible,.view-project-btn:active{transform:none}.about-role-chip,.profile-role-chip{opacity:1}}@media (prefers-reduced-motion: reduce){.about-visual-stage,.about-visual-stage img,.about-visual-halo,.profile-circle,.profile-circle-ring,.profile-role-chip,.about-role-chip{animation:none!important;transform:none!important;transition:none!important}}