@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-display: "Space Grotesk", "Inter", Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-body: "Inter", Segoe UI, Roboto, Helvetica, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-family:var(--font-body);font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-width:320px;background:#f5f6f9;color:#0f172a}a{color:inherit;text-decoration:none}#root{min-height:100vh}:root{--bg: #f5f6f9;--bg2: #eef0f6;--card: rgba(255, 255, 255, .92);--card2: #ffffff;--ink: #0f172a;--ink2: rgba(15, 23, 42, .78);--muted: rgba(15, 23, 42, .6);--border: rgba(15, 23, 42, .1);--border2: rgba(15, 23, 42, .14);--lav: #6d5efc;--lav2: #a9a3ff;--slate: #0b1220;--shadow-sm: 0 10px 30px rgba(17, 24, 39, .08);--shadow-md: 0 18px 50px rgba(17, 24, 39, .12);--r-xl: 24px;--r-lg: 18px;--r-md: 14px;--container: 1140px;--text-xs: 11px;--text-sm: 12px;--text-md: 13px;--text-base: 15px;--text-lg: 18px;--text-xl: 22px}.page{min-height:100vh;position:relative;color:var(--ink);background-image:linear-gradient(180deg,#fffffffa,#a9a3ff9e 3%,#ebebfafa 100%,#6d5efc29),url(/images/imagebackground.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.bgGrid{position:fixed;inset:0;pointer-events:none;opacity:.55;background-image:linear-gradient(to right,rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(15,23,42,.04) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(900px 520px at 30% 10%,#000,#0000);mask-image:radial-gradient(900px 520px at 30% 10%,#000,#0000)}.container{width:min(var(--container),100%);margin:0 auto;padding:26px 18px 88px;position:relative;z-index:1}.mono{font-family:var(--font-mono)}.topbar{position:sticky;top:0;z-index:30;background:#f5f6f9cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbarInner{width:min(var(--container),100%);margin:0 auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:grid;gap:4px}.brand .name{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;font-size:16px;color:var(--slate)}.brand .kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#0f172a94}.nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.nav a{font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.02em;color:#0f172aad}.nav a:hover{color:#0f172af2;text-decoration:underline;text-underline-offset:4px}.hero{margin-top:18px;border:1px solid var(--border);border-radius:var(--r-xl);background:linear-gradient(180deg,#ffffffeb,#ffffffbd);box-shadow:var(--shadow-md);overflow:hidden;display:grid;grid-template-columns:1.12fr .88fr}.heroLeft{padding:28px 28px 22px;position:relative}.heroLeft:before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:linear-gradient(180deg,#6d5efcbf,#a9a3ff59)}.heroInner{padding-left:12px}.heroBadge{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:8px 12px;border:1px solid var(--border);background:#ffffffb8;color:#0f172abd;font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase}.hero h1{margin:14px 0 10px;font-family:var(--font-display);font-weight:700;letter-spacing:-.035em;font-size:52px;line-height:1.03;color:var(--slate)}.hero h1 .accent{color:var(--lav);position:relative}.hero h1 .accent:after{content:"";position:absolute;left:0;bottom:6px;height:10px;width:100%;background:#6d5efc2e;z-index:-1;border-radius:10px}.hero p{margin:0;color:var(--ink2);font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;max-width:76ch;letter-spacing:.01em}.ctaRow{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.ctaPrimary,.ctaGhost{border-radius:999px;padding:11px 16px;font-size:13px;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center}.ctaPrimary{background:linear-gradient(180deg,#6d5efceb,#6d5efcc7);color:#fff;border:1px solid rgba(109,94,252,.35);box-shadow:0 16px 36px #11182724}.ctaPrimary:hover{transform:translateY(-1px)}.ctaGhost{background:#ffffffc7;border:1px solid var(--border);color:#0f172ad1}.ctaGhost:hover{border-color:#6d5efc47}.heroMetaRow{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metaCard{border:1px solid var(--border);border-radius:var(--r-lg);background:#ffffffbd;padding:14px}.metaTop{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#0f172a8f}.metaBot{margin-top:7px;font-family:var(--font-mono);font-size:13px;color:#0f172adb;line-height:1.35;letter-spacing:.05em}.heroRight{border-left:1px solid var(--border);background:radial-gradient(520px 380px at 60% 10%,rgba(169,163,255,.18),transparent 60%),#ffffff8c;padding:18px;display:flex;align-items:center;justify-content:center}.carouselCard{width:100%;max-width:520px;border-radius:24px;border:1px solid rgba(109,94,252,.2);background:linear-gradient(135deg,#fffffffa,#ffffffeb);box-shadow:0 24px 56px #6d5efc1f,0 12px 28px #11182714,inset 0 1px #fffc;overflow:hidden;position:relative}.carouselCard:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6d5efccc,#a9a3ff99);z-index:2}.carouselCard:after{content:"";position:absolute;inset:12px;border:1px solid rgba(109,94,252,.08);border-radius:20px;pointer-events:none;z-index:1}.carouselImageContainer{position:relative;width:100%;height:420px;background:linear-gradient(135deg,#f5f6f980,#eef0f6b3)}.carouselImagePrev{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;padding:20px;animation:slideOutToLeft 1s cubic-bezier(.16,1,.3,1) forwards}.carouselImageCurrent{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;padding:20px;animation:slideInFromRight 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutToLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}.carouselCounter{position:absolute;top:18px;right:18px;background:#0f172ae0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fffffff2;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.1em;padding:8px 14px;border-radius:999px;z-index:3;box-shadow:0 4px 12px #11182733}.carouselProgress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#0f172a14;z-index:3}.carouselProgressBar{height:100%;background:linear-gradient(90deg,#6d5efce6,#a9a3ffcc);transition:width .9s ease;box-shadow:0 0 8px #6d5efc66}.mosaic{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mosaicTile{border-radius:var(--r-lg);border:1px solid var(--border);background:#fffc;box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:transform .16s ease,border-color .16s ease;animation:fadeInScale .8s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mosaicTile:before{content:"";position:absolute;inset:10px;border:1px solid rgba(15,23,42,.1);border-radius:14px;pointer-events:none}.mosaicTile img{width:100%;height:156px;object-fit:cover;display:block;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mosaicTile:hover{transform:translateY(-2px);border-color:#6d5efc40}.section{margin-top:80px}.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;background:#ffffffd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--r-lg);padding:10px 18px;opacity:.8}.sectionHead h2{margin:0;font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--slate)}.sectionRule{display:none}.filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.chip{border-radius:999px;padding:8px 11px;font-size:12px;font-family:var(--font-body);font-weight:700;letter-spacing:.01em;color:#0f172ac2;border:1px solid var(--border);background:#ffffffc2;cursor:pointer}.chip:hover{border-color:#6d5efc3d}.chip.active{border-color:#6d5efc66;background:#6d5efc1a}.featuredGrid,.grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto auto auto;gap:16px;align-items:start}.featuredGrid{margin-bottom:16px}.card{border:1px solid var(--border);border-radius:var(--r-xl);background:#ffffffe0;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;display:grid;grid-row:span 6;grid-template-rows:subgrid}.card:hover{transform:translateY(-2px);border-color:#6d5efc38;box-shadow:var(--shadow-md)}.thumb{position:relative;height:176px;background:#fff;overflow:hidden;border-radius:var(--r-xl) var(--r-xl) 0 0}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumbFrame{position:absolute;inset:12px;border:1px solid rgba(15,23,42,.12);border-radius:16px;pointer-events:none}.thumbOverlay{position:absolute;inset:0;padding:14px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;background:linear-gradient(to bottom,#000000a6,#00000073 35%,#00000040 60%,#0000008c)}.thumbTopline{display:flex;align-items:center;justify-content:space-between;gap:10px}.thumbKicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.3)}.thumbChip{font-family:var(--font-mono);font-size:11px;padding:6px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.2)}.thumbTitle{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;color:#fffffffa;line-height:1.18;font-size:16px;max-width:52ch;text-shadow:0 2px 4px rgba(0,0,0,.4)}.thumbNote{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:#0f172a80;opacity:.95}.cardBody{padding:18px;display:grid;grid-row:span 5;grid-template-rows:subgrid;align-content:start;gap:0}.cardTop{display:flex;align-items:center;justify-content:space-between;gap:12px}.cardMeta{display:inline-flex;align-items:center;gap:8px;color:#0f172a99;font-size:12px;font-family:var(--font-body)}.org{color:#0f172ae6;font-weight:800;letter-spacing:.01em}.dot{opacity:.55}.linkBtn{border-radius:999px;padding:8px 12px;background:#ffffffd1;border:1px solid rgba(15,23,42,.12);color:#0f172ac7;cursor:pointer;font-family:var(--font-body);font-weight:800;letter-spacing:.01em}.linkBtn:hover{border-color:#6d5efc40}.cardSkillsTop{margin-top:18px;padding-top:12px;display:flex;flex-wrap:wrap;gap:8px;align-content:start}.skillChipSmall{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:7px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#6d5efc14;color:#0f172acc}.cardKeyBullets{margin:24px 0;padding:12px;border:1px solid rgba(15,23,42,.1);border-radius:16px;background:#ffffffc2;align-self:start}.kvRow{display:grid;grid-template-columns:160px 1fr;gap:10px;padding:8px;border-radius:12px}.kvRow+.kvRow{border-top:1px solid rgba(15,23,42,.08)}.kvK{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#0f172a9e}.kvV{font-family:var(--font-body);font-size:12.8px;line-height:1.55;color:#0f172ac7}.summaryCard{margin:24px 0 0;padding:14px 16px;background:#f5f6f9cc;border:1px solid var(--border);border-radius:14px;align-self:start}.summary{margin:0;color:#0f172ac2;font-family:var(--font-body);font-size:13.5px;line-height:1.65;letter-spacing:.01em}.tagRow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0;padding:12px 0 0;align-self:start}.tag{font-size:11px;padding:7px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#ffffffc7;color:#0f172ab8;font-family:var(--font-body);font-weight:700;letter-spacing:.01em}.highlights{display:flex;flex-wrap:wrap;gap:8px}.hl{font-size:11px;padding:7px 10px;border-radius:12px;border:1px solid rgba(109,94,252,.22);background:#6d5efc14;color:#0f172acc;font-family:var(--font-body);font-weight:700;letter-spacing:.01em}.skillsIntro{border:1px solid var(--border);border-radius:var(--r-xl);background:#ffffffd1;box-shadow:var(--shadow-sm);padding:16px;display:grid;gap:6px;margin-bottom:14px}.skillsKicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#0f172a8f}.skillsText{font-family:var(--font-body);font-size:13.5px;line-height:1.65;color:#0f172ac2;letter-spacing:.01em}.skillsGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;border:1px solid var(--border2);border-radius:var(--r-lg);overflow:hidden;background:#ffffffdb;box-shadow:var(--shadow-sm)}.skillCard{display:flex;flex-direction:column;padding:22px 22px 20px;border-right:1px solid var(--border2);border-bottom:1px solid var(--border2);position:relative;background:transparent;transition:background .18s ease}.skillCard:nth-child(3n){border-right:none}.skillCard:nth-last-child(-n+3){border-bottom:none}.skillCard:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--lav),var(--lav2));opacity:0;transition:opacity .18s ease}.skillCard:hover{background:#6d5efc06}.skillCard:hover:before{opacity:1}.skillTop{flex-shrink:0;margin-bottom:14px}.skillSub{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.skillTitle{font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:-.02em;color:var(--ink);line-height:1.25;padding-bottom:12px;border-bottom:1px solid var(--border2)}.skillList{flex:1;margin:0;padding-left:0;list-style:none;color:var(--ink);font-family:var(--font-body);font-size:var(--text-md);line-height:1.65;letter-spacing:.01em}.skillList li{margin:7px 0;padding-left:14px;position:relative}.skillList li:before{content:"·";position:absolute;left:0;color:var(--ink2);font-size:18px;line-height:1.1}.about,.contact{border:1px solid var(--border);border-radius:var(--r-xl);background:#ffffffdb;box-shadow:var(--shadow-sm)}.about{padding:18px}.about p{margin:0;color:#0f172ac2;font-family:var(--font-body);line-height:1.7;letter-spacing:.01em}.about p+p{margin-top:12px}.contact{overflow:hidden}.contactRow{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.08)}.contactRow:last-of-type{border-bottom:none}.label{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#0f172a94}.value{color:#0f172ad6;font-family:var(--font-body);font-size:13px;letter-spacing:.01em}.note{padding:12px 16px 16px;color:#0f172a94;font-family:var(--font-body);font-size:12px;letter-spacing:.01em}.footer{margin-top:30px;display:flex;justify-content:space-between;gap:12px;color:#0f172a94;font-family:var(--font-body);font-size:12px;letter-spacing:.01em}.muted{color:#0f172a94}.modalHint{margin-top:10px}.modalBackdrop{position:fixed;inset:0;z-index:60;background:linear-gradient(135deg,#ffffff05,#a9a3ff1f 90%,#6d5efc29);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:clamp(12px,3vh,24px);display:grid;place-items:center}.modal{width:min(1100px,100%);max-height:calc(100vh - clamp(24px,6vh,48px));border-radius:28px;border:1px solid rgba(15,23,42,.12);background:linear-gradient(135deg,#fffffffa,#fffffff5);box-shadow:0 24px 72px #11182729,0 12px 32px #1118271f,inset 0 1px #fffc;overflow:hidden;display:flex;flex-direction:column;position:relative}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6d5efccc,#a9a3ff99);z-index:10}.modalHeader{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 20px;border-bottom:1px solid rgba(15,23,42,.1);background:linear-gradient(180deg,#fffffffa,#fffffff2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modalCover{width:100%;height:200px;border-radius:12px;overflow:hidden;margin-bottom:8px;background:linear-gradient(135deg,#6d5efc14,#a9a3ff14)}.modalCover img{width:100%;height:100%;object-fit:cover}.modalTitle{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;color:#0f172aeb;font-size:18px;flex:1}.xBtn{border-radius:12px;padding:9px 11px;background:#ffffffe6;border:1px solid rgba(15,23,42,.12);color:#0f172ac7;cursor:pointer;font-family:var(--font-body);font-weight:900;transition:all .3s ease}.xBtn:hover{border-color:#6d5efc59;background:#6d5efc14;color:var(--lav)}.modalBody{flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:20px 20px 24px}.modalSplit{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.modalCol{min-width:0}.modalMeta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px;color:#0f172a94;font-family:var(--font-body);font-size:12px;letter-spacing:.01em}.modalSummary{margin:0 0 16px;color:#0f172ac7;font-family:var(--font-body);line-height:1.7;letter-spacing:.01em}.miniTitle{margin:16px 0 10px;font-family:var(--font-display);letter-spacing:-.01em;color:#0f172ae6;font-size:16px}.bullets{margin:0;padding-left:18px;color:#0f172ad1;font-family:var(--font-body);letter-spacing:.01em}.bullets li{margin:10px 0;color:#0f172ac2;line-height:1.65}.skillRow{display:flex;flex-wrap:wrap;gap:8px}.skillChip{font-family:var(--font-mono);font-size:11px;padding:7px 11px;border-radius:999px;border:1px solid rgba(109,94,252,.15);background:#6d5efc14;color:#0f172ac7;transition:all .3s ease}.skillChip:hover{background:#6d5efc1f;border-color:#6d5efc40}.mediaGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mediaTile{border-radius:var(--r-lg);border:1px solid rgba(109,94,252,.12);overflow:hidden;background:linear-gradient(135deg,#fffffff2,#f5f6f9fa);position:relative;box-shadow:0 6px 18px #6d5efc14,0 2px 6px #1118270f;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.mediaTile:hover{box-shadow:0 12px 32px #6d5efc29,0 4px 12px #1118271a;transform:translateY(-4px);border-color:#6d5efc40}.mediaTile:before{content:"";position:absolute;inset:10px;border:1px solid rgba(109,94,252,.06);border-radius:12px;pointer-events:none;z-index:1}.mediaTile img{width:100%;height:200px;object-fit:contain;display:block;background:linear-gradient(135deg,#f5f6f999,#eef0f6cc);padding:12px;transition:transform .3s ease}.mediaTile:hover img{transform:scale(1.03)}@media(max-width:1040px){.modalSplit{grid-template-columns:1fr}}@media(max-width:520px){.modalBackdrop{padding:12px}.modal{border-radius:20px}.mediaGrid{grid-template-columns:1fr}.mediaTile img{height:180px}}@media(max-width:1040px){.skillsGrid{grid-template-columns:repeat(2,1fr)}.skillCard:nth-child(3n){border-right:1px solid var(--border2)}.skillCard:nth-child(2n){border-right:none}.skillCard:nth-last-child(-n+3){border-bottom:1px solid var(--border2)}.skillCard:nth-last-child(-n+2){border-bottom:none}.skillCard:last-child{border-bottom:none;border-right:none}.modalSplit{grid-template-columns:1fr}}@media(max-width:900px){.hero{grid-template-columns:1fr}.heroRight{border-left:none;border-top:1px solid var(--border)}.carouselImageContainer{height:360px}.featuredGrid,.grid{grid-template-columns:1fr;grid-template-rows:auto}.card{display:flex;flex-direction:column;grid-row:unset;overflow:hidden}.cardBody{display:block;grid-row:unset}.hero h1{font-size:42px}}@media(max-width:520px){.heroMetaRow,.kvRow{grid-template-columns:1fr}.cardKeyBullets{padding:10px}.carouselCard{max-width:100%}.carouselImageContainer{height:280px}.carouselImagePrev,.carouselImageCurrent{padding:16px}.mosaicTile img{height:140px}.skillsGrid{grid-template-columns:1fr}.skillCard,.skillCard:nth-child(3n),.skillCard:nth-child(2n),.skillCard:nth-last-child(-n+3),.skillCard:nth-last-child(-n+2){border-right:none;border-bottom:1px solid var(--border2)}.skillCard:last-child{border-bottom:none}.thumb{height:160px}}