:root{--color-bg: #090b16;--color-surface: #121629;--color-surface-soft: #191f35;--color-surface-strong: #070812;--color-text: #e5e7eb;--color-muted: #a6adbd;--color-heading: #f8fafc;--color-primary: #a78bfa;--color-primary-dark: #8b5cf6;--color-accent: #c084fc;--color-accent-dark: #e9d5ff;--color-success: #2dd4bf;--color-blue: #60a5fa;--color-amber: #fbbf24;--color-rose: #fb7185;--color-line: rgba(196, 181, 253, .28);--color-white: #ffffff;--color-shadow: rgba(0, 0, 0, .42);--font-family-base: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--font-family-heading: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 40px;--border-radius: 8px;--shadow-sm: 0 0 0 1px rgba(196, 181, 253, .08), 0 6px 14px rgba(0, 0, 0, .2);--shadow-md: 0 0 0 1px rgba(196, 181, 253, .12), 0 10px 22px rgba(0, 0, 0, .28);--shadow-lg: 0 0 0 1px rgba(196, 181, 253, .16), 0 18px 42px rgba(0, 0, 0, .34)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%}html{background:var(--color-bg)}body{background:linear-gradient(135deg,#17112d,#0f0b22 38%,#090b16 70%,#15102a);background-repeat:no-repeat;background-size:100% 100%;color:var(--color-text);font-family:var(--font-family-base);font-size:16px;font-synthesis-weight:none;-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden;position:relative;text-rendering:auto}#root{position:relative;z-index:1}.pageContent>*{animation:pageEnter .42s ease both}h1,h2,h3,h4,h5,h6{color:var(--color-heading);font-family:var(--font-family-heading);font-weight:700;letter-spacing:0;margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color .18s ease,transform .18s ease}a:hover,a:focus{color:var(--color-primary-dark);text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.section{padding:var(--spacing-xl) var(--spacing-lg)}.card{background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:0 2px 6px var(--color-shadow);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}button,.button{background-color:var(--color-primary);color:var(--color-white);border:none;padding:10px 16px;font-size:1rem;font-weight:600;border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}button:hover,.button:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}input,textarea,select{font-family:var(--font-family-base);padding:var(--spacing-sm);border:1px solid #ccc;border-radius:var(--border-radius);margin-bottom:var(--spacing-md);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0a66c233}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollReveal{0%{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}html,body,#root{min-height:100%;margin:0}:root{--sidebar-width: 240px;--sidebar-collapsed-width: 64px}.appContainer{display:flex;flex-direction:column;min-height:100vh}.pageContent{flex:1;margin-left:var(--sidebar-width);padding-top:0;padding-bottom:56px;transition:margin-left .2s ease}.appContainer.sidebarCollapsed .pageContent{margin-left:var(--sidebar-collapsed-width)}@media (max-width: 760px){.pageContent{margin-left:0;padding-top:56px}}.experienceSnapshot{max-width:1180px;margin:0 auto;padding:10px 24px 28px}.snapshotHeader{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 0 12px;text-align:left}.snapshotHeader h2{color:var(--color-heading);font-size:clamp(1.12rem,1.5vw,1.35rem);line-height:1.14;margin:0}.snapshotHeader a{color:#e9d5ff;flex:0 0 auto;font-size:.9rem;font-weight:800;text-decoration:none}.snapshotHeader a:hover{color:#fff}.compactStory{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.compactStep{--story-accent: var(--color-accent);background:linear-gradient(135deg,color-mix(in srgb,var(--story-accent),transparent 84%),transparent 52%),#12162994;border-radius:8px;min-height:156px;padding:16px;position:relative;transition:box-shadow .2s ease,transform .2s ease}.compactStep.accent-teal{--story-accent: var(--color-success)}.compactStep.accent-amber{--story-accent: var(--color-amber)}.compactStep.accent-blue{--story-accent: var(--color-blue)}.compactStep:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.compactIcon{align-items:center;background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--story-accent),#ffffff 22%,transparent 60%),transparent 34%),color-mix(in srgb,var(--story-accent),transparent 86%);border-radius:8px;color:color-mix(in srgb,var(--story-accent),#ffffff 34%);display:flex;font-size:1.35rem;height:48px;justify-content:center;margin-bottom:14px;width:48px}.stepPeriod{color:color-mix(in srgb,var(--story-accent),#ffffff 34%);font-size:.74rem;font-weight:800;margin:0 0 5px;text-align:left;text-transform:uppercase}.compactStep h3{color:var(--color-heading);font-size:1.04rem;line-height:1.22;margin:0;text-align:left}.compactStep p:not(.stepPeriod){color:var(--color-muted);font-size:.92rem;line-height:1.38;margin:8px 0 0;text-align:left}.stepConnector{background:linear-gradient(90deg,var(--story-accent),transparent);border-radius:999px;height:2px;opacity:.72;position:absolute;right:-14px;top:38px;width:28px;z-index:1}@supports (animation-timeline: view()){.compactStep{animation:scrollReveal both;animation-range:entry 8% cover 30%;animation-timeline:view()}}@media (min-width: 1500px){.compactStory{grid-template-columns:repeat(3,minmax(220px,1fr))}}@media (max-width: 980px){.compactStory{grid-template-columns:1fr}.stepConnector{display:none}}@media (max-width: 520px){.experienceSnapshot{padding-left:18px;padding-right:18px}.snapshotHeader{align-items:flex-start;flex-direction:column;gap:8px}}.heroSection{animation:heroArrive .58s ease both;align-items:center;display:grid;gap:18px;grid-template-columns:132px minmax(0,760px);justify-content:start;max-width:1180px;margin:20px auto 0;padding:16px 24px 4px}.heroContent{padding-top:0;position:relative}.heroContent h1{animation:heroTextIn .58s ease .08s both;max-width:620px;color:var(--color-heading);font-size:clamp(2.05rem,3.6vw,3.45rem);font-weight:700;line-height:.96;margin:0;text-align:left}.eyebrow{border-left:3px solid var(--color-accent);color:var(--color-accent-dark);font-size:.92rem;font-weight:800;letter-spacing:0;margin-bottom:10px;padding-left:10px;text-align:left;text-transform:uppercase}.heroIntro{animation:heroTextIn .58s ease .16s both;max-width:620px;color:var(--color-muted);font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.35;margin:9px 0 0;text-align:left}.heroProof{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.heroProofItem{background:#121629b8;border-radius:8px;min-width:150px;padding:11px 13px}.heroProofItem strong{color:var(--color-heading);display:block;font-size:1.05rem;line-height:1}.heroProofItem span{color:var(--color-muted);display:block;font-size:.82rem;line-height:1.25;margin-top:6px}.featuredWork{max-width:1180px;margin:8px auto 0;padding:10px 24px 8px}.featuredHeader{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.featuredHeader h2{color:var(--color-heading);font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:1.15;margin:0;text-align:left}.featuredHeader a{color:#e9d5ff;font-size:.9rem;font-weight:800;text-decoration:none}.featuredGrid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.featuredCard{--featured-accent: var(--color-accent);background:linear-gradient(135deg,color-mix(in srgb,var(--featured-accent),transparent 84%),transparent 48%),#121629b8;border-radius:8px;display:grid;gap:12px;grid-template-columns:110px minmax(0,1fr);min-height:118px;padding:12px;transition:box-shadow .2s ease,transform .2s ease}.featuredCard.accent-blue{--featured-accent: var(--color-blue)}.featuredCard.accent-teal{--featured-accent: var(--color-success)}.featuredCard.accent-amber{--featured-accent: var(--color-amber)}.featuredCard:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.featuredVisual{align-items:center;background:#07081270;border-radius:8px;color:color-mix(in srgb,var(--featured-accent),#ffffff 24%);display:flex;font-size:.9rem;font-weight:900;justify-content:center;min-width:0;overflow:hidden;padding:12px}.featuredVisual.lightLogo{background:#f8faf4}.featuredVisual img{display:block;max-height:58px;max-width:100%;object-fit:contain}.featuredCard h3{color:var(--color-heading);font-size:1rem;line-height:1.2;margin:10px 0 6px;text-align:left}.featuredCard p{color:var(--color-muted);font-size:.88rem;line-height:1.35;margin:0;text-align:left}.heroVisual{animation:heroPhotoIn .64s ease both;align-items:center;display:grid;height:132px;justify-items:center;position:relative;width:132px}.heroVisual img{aspect-ratio:1 / 1;border:1px solid rgba(248,250,252,.58);border-radius:999px;box-shadow:0 18px 44px #0a081461;display:block;height:98px;object-fit:cover;object-position:center top;position:relative;width:98px;z-index:1}.heroPulse{animation:heroPulse 4s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed6b,#c084fc2e);border-radius:999px;height:132px;position:absolute;width:132px}@keyframes heroPulse{0%,to{opacity:.42;transform:scale(.92)}50%{opacity:.72;transform:scale(1)}}.timelineWrapper{margin-top:2rem}@keyframes heroArrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes heroPhotoIn{0%{opacity:0;transform:translate(-14px) scale(.94)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes heroTextIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.sectionSubtitle{text-align:center;font-size:2rem;margin-bottom:0}@media (min-width: 1500px){.featuredGrid{grid-template-columns:repeat(3,minmax(220px,1fr))}}@media (max-width: 900px){.heroSection{align-items:start;grid-template-columns:1fr;padding-top:18px}.heroVisual{height:108px;justify-self:start;width:108px}.heroVisual img{height:82px;width:82px}.heroPulse{height:108px;width:108px}.featuredGrid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.heroPulse{animation:none}}@media (max-width: 520px){.heroSection{margin-top:14px;padding:16px 18px 4px}.heroContent h1{font-size:2.25rem}.featuredWork{padding-left:18px;padding-right:18px}.featuredCard{grid-template-columns:92px minmax(0,1fr)}}.projectsPage{max-width:1180px;margin:0 auto;padding:22px 24px 40px}.projectsIntro{max-width:760px;padding-left:0}.projectsEyebrow,.projectType{color:var(--color-accent-dark);font-size:.78rem;font-weight:800;letter-spacing:0;margin:0 0 8px;text-align:left;text-transform:uppercase}.projectsIntro h1{color:var(--color-heading);font-size:clamp(1.7rem,2.5vw,2.35rem);font-weight:700;line-height:1;margin:0;text-align:left}.projectsIntro p:not(.projectsEyebrow){color:var(--color-muted);font-size:1.05rem;line-height:1.5;margin:10px 0 0;text-align:left}.projectSection{animation:projectFadeUp .32s ease both;margin-top:18px}.projectSection:nth-of-type(2){animation-delay:.02s}.projectSection:nth-of-type(3){animation-delay:.04s}.projectSectionHeader{margin-bottom:12px}.projectSectionHeader h2{color:var(--color-heading);font-size:1.25rem;line-height:1.2;margin:0;text-align:left}.professionalWork,.projectGrid{display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.professionalCard{background:linear-gradient(135deg,rgba(124,58,237,.16),transparent 48%),linear-gradient(225deg,rgba(45,212,191,.06),transparent 34%),var(--color-surface);background-size:100% 100%;border:none;border-radius:8px;box-shadow:0 18px 48px #0000002e;display:grid;grid-template-rows:180px 1fr;overflow:hidden;padding:18px;position:relative;transform-style:preserve-3d;transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease}.professionalCard:before{background:radial-gradient(circle at 20% 10%,rgba(192,132,252,.34),transparent 34%);content:"";top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .22s ease}.professionalCard:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.professionalCard:hover:before{opacity:1}.professionalLogoPlate{align-items:center;background:linear-gradient(135deg,rgba(167,139,250,.12),transparent 55%),#090b16b8;border:none;border-radius:8px;display:flex;justify-content:center;min-height:0;padding:18px;position:relative;transition:border-color .22s ease,transform .22s ease;overflow:hidden}.professionalCard:nth-child(2) .professionalLogoPlate{background:#f8faf4;border-color:transparent}.professionalLogoPlate img{display:block;filter:drop-shadow(0 8px 14px rgba(0,0,0,.18));max-height:96px;max-width:100%;object-fit:contain;position:relative;transition:none;z-index:1}.professionalCard:hover .professionalLogoPlate{transform:translateY(-2px)}.professionalCard:hover .professionalLogoPlate img{filter:drop-shadow(0 8px 14px rgba(0,0,0,.18));transform:none}.professionalContent{display:grid;gap:16px;grid-template-rows:auto auto 1fr auto auto;padding-top:16px}.professionalAction{align-items:center;display:flex;min-height:38px}.privateWorkNote{border:1px solid rgba(196,181,253,.12);border-radius:999px;color:var(--color-muted);display:inline-flex;font-size:.9rem;font-weight:700;padding:8px 11px}.projectCard{--project-accent: #2563eb;background:linear-gradient(135deg,color-mix(in srgb,var(--project-accent),transparent 88%),transparent 42%),linear-gradient(225deg,rgba(45,212,191,.05),transparent 32%),var(--color-surface);background-size:100% 100%;border:none;border-radius:8px;box-shadow:0 18px 48px #0000002e;display:grid;min-width:0;overflow:hidden;position:relative;transform-style:preserve-3d;transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease}.projectGrid .projectCard:nth-child(2n){background:linear-gradient(135deg,color-mix(in srgb,var(--project-accent),transparent 90%),transparent 44%),linear-gradient(225deg,rgba(192,132,252,.07),transparent 34%),var(--color-surface-soft);background-size:100% 100%}.projectGrid .projectCard:nth-child(2n) .projectContent{border-left:none}.projectGrid .projectCard:nth-child(odd) .projectMedia{border-bottom:none}.projectCard:before{background:var(--project-accent);content:"";height:3px;left:0;position:absolute;right:0;top:0}.projectCard:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);content:"";top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;transform:translate(-45%);transition:opacity .22s ease,transform .45s ease}.projectCard:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.projectCard:hover:after{opacity:1;transform:translate(45%)}.projectMedia{align-items:stretch;background:linear-gradient(135deg,rgba(124,58,237,.12),transparent 45%),#0f1324b8;display:flex;gap:10px;min-width:0;min-height:190px;overflow-x:auto;padding:10px;position:relative;scroll-padding:12px;scroll-snap-type:x mandatory;scrollbar-color:#9ca3af transparent;scrollbar-width:thin}.projectMedia:after{content:none}.projectMedia::-webkit-scrollbar{height:8px}.projectMedia::-webkit-scrollbar-track{background:transparent}.projectMedia::-webkit-scrollbar-thumb{background:#c4b5fd47;border-radius:999px}.projectShot{align-items:center;aspect-ratio:16 / 10;background:#0b1020;border:none;border-radius:6px;box-shadow:none;display:flex;flex:0 0 min(68%,400px);justify-content:center;min-width:0;overflow:hidden;scroll-snap-align:start;transition:border-color .22s ease,transform .22s ease;z-index:1}.projectPlaceholder{align-content:center;background:linear-gradient(135deg,rgba(167,139,250,.18),transparent 62%),#090b16d6;border:none;border-radius:6px;display:grid;flex:0 0 100%;gap:8px;padding:22px;scroll-snap-align:start;transition:border-color .22s ease,transform .22s ease;z-index:1}.projectPlaceholder span{color:var(--color-accent-dark);font-size:.78rem;font-weight:800;text-transform:uppercase}.projectPlaceholder strong{color:var(--color-heading);display:block;font-size:1.15rem;line-height:1.2}.projectPlaceholder p{color:var(--color-muted);font-size:.94rem;line-height:1.45;margin:0;max-width:420px;text-align:left}.projectShot img{background:#0b1020;height:100%;min-width:0;object-fit:contain;transition:filter .22s ease,transform .22s ease;width:100%}.projectCard:hover .projectShot,.projectCard:hover .projectPlaceholder{border-color:color-mix(in srgb,var(--project-accent),#ffffff 46%);transform:translateY(-2px)}.projectCard:hover .projectShot img{filter:saturate(1.12) contrast(1.04);transform:scale(1.015)}.projectContent{display:grid;gap:18px;padding:20px 18px 18px}.projectType{background:color-mix(in srgb,var(--project-accent),transparent 84%);border:1px solid color-mix(in srgb,var(--project-accent),transparent 72%);border-radius:999px;color:#f3e8ff;display:inline-flex;margin-bottom:9px;padding:5px 9px}.projectCard h2{color:var(--color-heading);font-size:1.25rem;line-height:1.2;margin:0;text-align:left}.projectSummary{color:var(--color-muted);font-size:.96rem;line-height:1.45;margin:10px 0 0;text-align:left}.projectProof h3{color:var(--color-heading);font-size:.95rem;margin:0 0 8px;text-align:left}.projectProof ul{display:grid;gap:7px;list-style:none;margin:0;padding:0}.projectProof li{color:var(--color-text);font-size:.92rem;line-height:1.4;padding-left:16px;position:relative;text-align:left}.projectProof li:before{background:var(--project-accent);border-radius:999px;content:"";height:6px;left:0;position:absolute;top:.62em;width:6px}.projectTech{display:flex;flex-wrap:wrap;gap:7px}.projectTech span{background:#a78bfa1f;border:1px solid rgba(196,181,253,.12);border-radius:999px;color:var(--color-text);font-size:.82rem;font-weight:700;padding:5px 8px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.projectTech span:hover{background:#c4b5fd2e;border-color:#e9d5ff61;transform:translateY(-1px)}.projectLink{align-items:center;background:#a78bfa2e;border:1px solid rgba(196,181,253,.16);border-radius:999px;color:#fff;display:inline-flex;font-size:.95rem;font-weight:800;gap:8px;justify-self:start;padding:9px 12px;text-decoration:none;transition:background .18s ease,transform .18s ease}.projectLink:hover,.projectLink:focus{background:var(--project-accent);color:#fff;text-decoration:none;transform:translateY(-2px)}.projectLink svg:last-child{transition:transform .18s ease}.projectLink:hover svg:last-child,.projectLink:focus svg:last-child{transform:translate(2px,-2px)}@keyframes projectFadeUp{0%{opacity:.45;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline: view()){.professionalCard,.projectCard{animation:scrollReveal both;animation-range:entry 8% cover 28%;animation-timeline:view()}}@media (max-width: 980px){.professionalWork,.projectGrid{grid-template-columns:1fr}.projectGrid .projectCard:nth-child(2n) .projectContent{border-left:none}}@media (max-width: 560px){.projectsPage{padding:24px 18px 34px}.professionalLogoPlate{min-height:0}.projectShot{flex-basis:80%}}.experiencePage{max-width:1180px;margin:0 auto;padding:28px 24px 42px}.experienceHero{max-width:820px}.experienceEyebrow,.experiencePeriod{color:var(--color-accent-dark);font-size:.78rem;font-weight:800;letter-spacing:0;margin:0 0 8px;text-align:left;text-transform:uppercase}.experienceHero h1{color:var(--color-heading);font-size:clamp(1.7rem,2.5vw,2.35rem);line-height:1;margin:0;text-align:left}.experienceHero p:not(.experienceEyebrow){color:var(--color-muted);font-size:1.05rem;line-height:1.5;margin:12px 0 0;text-align:left}.experienceTimeline{display:grid;gap:16px;margin-top:26px;position:relative}.experienceTimeline:before{background:linear-gradient(180deg,#2dd4bf00,#2dd4bfa6,#fbbf2494,#60a5fa94,#60a5fa00);border-radius:999px;bottom:40px;content:"";left:32px;position:absolute;top:28px;width:2px}.experienceStep{--experience-accent: var(--color-accent);background:linear-gradient(135deg,color-mix(in srgb,var(--experience-accent),transparent 84%),transparent 50%),#1216299e;border-radius:8px;display:grid;gap:20px;grid-template-columns:66px minmax(0,1fr);padding:20px 22px 20px 0;transition:box-shadow .2s ease,transform .2s ease}.experienceStep.accent-teal{--experience-accent: var(--color-success)}.experienceStep.accent-amber{--experience-accent: var(--color-amber)}.experienceStep.accent-blue{--experience-accent: var(--color-blue)}.experienceStep:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.experienceMarker{align-items:center;align-self:start;background:linear-gradient(135deg,var(--experience-accent),color-mix(in srgb,var(--experience-accent),#ffffff 28%));border-radius:999px;box-shadow:0 0 0 7px color-mix(in srgb,var(--experience-accent),transparent 86%);color:#fff;display:flex;height:42px;justify-content:center;justify-self:center;margin-top:2px;position:relative;width:42px;z-index:1}.experienceStepBody{min-width:0}.experienceStep h2{color:var(--color-heading);font-size:1.25rem;line-height:1.2;margin:0;text-align:left}.experienceOrg{color:var(--color-muted);font-size:.92rem;font-weight:700;margin:6px 0 10px;text-align:left}.experienceSummary{color:var(--color-text);font-size:1rem;line-height:1.45;margin:0;max-width:780px;text-align:left}.experienceStep ul{display:grid;gap:8px;list-style:none;margin:14px 0 0;padding:0}.experienceStep li{color:var(--color-muted);font-size:.95rem;line-height:1.42;padding-left:18px;position:relative;text-align:left}.experienceStep li:before{background:var(--experience-accent);border-radius:999px;content:"";height:6px;left:0;position:absolute;top:.65em;width:6px}.personalSection{display:grid;gap:18px;margin-top:30px}.personalSection h2{color:var(--color-heading);font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.15;margin:0;text-align:left}.personalGrid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.personalCard{background:#121629a3;border-radius:8px;min-height:160px;padding:18px}.personalCard svg{color:var(--color-success);font-size:1.35rem;margin-bottom:14px}.personalCard:nth-child(2) svg{color:var(--color-amber)}.personalCard:nth-child(3) svg{color:var(--color-blue)}.personalCard h3{color:var(--color-heading);font-size:1.05rem;margin:0 0 8px;text-align:left}.personalCard p{color:var(--color-muted);font-size:.94rem;line-height:1.42;margin:0;text-align:left}@supports (animation-timeline: view()){.experienceStep,.personalCard{animation:scrollReveal both;animation-range:entry 8% cover 32%;animation-timeline:view()}}@media (max-width: 900px){.personalGrid{grid-template-columns:1fr}}@media (max-width: 560px){.experiencePage{padding:24px 18px 36px}.experienceTimeline:before{left:21px}.experienceStep{grid-template-columns:44px minmax(0,1fr);padding-right:16px}.experienceMarker{height:34px;width:34px}}.toolkitPage{max-width:1180px;margin:0 auto;padding:28px 24px 40px}.toolkitHero{max-width:780px;padding-left:0}.toolkitEyebrow{color:var(--color-accent-dark);font-size:.78rem;font-weight:800;margin:0 0 8px;text-transform:uppercase}.toolkitHero h1{color:var(--color-heading);font-size:clamp(1.7rem,2.5vw,2.35rem);font-weight:700;line-height:1;margin:0;text-align:left}.toolkitHero p:not(.toolkitEyebrow){color:var(--color-muted);font-size:1.05rem;line-height:1.5;margin:12px 0 0;text-align:left}.toolkitGrid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.toolkitCard,.learningPanel,.appliedPanel{background:var(--color-surface);border:none;border-radius:8px;box-shadow:0 18px 48px #00000029}.toolkitCard{--toolkit-card-accent: var(--color-primary);align-items:stretch;background:linear-gradient(135deg,color-mix(in srgb,var(--toolkit-card-accent),transparent 82%),transparent 48%),var(--color-surface);display:grid;gap:16px;grid-template-columns:104px minmax(0,1fr);min-height:172px;min-width:0;overflow:hidden;padding:14px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.toolkitCard.accent-teal{--toolkit-card-accent: var(--color-success)}.toolkitCard.accent-blue{--toolkit-card-accent: var(--color-blue)}.toolkitCard.accent-amber{--toolkit-card-accent: var(--color-amber)}.toolkitCard.accent-purple{--toolkit-card-accent: var(--color-accent)}.toolkitCard:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.toolkitVisual{align-items:center;background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--toolkit-card-accent),#ffffff 24%,transparent 58%),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--toolkit-card-accent),transparent 72%),#2dd4bf14),#07081261;border-radius:8px;color:color-mix(in srgb,var(--toolkit-card-accent),#ffffff 28%);display:flex;font-size:1.85rem;justify-content:center;min-height:100%;position:relative;transition:color .2s ease,transform .2s ease}.toolkitVisual:after{background:color-mix(in srgb,var(--toolkit-card-accent),transparent 86%);border-radius:inherit;content:"";top:14px;right:14px;bottom:14px;left:14px;position:absolute;transform:rotate(8deg)}.toolkitVisual svg{position:relative;z-index:1}.toolkitCard:hover .toolkitVisual{color:color-mix(in srgb,var(--toolkit-card-accent),#ffffff 42%);transform:translateY(-2px)}.toolkitCardBody{align-content:center;display:grid;min-width:0}.toolkitCard h2{color:var(--color-heading);font-size:1.12rem;margin:0;text-align:left;overflow-wrap:anywhere}.toolkitCardBody p{color:var(--color-muted);font-size:.95rem;line-height:1.4;margin:8px 0 12px;text-align:left;overflow-wrap:anywhere}.toolList{display:flex;flex-wrap:wrap;gap:7px}.toolList span{color:color-mix(in srgb,var(--toolkit-card-accent),#ffffff 34%);font-size:.82rem;font-weight:800;line-height:1;padding-right:9px;position:relative;white-space:nowrap}.toolList span:not(:last-child):after{color:#ddd6fe6b;content:"/";position:absolute;right:0}.toolkitStory{display:grid;gap:22px;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);margin-top:16px}.learningPanel,.appliedPanel{padding:22px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.learningPanel:hover,.appliedPanel:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@supports (animation-timeline: view()){.toolkitCard,.learningPanel,.appliedPanel{animation:scrollReveal both;animation-range:entry 8% cover 30%;animation-timeline:view()}}.learningPanel{background:var(--color-surface-soft)}.learningPanel h2,.appliedPanel h2{color:var(--color-heading);font-size:1.35rem;line-height:1.2;margin:0 0 16px;text-align:left}.learningList{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.learningList article{border-top:none;padding-top:0}.learningList h3{color:var(--color-heading);font-size:1rem;margin:0 0 4px;text-align:left}.learningList p,.appliedPanel p,.appliedPanel li{color:var(--color-muted);font-size:.95rem;line-height:1.45;margin:0;text-align:left}.appliedPanel{background:linear-gradient(135deg,rgba(124,58,237,.24),transparent 55%),var(--color-surface-strong);border:none}.appliedPanel svg{color:#ddd6fe;font-size:1.25rem;margin-bottom:12px}.appliedPanel h2{color:#fff;margin-bottom:8px}.appliedPanel p,.appliedPanel li{color:#d1d5db}.appliedPanel ul{display:grid;gap:10px;list-style:none;margin:16px 0 0;padding:0}.appliedPanel li{align-items:center;border-top:none;display:flex;gap:9px;padding-top:0}.appliedPanel li svg{color:#c084fc;flex:0 0 auto;font-size:.72rem;margin:0}@media (max-width: 1050px){.toolkitGrid{grid-template-columns:1fr}}@media (max-width: 820px){.toolkitStory,.learningList{grid-template-columns:1fr}}@media (max-width: 560px){.toolkitPage{padding:24px 18px 34px}.toolkitGrid,.toolkitCard{grid-template-columns:1fr}.toolkitVisual{min-height:92px}}.contactFormWrap{width:100%}.contactForm{display:grid;gap:14px}.contactField{color:var(--color-heading);display:grid;font-size:.95rem;font-weight:800;gap:6px}.contactField input,.contactField textarea{background:#090b16b8;border:1px solid var(--color-line);border-radius:8px;color:var(--color-text);font:inherit;font-weight:500;margin:0;padding:10px 12px;width:100%}.contactField textarea{min-height:140px;resize:vertical}.contactField input:focus,.contactField textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #a78bfa2e;outline:none}.contactSubmit{background:linear-gradient(135deg,#7c3aed,#c084fc);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.98rem;font-weight:800;justify-self:start;padding:11px 16px}.contactSubmit:hover,.contactSubmit:focus{background:linear-gradient(135deg,#6d28d9,#a855f7)}.contactFormStatus{border-radius:8px;font-size:.95rem;font-weight:800;margin:0 0 14px;padding:10px 12px;text-align:left}.contactFormStatus.success{background:#d1fae5;color:#065f46}.contactFormStatus.error{background:#fee2e2;color:#991b1b}@media (max-width: 420px){.contactForm{overflow-x:auto}}.contactPage{max-width:1180px;margin:0 auto;padding:28px 24px 40px}.contactIntro{max-width:780px;padding-left:0}.contactEyebrow{color:var(--color-accent-dark);font-size:.78rem;font-weight:800;margin:0 0 8px;text-align:left;text-transform:uppercase}.contactIntro h1{color:var(--color-heading);font-size:clamp(1.7rem,2.5vw,2.35rem);font-weight:700;line-height:1;margin:0;text-align:left}.contactIntro p:not(.contactEyebrow){color:var(--color-muted);font-size:1.05rem;line-height:1.5;margin:12px 0 0;text-align:left}.contactLayout{display:grid;gap:22px;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);margin-top:24px}.contactDetails,.contactFormPanel{background:var(--color-surface);border:none;border-radius:8px;box-shadow:0 18px 48px #00000029;padding:20px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.contactDetails:hover,.contactFormPanel:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.contactDetails{align-self:start;background:linear-gradient(135deg,rgba(124,58,237,.24),transparent 55%),var(--color-surface-strong)}.contactDetails h2{color:#fff;font-size:1.2rem;line-height:1.2;margin:0 0 14px;text-align:left}.contactDetails a{border-top:1px solid rgba(255,255,255,.08);color:#fff;display:block;font-size:.95rem;font-weight:700;padding:12px 0;text-decoration:none}.contactDetails a:hover,.contactDetails a:focus{color:#e9d5ff;text-decoration:none;transform:translate(2px)}.contactDetails p{border-top:1px solid rgba(255,255,255,.08);color:#d1d5db;font-size:.92rem;line-height:1.45;margin:0;padding-top:12px;text-align:left}@media (max-width: 820px){.contactLayout{grid-template-columns:1fr}}@media (max-width: 560px){.contactPage{padding:24px 18px 34px}}.sidebarNav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,#070812f0,#0c0a1ae6);border-right:1px solid var(--color-line);box-sizing:border-box;display:flex;flex-direction:column;gap:16px;height:100vh;left:0;padding:12px;position:fixed;top:0;transition:width .2s ease,border-color .2s ease;width:var(--sidebar-width);z-index:1100}.sidebarNav.collapsed{width:var(--sidebar-collapsed-width)}.sidebarHeader{align-items:center;background:transparent;border:1px solid transparent;border-radius:6px;color:#cbd5e1;cursor:pointer;display:flex;gap:10px;height:42px;justify-content:flex-start;padding:0 8px;transition:background .18s ease,border-color .18s ease,color .18s ease;width:100%}.sidebarHeader:hover,.sidebarHeader:focus{border-color:#c084fc80;background:#a78bfa24;color:#fff}.brandMark,.navIcon{align-items:center;border-radius:6px;display:inline-flex;flex:0 0 auto;font-weight:800;justify-content:center}.brandMark{background:linear-gradient(135deg,#7c3aed,#c084fc);color:#fff;font-size:.78rem;height:36px;box-shadow:0 10px 26px #7c3aed47;width:36px}.brandText{color:#fff;font-size:1.02rem;font-weight:800;white-space:nowrap}.sidebarHeaderIcon{align-items:center;border-radius:999px;color:#94a3b8;display:inline-flex;height:24px;justify-content:center;margin-left:auto;width:24px}.sidebarHeaderIcon svg{height:11px;width:11px}.sidebarHeader:hover .sidebarHeaderIcon,.sidebarHeader:focus .sidebarHeaderIcon{background:#ffffff1f;color:#fff;transform:translate(-1px)}.sidebarLinks{display:grid;gap:4px}.sidebarLinks a{align-items:center;border-radius:6px;color:#cbd5e1;display:flex;gap:10px;min-height:42px;padding:0 10px;position:relative;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease;overflow:hidden}.sidebarLinks a:hover,.sidebarLinks a:focus{background:#ffffff14;color:#fff;text-decoration:none;transform:translate(2px)}.sidebarLinks a.active{background:linear-gradient(90deg,#a78bfa47,#a78bfa1f),#a78bfa29;box-shadow:inset 3px 0 0 var(--color-accent),0 10px 24px #7c3aed24;color:#fff}.navIcon{background:#ffffff14;color:inherit;font-size:.92rem;height:28px;transition:background .18s ease,color .18s ease,transform .18s ease;width:28px}.sidebarLinks a:hover .navIcon,.sidebarLinks a:focus .navIcon,.sidebarLinks a.active .navIcon{background:#e9d5ff2e;color:#fff;transform:scale(1.06)}.navLabel{font-size:1rem;font-weight:700;white-space:nowrap}.sidebarNav.collapsed{align-items:center;padding-left:12px;padding-right:12px}.sidebarNav.collapsed .sidebarHeader{justify-content:center;padding:0}.sidebarNav.collapsed .brandText,.sidebarNav.collapsed .navLabel,.sidebarNav.collapsed .brandMark{display:none}.sidebarNav.collapsed .sidebarHeaderIcon{margin-left:0}.sidebarNav.collapsed .sidebarLinks a{justify-content:center}@media (max-width: 760px){.sidebarNav,.sidebarNav.collapsed{border-bottom:1px solid rgba(255,255,255,.08);border-right:none;flex-direction:row;height:56px;padding:10px 14px;width:100%}.sidebarHeader{background:transparent;border:none;margin-right:auto;padding:0;width:auto}.sidebarLinks{display:flex;gap:2px}.brandText,.navLabel,.sidebarHeaderIcon{display:none}.sidebarLinks a{padding:0 4px}}.footer{align-items:center;background:transparent;border-top:1px solid rgba(196,181,253,.1);box-sizing:border-box;color:var(--color-muted);display:flex;font-size:.86rem;justify-content:space-between;margin-left:var(--sidebar-width);padding:14px 24px 18px;transition:margin-left .2s ease}.appContainer.sidebarCollapsed .footer{margin-left:var(--sidebar-collapsed-width)}.footer p{margin:0}.footerLinks{align-items:center;display:flex;gap:6px}.footerLinks a{border:1px solid transparent;border-radius:999px;color:var(--color-muted);font-weight:700;padding:5px 9px;text-decoration:none}.footerLinks a:hover,.footerLinks a:focus{background:#a78bfa1f;border-color:#c4b5fd33;color:var(--color-accent-dark);text-decoration:none}@media (max-width: 760px){.footer{margin-left:0}}@media (max-width: 520px){.footer{align-items:flex-start;flex-direction:column;gap:10px;padding-left:18px;padding-right:18px}}
