.banner[data-astro-cid-kggsjsm4]{--banner-height: clamp(30rem, 50vh, 42rem);--banner-wave-bg: var(--color-bg);--banner-wave-height: clamp(6rem, 11vw, 8.8rem);--banner-cover-speed: .38;--banner-cover-reveal: 0px;--banner-media-shift: 0px;--banner-video-filter: none;--banner-fill-drop: 1px;--banner-overlay-start: rgba(248, 254, 255, .08);--banner-overlay-end: rgba(248, 254, 255, .68);position:relative;width:100%;min-height:var(--banner-height);margin:0;overflow:hidden;isolation:isolate;border-radius:0 0 32px 32px;background:linear-gradient(180deg,#ccffffd6,#f8fefffa 58%,#e6fafffa);box-shadow:0 20px 42px #709fb01f}.banner[data-astro-cid-kggsjsm4][data-banner-mode=background]{--banner-fill-drop: 25rem;--banner-media-shift: 5rem;--banner-video-filter: brightness(.72) saturate(.9) contrast(1.05)}.banner__inner[data-astro-cid-kggsjsm4]{position:relative;width:100%;min-height:var(--banner-height);overflow:hidden}.banner__media[data-astro-cid-kggsjsm4]{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center calc(50% + var(--banner-media-shift));transform:scale(1.01);transform-origin:center center;filter:var(--banner-video-filter);background:linear-gradient(180deg,#ccffffa3,#f8fefff0 60%,#e6fafffa);pointer-events:none}.banner__media[data-astro-cid-kggsjsm4]::-webkit-media-controls{display:none!important}.banner__overlay[data-astro-cid-kggsjsm4]{position:absolute;inset:0;z-index:2;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:linear-gradient(180deg,var(--banner-overlay-start) 0%,rgba(248,254,255,.12) 58%,var(--banner-overlay-end) 100%),radial-gradient(circle at 18% 18%,rgba(255,214,232,.18),transparent 24%),radial-gradient(circle at 82% 12%,rgba(255,244,204,.2),transparent 18%)}.banner[data-astro-cid-kggsjsm4][data-banner-mode=background] .banner__overlay[data-astro-cid-kggsjsm4]{background:linear-gradient(180deg,#ccffff0d,#f8feff14 58%,#e6faff47),radial-gradient(circle at 18% 18%,rgba(255,214,232,.08),transparent 24%),radial-gradient(circle at 82% 12%,rgba(255,244,204,.1),transparent 18%)}.banner__waves[data-astro-cid-kggsjsm4]{position:absolute;right:0;bottom:-1px;left:0;z-index:4;width:100%;height:var(--banner-wave-height);overflow:visible;pointer-events:none}.banner__surface[data-astro-cid-kggsjsm4]{position:absolute;top:calc(var(--banner-fill-drop) - var(--banner-cover-reveal));right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none}.banner__surface-fill[data-astro-cid-kggsjsm4]{position:absolute;inset:var(--banner-wave-height) 0 0 0;background:var(--banner-wave-bg)}.banner[data-astro-cid-kggsjsm4][data-banner-mode=background] .banner__waves[data-astro-cid-kggsjsm4]{inset:0 0 auto;z-index:4}.banner__waves-svg[data-astro-cid-kggsjsm4]{display:block;width:100%;height:100%}.banner__wave-layer[data-astro-cid-kggsjsm4]{fill:var(--banner-wave-bg);animation-name:banner-wave;animation-timing-function:linear;animation-iteration-count:infinite;transform-origin:center bottom;will-change:transform}.banner__wave-layer--1[data-astro-cid-kggsjsm4]{opacity:.24;animation-duration:7s}.banner__wave-layer--2[data-astro-cid-kggsjsm4]{opacity:.42;animation-duration:10s;animation-delay:-1s}.banner__wave-layer--3[data-astro-cid-kggsjsm4]{opacity:.68;animation-duration:13s;animation-delay:-2s}.banner__wave-layer--4[data-astro-cid-kggsjsm4]{opacity:1;animation-duration:20s;animation-delay:-3s}@keyframes banner-wave{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@media(max-width:720px){.banner[data-astro-cid-kggsjsm4]{min-height:24rem;border-radius:0 0 24px 24px}}@media(prefers-reduced-motion:reduce){.banner__wave-layer[data-astro-cid-kggsjsm4]{transition:none;animation:none}}.home{position:relative;z-index:5;display:grid;gap:clamp(2.75rem,5vw,4.75rem);width:min(1360px,calc(100% - 2rem));margin:0 auto;padding:clamp(7rem,18vh,10rem) 0 4.5rem;isolation:isolate}body.home-page{--color-bg: #E6FFFB}body.home-page[data-banner-mode=background] main.home{padding:clamp(7rem,18vh,10rem) 0 4.5rem}.home-section{position:relative;z-index:1}.home-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(20rem,26rem);gap:clamp(1.25rem,3vw,2.5rem);align-items:center;width:min(1180px,100%);min-height:clamp(32rem,62svh,40rem);margin:0 auto}.home-card{position:relative;overflow:hidden;border:1px solid rgba(204,255,255,.5);border-radius:1.5rem;background:#ffffffb3;box-shadow:0 8px 32px #66cccc1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.home-card:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(135deg,rgba(204,255,255,.22),transparent 48%);opacity:0;transition:opacity .5s ease;pointer-events:none}.home-card>*{position:relative;z-index:1}.home-card:hover:before{opacity:1}.home-reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease,border-color .3s ease,background-color .3s ease,box-shadow .3s ease;transition-delay:var(--reveal-delay, 0ms)}.home-reveal.is-visible{opacity:1;transform:translateY(0)}.home-card.home-reveal:hover{transform:translateY(-5px);border-color:#6cc9;box-shadow:0 20px 40px #6cc3}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.section-heading--center{display:grid;justify-items:center;text-align:center}.section-heading--left{display:grid;justify-items:start;margin-bottom:.9rem}.section-heading h2,.recent-card__header h2,.project-feature-card h3,.project-more-card h3,.blog-entry-card h3{color:#1a2b3c}.section-kicker{margin:0 0 .45rem;color:#6cc;font-size:.82rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.text-link,.blog-card-link,.project-more-card__button{display:inline-flex;align-items:center;gap:.45rem;color:#6cc;font-size:.9rem;font-weight:700;text-decoration:none;transition:color .22s ease,transform .22s ease}.text-link:hover,.blog-card-link:hover,.project-more-card__button:hover{color:#399}.text-link:hover span,.blog-card-link:hover span,.project-more-card__button:hover span{transform:translate(.2rem)}.text-link span,.blog-card-link span,.project-more-card__button span{transition:transform .22s ease}.profile-card{display:grid;gap:clamp(1.35rem,2.4vw,1.9rem);align-content:center}.profile-copy{display:grid;gap:clamp(1.35rem,2.5vw,2rem);max-width:36rem}.profile-heading{display:grid;gap:.42rem}.profile-kicker{margin:0;color:#6cc;font-size:.9rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.profile-name{margin:0;color:#071522;font-size:clamp(64px,8vw,6.8rem);font-weight:800;line-height:.96;letter-spacing:1px;text-shadow:0 4px 20px rgba(0,0,0,.3)}.profile-role{margin:0;color:#142832b3;font-size:1.2rem;font-weight:400;text-shadow:0 1px 3px rgba(0,0,0,.15)}.profile-intro{display:grid;gap:.35rem}.profile-intro p{margin:0;color:#4a5a6a;font-size:1.05rem;line-height:1.75;text-shadow:0 1px 3px rgba(0,0,0,.15)}.profile-tags{display:flex;flex-wrap:wrap;gap:.65rem}.profile-tags{margin-top:.1rem}.profile-tags span{display:inline-flex;align-items:center;padding:.48rem .95rem;border-radius:999px;background:linear-gradient(135deg,#6cc,#99e6e6);color:#1a6666;font-size:.86rem;font-weight:700;box-shadow:0 10px 20px #66cccc29;transition:transform .3s ease,box-shadow .3s ease}.profile-tags span:hover{transform:translateY(-5px);box-shadow:0 20px 40px #6cc3}.profile-contacts{display:grid;gap:.55rem;padding-top:.1rem}.profile-contact{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin:0;color:#4a5a6a;font-size:.95rem}.profile-contact span{color:#7a8a9a}.profile-contact__copy{padding:0;border:0;background:transparent;color:#1a2b3c;font:inherit;cursor:pointer;transition:color .18s ease,opacity .18s ease}.profile-contact__copy:hover,.profile-contact__copy.is-copied{color:#6cc}.profile-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:-.25rem}.profile-action{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:1px solid rgba(204,255,255,.5);border-radius:.85rem;background:#ffffffb3;box-shadow:0 8px 32px #66cccc1a;text-decoration:none;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease}.profile-action:hover{transform:translateY(-5px);background:#cff6;box-shadow:0 20px 40px #6cc3}.profile-action-image{width:1.3rem;height:1.3rem;object-fit:contain}.profile-action-image.is-leetcode{transform:translate(-.12rem)}.recent-card{display:grid;align-self:center;gap:1.45rem;margin-top:clamp(3rem,9vh,6.5rem);padding:clamp(1.35rem,2.4vw,2rem);border-color:#99e6e6ad;border-radius:1.75rem;box-shadow:0 20px 40px #0000001f,0 0 34px #ccffff47}.moments-card{gap:1rem;margin-top:0;padding:clamp(1.15rem,2vw,1.65rem)}.recent-card__avatar{display:flex;align-items:center;gap:1rem}.recent-card__avatar-frame{width:4rem;height:4rem;flex:0 0 auto;padding:.12rem;border-radius:1rem;background:linear-gradient(135deg,#cff,#99e6e6,#6cc)}.recent-card__avatar-image{width:100%;height:100%;border-radius:.9rem;object-fit:cover}.recent-card__avatar p{margin:0 0 .2rem;color:#1a2b3c;font-weight:700;line-height:1.45}.recent-card__avatar span{color:#7a8a9a;font-size:.85rem}.moments-card .recent-card__avatar{gap:.85rem}.moments-card .recent-card__avatar-frame{width:3.55rem;height:3.55rem}.recent-card__header{display:flex;align-items:end;justify-content:space-between;gap:1rem}.recent-card__header h2{margin:0;font-size:clamp(1.6rem,3vw,2rem)}.moments-card .recent-card__header{align-items:center}.recent-list{display:grid;gap:1rem}.moments-list{gap:.62rem}.recent-item{display:grid;gap:.45rem;padding:1rem;border:1px solid rgba(204,255,255,.3);border-radius:1.2rem;background:#ffffff80;color:inherit;text-decoration:none;transition:transform .3s ease,border-color .3s ease,background-color .3s ease,box-shadow .3s ease}.recent-item:hover{transform:translateY(-2px);border-color:#66cccc80;background:#ccffff4d;box-shadow:0 16px 30px #66cccc1f}.moment-item{display:block;padding:.72rem .82rem;border-radius:1rem}.moment-item p{display:-webkit-box;margin:0;overflow:hidden;color:#334656;font-size:.92rem;line-height:1.58;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.recent-item__meta,.blog-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;color:#7a8a9a;font-size:.85rem;font-weight:700}.recent-item__meta{justify-content:space-between}.recent-item__meta strong{padding:.22rem .55rem;border-radius:999px;background:#ccffff80;color:#399;font-size:.72rem}.recent-item__body{display:grid;gap:.25rem}.recent-item__body strong,.blog-entry-card h3{color:#1a2b3c;line-height:1.45;transition:color .3s ease}.recent-item:hover .recent-item__body strong,.blog-entry-card:hover h3,.project-feature-card:hover h3,.quick-nav-tile:hover strong{color:#6cc}.recent-item__body p,.project-feature-card p,.project-more-card p,.blog-entry-card p,.quick-nav-copy,.quick-nav-tile__body p{margin:0;color:#4a5a6a;line-height:1.68}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.05rem;margin:0}.stat-card{display:flex;align-items:center;gap:1rem;min-height:8.6rem;padding:1.4rem;border-radius:1.25rem}.stat-card dt{display:flex;align-items:center;gap:1rem;margin:0;color:#7a8a9a;font-size:.86rem}.stat-card dd{margin:.2rem 0 0;color:#1a2b3c;font-size:2rem;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.stat-card dd small{margin-left:.25rem;color:#6cc;font-size:1rem}.stat-card__icon,.project-feature-card__icon,.project-more-card__icon,.quick-nav-thumb{display:inline-grid;place-items:center;border-radius:.9rem;background:linear-gradient(135deg,#6cc,#99e6e6);color:#fff;box-shadow:0 12px 24px #6cc3}.stat-card__icon{width:3.5rem;height:3.5rem;flex:0 0 auto;font-size:1.05rem;font-weight:800}.project-showcase-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(18rem,1fr);gap:1.05rem}.project-feature-card,.project-more-card{display:grid;align-content:space-between;padding:clamp(1.35rem,2.4vw,2rem)}.project-feature-card{min-height:20rem;border-radius:1.75rem;background:linear-gradient(135deg,#66cccc29,#99e6e624),#ffffffb3}.project-feature-card__meta,.project-feature-card__actions,.project-more-card__header,.quick-nav-tile__top{display:flex;align-items:center;gap:.9rem}.project-feature-card__meta{justify-content:space-between}.project-feature-card__meta span:first-child{display:inline-flex;padding:.35rem .8rem;border-radius:999px;background:#ccffff80;color:#399;font-size:.82rem;font-weight:700}.project-feature-card__type{display:inline-flex;align-items:center;justify-content:center;padding:.42rem .86rem;border:1px solid rgba(102,204,204,.28);border-radius:999px;background:#ffffff9e;color:#1a6666;font-size:.76rem;font-weight:900;letter-spacing:.08em;line-height:1.1;text-transform:uppercase;box-shadow:0 10px 20px #66cccc1f}.project-feature-card__icon,.project-more-card__icon{width:3rem;height:3rem;font-size:.78rem;font-weight:800;letter-spacing:.04em}.project-feature-card h3{margin:0 0 .75rem;font-size:clamp(1.6rem,3vw,2rem)}.project-feature-card__keywords{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.project-feature-card__keywords span{display:inline-flex;align-items:center;padding:.32rem .72rem;border:1px solid rgba(153,230,230,.46);border-radius:999px;background:#ffffffad;color:#247474;font-size:.78rem;font-weight:800;line-height:1.2}.project-feature-card__actions{flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.8rem 1.2rem;border-radius:.9rem;font-weight:800;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.button:hover{transform:translateY(-2px)}.button-primary{border:1px solid transparent;background:linear-gradient(135deg,#6cc,#99e6e6);color:#1a6666;box-shadow:0 14px 28px #66cccc2e}.button-primary:hover{color:#1a6666;box-shadow:0 18px 34px #66cccc4d}.button-secondary{border:1px solid rgba(204,255,255,.5);background:#ffffffb3;color:#4a5a6a}.button-secondary:hover{color:#1a2b3c;background:#cff6}.project-more-card{min-height:20rem;gap:1rem}.project-more-card__header{align-items:flex-start}.project-more-card__header h3{margin:0;font-size:1.35rem}.project-more-card__list{display:grid;gap:.7rem}.project-more-card__item{display:flex;align-items:center;gap:.7rem;padding:.75rem .85rem;border-radius:.9rem;background:#cff3;color:#4a5a6a;text-decoration:none;transition:color .24s ease,background-color .24s ease}.project-more-card__item:hover{background:#cff6;color:#1a2b3c}.project-more-card__empty{padding:.9rem 1rem;border:1px dashed rgba(153,230,230,.58);border-radius:1rem;background:#ffffff6b;font-size:.92rem}.blog-showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(19rem,100%),1fr));gap:.9rem}.blog-entry-card{display:grid;align-content:space-between;gap:.75rem;min-height:10.4rem;padding:clamp(1rem,1.6vw,1.35rem);border-radius:1.35rem;background:linear-gradient(135deg,rgba(204,255,255,.24),transparent 50%,rgba(153,230,230,.16)),#ffffffb8}.blog-entry-card__copy{display:grid;gap:.42rem}.blog-entry-card h3{margin:0;font-size:clamp(1.22rem,1.8vw,1.48rem);line-height:1.25}.blog-entry-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.blog-card-link{width:fit-content}.latest-comments-card{display:grid;gap:1.25rem;padding:clamp(1.35rem,2.4vw,2rem);border-radius:1.75rem;background:linear-gradient(135deg,rgba(204,255,255,.22),transparent 48%,rgba(153,230,230,.14)),#ffffffb8;box-shadow:0 18px 42px #00000014,0 0 30px #ccffff38}.latest-comments-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.latest-comments-card__header h2{margin:0;color:#1a2b3c;font-size:clamp(1.6rem,3vw,2rem)}.latest-comments-copy{max-width:42rem;margin:.55rem 0 0;color:#4a5a6a;line-height:1.68}.latest-comments-card__action{flex:0 0 auto}.latest-comments-status,.latest-comments-empty{padding:1rem 1.1rem;border:1px solid rgba(153,230,230,.36);border-radius:1.15rem;background:#ffffffa3;color:#4a5a6a;line-height:1.65}.latest-comments-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.latest-comment-item{display:grid;gap:.9rem;min-height:11.5rem;padding:1rem;border:1px solid rgba(204,255,255,.36);border-radius:1.2rem;background:#ffffff94;color:inherit;text-decoration:none;transition:transform .3s ease,border-color .3s ease,background-color .3s ease,box-shadow .3s ease}.latest-comment-item:hover{transform:translateY(-3px);border-color:#66cccc85;background:#ccffff4d;box-shadow:0 16px 32px #66cccc24}.latest-comment-item__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem}.latest-comment-item__author{display:flex;align-items:center;gap:.75rem;min-width:0}.latest-comment-item__avatar{width:2.65rem;height:2.65rem;flex:0 0 auto;border-radius:999px;object-fit:cover;box-shadow:0 10px 20px #0000001a}.latest-comment-item__author-copy{display:grid;gap:.12rem;min-width:0}.latest-comment-item__author-copy strong{color:#1a2b3c;font-size:.95rem;line-height:1.25}.latest-comment-item__author-copy span{color:#7a8a9a;font-size:.78rem;font-weight:700;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latest-comment-item__time{flex:0 0 auto;color:#7a8a9a;font-size:.78rem;font-weight:800;white-space:nowrap}.latest-comment-item__body{display:grid;gap:.75rem;align-content:space-between}.latest-comment-item__body p{margin:0;color:#4a5a6a;font-size:.92rem;line-height:1.68}.latest-comment-item__tag{display:inline-flex;width:fit-content;padding:.24rem .62rem;border-radius:999px;background:#ccffff73;color:#399;font-size:.74rem;font-weight:800}.quick-nav-card{display:grid;gap:.9rem}.quick-nav-copy{max-width:40rem}.quick-nav-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;margin-top:.6rem}.quick-nav-tile{display:grid;gap:.8rem;min-height:11rem;padding:1.15rem;border-radius:1.25rem;text-decoration:none}.quick-nav-tile__top{align-items:flex-start}.quick-nav-thumb{width:2.65rem;height:2.65rem;flex:0 0 auto;overflow:hidden;font-size:.82rem;font-weight:900}.quick-nav-thumb img{width:100%;height:100%;padding:.45rem;object-fit:contain}.quick-nav-tile__head{display:grid;gap:.15rem;min-width:0}.quick-nav-tile__head strong{color:#1a2b3c;font-size:.98rem;line-height:1.25;transition:color .3s ease}.quick-nav-tile__head small{color:#7a8a9a;font-size:.72rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-nav-tile__body p{font-size:.86rem}.quick-nav-thumb.is-pink{background:linear-gradient(135deg,#f7b2d0,#ffd6e8)}.quick-nav-thumb.is-sky{background:linear-gradient(135deg,#5dade2,#99e6ff)}.quick-nav-thumb.is-yellow{background:linear-gradient(135deg,#f39c12,#fff4cc)}@media(max-width:1180px){.quick-nav-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.home-hero,.project-showcase-grid,.blog-showcase-grid,.latest-comments-list{grid-template-columns:1fr}.home-hero{min-height:0}.recent-card{align-self:stretch;margin-top:0}}@media(max-width:720px){.home{width:min(44rem,calc(100% - 1rem));gap:3.1rem;padding-top:8rem}.home-card.home-reveal:hover,.profile-tags span:hover,.profile-action:hover{transform:translateY(-2px)}.section-heading,.section-heading--split,.recent-card__header,.latest-comments-card__header{display:grid;justify-items:start}.profile-name{font-size:clamp(3rem,17vw,4.35rem)}.profile-role{font-size:1rem}.recent-card,.project-feature-card,.project-more-card,.blog-entry-card,.latest-comments-card{padding:1.1rem}.stats-grid,.quick-nav-grid{grid-template-columns:1fr}.stat-card{min-height:7.4rem}.project-feature-card__actions{display:grid;grid-template-columns:1fr}.button{width:100%}}@media(prefers-reduced-motion:reduce){.home-reveal,.home-card,.profile-tags span,.profile-action,.recent-item,.button,.text-link span,.blog-card-link span,.project-more-card__button span{transition:none}.home-reveal{opacity:1;transform:none}}