@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";.app-shell{position:relative;min-height:100vh;overflow:hidden}.app-chrome{position:relative;z-index:1;display:grid;gap:1.25rem;min-height:100vh;padding:1.4rem}.topbar-shell{position:sticky;top:1.4rem;z-index:3;display:flex;justify-content:center}.page-shell{min-width:0;width:min(1400px,100%);margin:0 auto}.page-content{display:grid;gap:1.5rem;align-content:start;min-height:calc(100vh - 2.8rem)}.topbar{display:inline-flex;align-items:center;justify-content:center;gap:.9rem;padding:.5rem;border-radius:999px;border:1px solid rgba(140,199,255,.34);background:#ffffffbd;box-shadow:0 16px 36px #0d213a14,inset 0 1px #ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar__link{display:inline-flex;align-items:center;justify-content:center;min-width:9.5rem;padding:.92rem 1.4rem;border-radius:999px;border:1px solid rgba(67,105,156,.14);background:#fffc;color:#183756;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:800;letter-spacing:.01em;text-decoration:none;box-shadow:0 10px 22px #132d4a0d,inset 0 1px #fffffff0;transition:transform .22s ease,box-shadow .22s ease,color .22s ease,background .22s ease}.topbar__link:hover{transform:translateY(-2px);box-shadow:0 14px 28px #132d4a1a,inset 0 1px #fffffffa}.topbar__link--active{border-color:#2e71dc33;background:linear-gradient(135deg,#2b69c9,#123a6d);color:#fff;box-shadow:0 16px 30px #112f572e,inset 0 1px #ffffff2e}.ambient-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 10% 8%,rgba(255,255,255,.94),transparent 20%),radial-gradient(circle at 84% 10%,rgba(125,197,255,.28),transparent 24%),radial-gradient(circle at 74% 88%,rgba(255,173,123,.22),transparent 28%),radial-gradient(circle at 16% 82%,rgba(96,165,250,.16),transparent 24%),linear-gradient(180deg,#f8fbff,#edf5ff 42%,#f5f9ff)}.ambient-background__mesh{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;opacity:.7;background:linear-gradient(120deg,rgba(255,255,255,.4),transparent 36%),linear-gradient(300deg,rgba(76,126,203,.08),transparent 50%);filter:blur(18px)}.ambient-background__orb{position:absolute;border-radius:999px;filter:blur(90px);opacity:.88;animation:float-orb 18s ease-in-out infinite alternate}.ambient-background__orb--one{top:6%;right:8%;width:26rem;height:26rem;background:#8bc9ff47}.ambient-background__orb--two{bottom:10%;left:6%;width:24rem;height:24rem;background:#ffb5852e;animation-duration:20s}.ambient-background__orb--three{top:38%;left:42%;width:18rem;height:18rem;background:#aeddff2e;animation-duration:15s}.tone-silver{--accent-line: #2b69c9;--accent-soft: #92d2ff;--accent-wash: rgba(78, 154, 255, .18);--accent-shadow: rgba(43, 105, 201, .14);--button-start: #2b69c9;--button-end: #123a6d;--chip-bg: linear-gradient(135deg, rgba(43, 105, 201, .12), rgba(146, 210, 255, .24));--chip-text: #164572;--chip-border: rgba(63, 125, 205, .18)}.tone-sand{--accent-line: #d96d31;--accent-soft: #ffc58d;--accent-wash: rgba(255, 160, 99, .18);--accent-shadow: rgba(217, 109, 49, .14);--button-start: #d96d31;--button-end: #7a3518;--chip-bg: linear-gradient(135deg, rgba(217, 109, 49, .12), rgba(255, 197, 141, .24));--chip-text: #7c391b;--chip-border: rgba(217, 109, 49, .18)}.tone-sky{--accent-line: #1d68d8;--accent-soft: #7ac9ff;--accent-wash: rgba(82, 150, 255, .18);--accent-shadow: rgba(29, 104, 216, .14);--button-start: #1d68d8;--button-end: #0f3970;--chip-bg: linear-gradient(135deg, rgba(29, 104, 216, .12), rgba(122, 201, 255, .24));--chip-text: #154376;--chip-border: rgba(29, 104, 216, .18)}.tone-mint{--accent-line: #118a7a;--accent-soft: #7ee6d6;--accent-wash: rgba(65, 202, 179, .16);--accent-shadow: rgba(17, 138, 122, .12);--button-start: #118a7a;--button-end: #0a4a43;--chip-bg: linear-gradient(135deg, rgba(17, 138, 122, .12), rgba(126, 230, 214, .24));--chip-text: #0d584f;--chip-border: rgba(17, 138, 122, .18)}.tone-blush{--accent-line: #d35170;--accent-soft: #ffb8c6;--accent-wash: rgba(243, 107, 141, .16);--accent-shadow: rgba(211, 81, 112, .14);--button-start: #d35170;--button-end: #7a2339;--chip-bg: linear-gradient(135deg, rgba(211, 81, 112, .12), rgba(255, 184, 198, .24));--chip-text: #7b2740;--chip-border: rgba(211, 81, 112, .18)}.tone-ice{--accent-line: #4a65bb;--accent-soft: #b7cbff;--accent-wash: rgba(120, 146, 255, .16);--accent-shadow: rgba(74, 101, 187, .12);--button-start: #4a65bb;--button-end: #273b7c;--chip-bg: linear-gradient(135deg, rgba(74, 101, 187, .12), rgba(183, 203, 255, .24));--chip-text: #30488b;--chip-border: rgba(74, 101, 187, .18)}.metal-panel,.metal-inset{--radius: 30px;position:relative;overflow:hidden;border:1px solid transparent;border-radius:var(--radius);background:linear-gradient(180deg,#fffffffb,#fffffffe) padding-box,linear-gradient(135deg,rgba(255,255,255,.92) 0%,var(--accent-soft) 38%,var(--accent-line) 100%) border-box;box-shadow:0 26px 60px #0d213a14,0 10px 24px var(--accent-shadow),inset 0 1px #fffffff5;transition:box-shadow .22s ease,border-color .22s ease}.metal-panel:before,.metal-inset:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--accent-wash),transparent 34%),radial-gradient(circle at 100% 0%,rgba(255,184,132,.16),transparent 28%),radial-gradient(circle at 0% 100%,rgba(126,202,255,.14),transparent 24%);pointer-events:none}.metal-panel:after,.metal-inset:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffffc7;pointer-events:none}.metal-panel>*,.metal-inset>*{position:relative;z-index:1}.metal-panel:hover,.metal-inset:hover{box-shadow:0 30px 72px #0d213a1c,0 14px 30px var(--accent-shadow),inset 0 1px #fff}.sidebar{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1rem;min-height:calc(100vh - 2.8rem);padding:1.45rem;border-radius:34px;border:1px solid rgba(140,199,255,.22);background:linear-gradient(180deg,#09172af7,#0c2742f5 52%,#123a5ff2);box-shadow:0 34px 70px #050e1b52,inset 0 1px #ffffff1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 16% 12%,rgba(123,195,255,.22),transparent 30%),radial-gradient(circle at 88% 86%,rgba(255,160,109,.16),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 32%);pointer-events:none}.sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff14;pointer-events:none}.sidebar>*{position:relative;z-index:1}.sidebar__brand{display:flex;align-items:center;gap:.95rem}.sidebar__brand-mark{display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:20px;background:linear-gradient(135deg,#2d71dc,#ff9760);box-shadow:0 18px 34px #040b1747,inset 0 1px #ffffff42;color:#fff}.card-icon,.spotlight-card__icon,.blog-card__icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:18px;background:linear-gradient(135deg,var(--accent-line),var(--accent-soft));box-shadow:0 14px 24px var(--accent-shadow),inset 0 1px #ffffff3d;color:#fff}.sidebar__feature-icon{display:grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:18px;background:linear-gradient(135deg,#2e71dcf2,#ff9760f2);box-shadow:0 14px 26px #050e1b33,inset 0 1px #ffffff3d;color:#fff}.eyebrow,.sidebar__link-index,.project-card__stat,.metal-chip,.metal-button,.sidebar__feature-title{font-family:Manrope,sans-serif}.eyebrow{display:inline-flex;margin:0;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#58759a}.sidebar .eyebrow{color:#9fd2ff}.sidebar__title,.hero-title,.panel-title,.section-heading h2,.project-card h3,.blog-hero h1,.article-hero h1,.featured-article h2,.blog-card h2,.article-section h2,.article-empty h1,.spotlight-card h3,.skill-card h3{margin:0;font-family:Fraunces,serif;font-weight:700;line-height:.96;letter-spacing:-.035em;color:#10233a}.sidebar__title{font-size:clamp(1.9rem,3vw,2.3rem);color:#f7fbff}.sidebar__title span{color:#91d0ff}.sidebar__intro,.hero-text,.section-copy,.spotlight-card p,.spotlight-footer strong,.skill-card p,.project-card p,.project-card__tagline,.blog-hero p,.featured-article p,.blog-card__body p,.sidebar__link-copy span{margin:0;font-family:Manrope,sans-serif;color:#556b81;line-height:1.72}.sidebar__intro,.sidebar__link-copy span{color:#bed4e9}.sidebar__nav{display:grid;gap:.85rem}.sidebar__link{--radius: 24px;position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;padding:1rem;border-radius:var(--radius);border:1px solid rgba(165,204,237,.14);background:linear-gradient(180deg,#ffffff17,#ffffff0d);color:#eef6ff;text-decoration:none;box-shadow:inset 0 1px #ffffff14;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.sidebar__link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(109,180,255,.16),transparent 45%),radial-gradient(circle at 100% 0%,rgba(255,158,98,.14),transparent 28%);opacity:0;transition:opacity .22s ease}.sidebar__link>*{position:relative;z-index:1}.sidebar__link:hover,.sidebar__link--active{transform:translateY(-2px);border-color:#b2d9f738;box-shadow:0 18px 32px #06122238,inset 0 1px #ffffff1f}.sidebar__link:hover:before,.sidebar__link--active:before{opacity:1}.sidebar__link-index{min-width:2rem;font-size:.8rem;font-weight:800;color:#94caf8}.sidebar__link-copy{display:grid;gap:.24rem}.sidebar__link-copy strong,.sidebar__feature-title,.sidebar__feature strong{font-family:Manrope,sans-serif}.sidebar__link-copy strong{font-size:1rem;font-weight:700;color:#fff}.sidebar__chips,.chip-row,.project-card__tags{display:flex;flex-wrap:wrap;gap:.75rem}.metal-chip{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.72rem 1rem;border-radius:999px;border:1px solid var(--chip-border, rgba(34, 71, 116, .14));background:var(--chip-bg, linear-gradient(135deg, rgba(43, 105, 201, .12), rgba(146, 210, 255, .24)));color:var(--chip-text, #164572);font-size:.84rem;font-weight:800;letter-spacing:.01em;box-shadow:0 12px 24px #132d4a12,inset 0 1px #ffffffdb;transition:transform .22s ease,box-shadow .22s ease}.metal-chip:hover{transform:translateY(-2px);box-shadow:0 16px 28px #132d4a1c,inset 0 1px #ffffffeb}.sidebar__chip{background:linear-gradient(180deg,#ffffff1f,#ffffff12);color:#eef7ff;border-color:#a5cced29;box-shadow:inset 0 1px #ffffff14}.sidebar__chip:hover{box-shadow:0 12px 24px #0612222e,inset 0 1px #ffffff14}.metal-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-width:12rem;padding:1rem 1.4rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,var(--button-start, #2b69c9),var(--button-end, #123a6d));color:#fff;font-size:.9rem;font-weight:800;text-decoration:none;box-shadow:0 18px 34px #112f572e,0 8px 18px var(--accent-shadow, rgba(43, 105, 201, .14)),inset 0 1px #ffffff2e;transition:transform .22s ease,box-shadow .22s ease}.metal-button:hover{transform:translateY(-2px);box-shadow:0 22px 40px #112f5738,0 12px 24px var(--accent-shadow, rgba(43, 105, 201, .16)),inset 0 1px #ffffff38}.metal-button--ghost{background:#fffffffa;color:#10233a;border:1px solid rgba(67,105,156,.18);box-shadow:0 12px 24px #0d213a14,inset 0 1px #fff}.metal-button--ghost:hover{box-shadow:0 16px 28px #0d213a1a,inset 0 1px #fff}.sidebar__feature,.hero-proof-card,.spotlight-card,.spotlight-footer,.blog-card__badge{--radius: 24px;padding:1rem}.sidebar__feature{position:relative;display:grid;grid-template-columns:auto 1fr;gap:.85rem;margin-top:auto;border-radius:24px;border:1px solid rgba(165,204,237,.16);background:linear-gradient(180deg,#ffffff1f,#ffffff12);box-shadow:inset 0 1px #ffffff14}.sidebar__feature:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 0% 0%,rgba(124,198,255,.16),transparent 26%),radial-gradient(circle at 100% 100%,rgba(255,155,103,.14),transparent 32%);pointer-events:none}.sidebar__feature>*{position:relative;z-index:1}.sidebar__feature-title{display:block;margin-bottom:.24rem;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9fd2ff}.sidebar__feature strong{margin:0;color:#fff;line-height:1.68}.hero-grid,.blog-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.82fr);gap:1.5rem}.hero-side{display:grid}.hero-panel,.spotlight-panel,.blog-hero,.featured-article,.skill-card,.project-card,.blog-card{--radius: 32px;padding:1.7rem}.hero-panel,.spotlight-panel,.blog-hero,.featured-article{display:flex;flex-direction:column;gap:1rem}.hero-panel:before,.blog-hero:before,.featured-article:before{background:radial-gradient(circle at 12% 8%,rgba(103,177,255,.22),transparent 26%),radial-gradient(circle at 96% 0%,rgba(255,177,122,.2),transparent 24%),linear-gradient(180deg,#eef6ffeb,#fff0 42%),radial-gradient(circle at 76% 88%,rgba(255,201,164,.12),transparent 24%)}.spotlight-panel:before,.skill-card:before,.project-card:before,.blog-card:before{background:linear-gradient(180deg,var(--accent-wash),transparent 30%),radial-gradient(circle at 90% 8%,rgba(255,190,145,.14),transparent 24%),radial-gradient(circle at 0% 100%,rgba(145,211,255,.1),transparent 22%)}.hero-panel{min-height:31.5rem}.hero-panel__layout,.featured-article__layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:1.2rem;align-items:stretch}.hero-copy{display:grid;gap:.95rem}.hero-title{max-width:10ch;font-size:clamp(3.3rem,6vw,5.5rem)}.hero-text{max-width:40rem;font-size:1.04rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem}.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:auto}.hero-proof-card{display:grid;gap:.34rem}.hero-proof-card strong{font-family:Manrope,sans-serif;font-size:1.1rem;font-weight:800;color:#10233a}.hero-proof-card small{font-family:Manrope,sans-serif;color:#5d7286;line-height:1.45}.panel-title{font-size:clamp(2rem,4vw,3rem)}.spotlight-list,.blog-grid{display:grid;gap:1rem}.spotlight-card{display:grid;grid-template-columns:auto 1fr;gap:.85rem}.spotlight-card h3,.skill-card h3{margin:0 0 .3rem;font-size:1.26rem}.spotlight-footer{display:grid;gap:.35rem}.section-block{display:grid;gap:1rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;padding:0 .2rem}.section-heading h2,.blog-hero h1,.article-hero h1{font-size:clamp(2.5rem,5vw,4rem)}.section-copy{max-width:33rem}.card-grid,.project-grid,.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.project-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-card,.project-card,.blog-card{display:flex;flex-direction:column;gap:1rem}.skill-card{min-height:17rem}.skill-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.skill-card__badge{margin-left:auto}.project-card{min-height:18rem}.project-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.project-card__stat{padding-top:.4rem;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#5a7494;white-space:nowrap}.project-card h3,.featured-article h2,.blog-card h2{font-size:clamp(1.85rem,3vw,2.4rem)}.project-card__footer{margin-top:auto}.project-card__tagline{font-weight:700;color:#1a3652}.featured-article__meta,.blog-card__meta,.blog-card__stats,.blog-card__footer{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap}.featured-article__meta span:last-child,.blog-card__meta>span{font-family:Manrope,sans-serif;font-size:.88rem;color:#70839a}.featured-article__body,.blog-card__body{display:grid;gap:.75rem}.article-empty h1{font-size:clamp(2rem,4vw,3rem)}.article-section h2{font-size:clamp(1.6rem,3vw,2.1rem)}.featured-article__highlights{display:grid;gap:.8rem;align-content:start}.feature-list,.article-list{display:grid;gap:.8rem;margin:0;padding-left:1.15rem;color:#32506d;line-height:1.65}.blog-card__category{display:inline-flex;align-items:center;gap:.65rem;font-family:Manrope,sans-serif;font-weight:700;color:var(--chip-text, #164572)}.blog-card__badge{display:inline-flex;align-items:center;gap:.45rem;font-family:Manrope,sans-serif;font-size:.85rem;color:var(--chip-text, #164572);border:1px solid var(--chip-border, rgba(63, 125, 205, .18));background:var(--chip-bg, linear-gradient(135deg, rgba(43, 105, 201, .12), rgba(146, 210, 255, .24)));box-shadow:0 10px 22px #132d4a0f,inset 0 1px #ffffffd6}.blog-card__title-link,.article-link,.article-back{text-decoration:none;color:inherit}.blog-card__title-link h2{transition:color .2s ease}.blog-card__title-link:hover h2{color:#1d68d8}.blog-card__read{min-width:auto;padding:.86rem 1.15rem}.article-page{gap:1.25rem}.article-empty,.article-hero{display:grid;gap:1rem}.article-empty{max-width:52rem}.article-empty p,.article-hero__summary,.article-section p,.article-link span{margin:0;color:#556b81;line-height:1.74}.article-back{display:inline-flex;align-items:center;gap:.5rem;font-family:Manrope,sans-serif;font-weight:700;color:#1c4c80}.article-hero__meta{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;color:#698198;font-size:.92rem}.article-hero__title{display:flex;gap:.9rem;align-items:flex-start}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;align-items:start}.article-main,.article-sidebar{display:grid;gap:1rem}.article-section,.article-summary{display:grid;gap:.9rem}.article-links{display:grid;gap:.8rem}.article-link{display:grid;gap:.2rem;padding:.9rem 1rem;border-radius:20px;border:1px solid rgba(67,105,156,.16);background:#ffffffc2;box-shadow:inset 0 1px #ffffffe6}.article-link strong{font-family:Manrope,sans-serif;font-size:.98rem;color:#183756}.article-link:hover{border-color:#1d68d838}@keyframes float-orb{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(1.25rem,-1.25rem,0) scale(1.05)}}@media (max-width: 1180px){.hero-grid,.blog-layout,.featured-article__layout,.article-layout{grid-template-columns:1fr}}@media (max-width: 980px){.app-chrome{padding:1rem}.topbar-shell{position:static}.page-content{min-height:auto}}@media (max-width: 760px){.card-grid,.project-grid,.blog-grid,.hero-proof{grid-template-columns:1fr}.section-heading,.project-card__header,.blog-card__meta,.blog-card__stats,.blog-card__footer,.featured-article__meta,.article-hero__meta,.article-hero__title{flex-direction:column;align-items:flex-start}.sidebar,.hero-panel,.spotlight-panel,.blog-hero,.featured-article,.skill-card,.project-card,.blog-card{--radius: 25px;padding:1.3rem}.hero-title{max-width:none;font-size:clamp(2.8rem,12vw,4rem)}.topbar{width:100%;flex-direction:column;border-radius:28px}.topbar__link{width:100%}}@media (prefers-reduced-motion: reduce){.ambient-background__orb,.sidebar__link,.metal-button,.metal-chip,.metal-panel,.metal-inset{animation:none;transition:none}}:root{font-family:Manrope,sans-serif;line-height:1.5;font-weight:400;color:#12233a;background-color:#f3f8ff;--text: #10243c;--muted: #51657b;--accent: #2e6fba;--accent-strong: #123c72;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;color:var(--text);background:#f3f8ff}a{color:inherit}button,input,textarea,select{font:inherit}#root{width:100%;min-height:100vh}