:root{--c-primary: #6750A4;--c-on-primary: #FFFFFF;--c-primary-container: #EADDFF;--c-on-primary-container: #21005D;--c-secondary: #625B71;--c-on-secondary: #FFFFFF;--c-secondary-container: #E8DEF8;--c-on-secondary-container:#1D192B;--c-tertiary: #7D5260;--c-on-tertiary: #FFFFFF;--c-tertiary-container: #FFD8E4;--c-on-tertiary-container: #31111D;--c-error: #B3261E;--c-bg: #FFFBFE;--c-on-bg: #1C1B1F;--c-surface: #FFFBFE;--c-on-surface: #1C1B1F;--c-surface-variant: #E7E0EC;--c-on-surface-variant: #49454F;--c-outline: #79747E;--c-outline-variant: #CAC4D0;--c-scl: #F7F2FA;--c-sc: #F3EDF7;--c-sch: #ECE6F0;--c-scmax: #E6E0E9;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 28px;--r-full: 9999px;--spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.2, 0, 0, 1)}@media (prefers-color-scheme: dark){:root{--c-primary: #D0BCFF;--c-on-primary: #381E72;--c-primary-container: #4F378B;--c-on-primary-container: #EADDFF;--c-secondary: #CCC2DC;--c-on-secondary: #332D41;--c-secondary-container: #4A4458;--c-on-secondary-container:#E8DEF8;--c-tertiary: #EFB8C8;--c-on-tertiary: #492532;--c-tertiary-container: #633B48;--c-on-tertiary-container: #FFD8E4;--c-error: #F2B8B5;--c-bg: #141218;--c-on-bg: #E6E1E5;--c-surface: #141218;--c-on-surface: #E6E1E5;--c-surface-variant: #49454F;--c-on-surface-variant: #CAC4D0;--c-outline: #938F99;--c-outline-variant: #49454F;--c-scl: #1D1B20;--c-sc: #211F26;--c-sch: #2B2930;--c-scmax: #36343B}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html{scroll-behavior:smooth}body{font-family:Noto Sans SC,system-ui,sans-serif;background:var(--c-bg);color:var(--c-on-bg);overflow-x:hidden;-webkit-font-smoothing:antialiased}.section{max-width:1120px;margin:0 auto;padding:88px 24px}.section--alt{background:var(--c-scl)}.section__eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--c-primary);background:var(--c-primary-container);padding:4px 12px;border-radius:var(--r-full);margin-bottom:12px}.section__title{font-size:clamp(26px,4vw,36px);font-weight:800;letter-spacing:-.5px;color:var(--c-on-surface);margin-bottom:8px;display:flex;align-items:center;gap:10px}.section__title-icon{font-size:1em;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}.section__sub{font-size:16px;color:var(--c-on-surface-variant);max-width:480px;margin-bottom:48px;line-height:1.6}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}@media (max-width: 640px){.section{padding:64px 20px}.stats-banner{grid-template-columns:1fr 1fr}.project-grid,.services-grid,.card-grid{grid-template-columns:1fr}.hero__bio{font-size:15px}.quote-block{padding:40px 28px}}.top-bar{position:fixed;inset:0 0 auto;z-index:200;height:64px;display:flex;align-items:center;padding:0 20px;transition:background .3s var(--ease-out),box-shadow .3s}.top-bar.raised{background:var(--c-sc);box-shadow:0 1px 0 var(--c-outline-variant)}.top-bar__logo{font-size:22px;font-weight:700;color:var(--c-on-surface);letter-spacing:-.5px;flex:1}.top-bar__logo span{color:var(--c-primary)}.top-bar__link{width:40px;height:40px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;color:var(--c-on-surface-variant);text-decoration:none;transition:background .2s,color .2s}.top-bar__link:hover{background:color-mix(in srgb,var(--c-primary) 10%,transparent);color:var(--c-primary)}.hero{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:104px 24px 80px;position:relative;overflow:hidden;text-align:center}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 10%,color-mix(in srgb,var(--c-primary-container) 60%,transparent) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 80% 80%,color-mix(in srgb,var(--c-tertiary-container) 50%,transparent) 0%,transparent 70%);animation:bgshift 12s ease-in-out infinite alternate;z-index:-1}.blob{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:-1}.blob-1{width:480px;height:480px;background:var(--c-primary-container);top:-160px;right:-160px;opacity:.35;animation:float1 10s ease-in-out infinite}.blob-2{width:320px;height:320px;background:var(--c-tertiary-container);bottom:-80px;left:-80px;opacity:.3;animation:float2 14s ease-in-out infinite}.avatar-ring{position:relative;width:152px;height:152px;margin-bottom:32px;animation:pop-in .9s var(--spring) both}.avatar-ring:before{content:"";position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(var(--c-primary),var(--c-tertiary),var(--c-secondary),var(--c-primary));animation:spin 6s linear infinite}.avatar-ring img{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;border:4px solid var(--c-bg);object-fit:cover}.hero__name{font-size:clamp(40px,8vw,64px);font-weight:900;line-height:1.1;letter-spacing:-1px;background:linear-gradient(135deg,var(--c-primary) 30%,var(--c-tertiary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:14px;animation:slide-up .7s .25s var(--spring) both}.hero__bio{font-size:17px;font-weight:400;color:var(--c-on-surface-variant);margin-bottom:36px;animation:slide-up .7s .45s var(--spring) both}.hero__bio .sep{margin:0 8px;opacity:.4}.hero__actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;animation:slide-up .7s .6s var(--spring) both}.hero__scroll{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--c-on-surface-variant);font-size:12px;animation:bounce 2.2s ease-in-out infinite;opacity:.6}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:var(--r-full);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;border:none;transition:transform .25s var(--spring),box-shadow .25s}.btn:hover{transform:scale(1.06) translateY(-2px)}.btn--filled{background:var(--c-primary);color:var(--c-on-primary);box-shadow:0 1px 2px #00000040,0 1px 3px 1px #0000001f}.btn--filled:hover{box-shadow:0 4px 8px #00000040,0 2px 6px #00000026}.btn--tonal{background:var(--c-secondary-container);color:var(--c-on-secondary-container)}.btn--tonal:hover{box-shadow:0 3px 8px #00000026}.btn--outlined{background:transparent;color:var(--c-primary);border:1.5px solid var(--c-outline)}.btn--outlined:hover{background:color-mix(in srgb,var(--c-primary) 8%,transparent)}.stats-banner{background:linear-gradient(135deg,var(--c-primary-container),var(--c-tertiary-container));border-radius:var(--r-xl);padding:40px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;text-align:center}.stat__num{font-size:40px;font-weight:900;letter-spacing:-1px;color:var(--c-on-primary-container);min-width:60px;display:inline-block}.stat__num.loading{position:relative;color:transparent!important;border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--c-on-primary-container) 15%,transparent) 25%,color-mix(in srgb,var(--c-on-primary-container) 30%,transparent),color-mix(in srgb,var(--c-on-primary-container) 15%,transparent) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.stat__num.loading *{visibility:hidden}.stat__label{font-size:13px;font-weight:500;color:var(--c-on-primary-container);opacity:.75;margin-top:4px}.card{background:var(--c-sc);border-radius:var(--r-xl);padding:32px;position:relative;overflow:hidden;transition:transform .35s var(--spring),box-shadow .3s;border:1px solid transparent}.card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,var(--c-primary),var(--c-tertiary))}.card:hover{transform:translateY(-7px) scale(1.01);box-shadow:0 10px 28px #0000001a,0 3px 8px #00000012;border-color:var(--c-outline-variant)}.card__icon{font-size:44px;margin-bottom:18px;display:block}.card__title{font-size:20px;font-weight:700;color:var(--c-on-surface);margin-bottom:12px}.card__body{font-size:15px;line-height:1.75;color:var(--c-on-surface-variant)}.card__body strong{color:var(--c-on-surface);font-weight:600}.quote-block{position:relative;background:linear-gradient(135deg,var(--c-primary-container) 0%,var(--c-secondary-container) 100%);border-radius:var(--r-xl);padding:56px 48px;text-align:center;margin-top:40px;overflow:hidden}.quote-block__mark{position:absolute;top:-30px;left:16px;font-size:180px;font-weight:900;line-height:1;color:var(--c-primary);opacity:.12;user-select:none;pointer-events:none}.quote-block__text{font-size:clamp(20px,3vw,28px);font-weight:800;letter-spacing:-.3px;color:var(--c-on-primary-container);position:relative;z-index:1}.chip-group{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--r-full);background:var(--c-sch);color:var(--c-on-surface);font-size:14px;font-weight:500;border:1.5px solid var(--c-outline-variant);transition:all .25s var(--spring);cursor:pointer;text-decoration:none}.chip:hover{transform:scale(1.08) translateY(-3px);background:var(--c-primary-container);color:var(--c-on-primary-container);border-color:var(--c-primary);box-shadow:0 4px 12px #6750a433}.chip img{width:18px;height:18px;border-radius:3px}.chip .chip-em{font-size:16px;line-height:1}.project-card{display:flex;flex-direction:column;background:var(--c-sc);border-radius:var(--r-xl);padding:32px;text-decoration:none;color:inherit;border:1.5px solid var(--c-outline-variant);position:relative;overflow:hidden;transition:all .35s var(--spring)}.project-card__shine{position:absolute;inset:0;background:linear-gradient(135deg,var(--c-primary-container),var(--c-secondary-container));opacity:0;transition:opacity .3s;z-index:0}.project-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--c-primary);box-shadow:0 14px 36px #00000021,0 4px 12px #00000017}.project-card:hover .project-card__shine{opacity:.55}.project-card__body{position:relative;z-index:1;flex:1}.project-card__icon{font-size:48px;margin-bottom:18px;display:block;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}.project-card__name{font-size:19px;font-weight:700;color:var(--c-on-surface);margin-bottom:8px}.project-card__desc{font-size:14px;line-height:1.65;color:var(--c-on-surface-variant);margin-bottom:20px}.project-card__stars{font-size:12px;font-weight:500;color:var(--c-tertiary);margin-bottom:8px}.service-card{display:flex;flex-direction:column;background:var(--c-sc);border-radius:var(--r-xl);padding:32px;text-decoration:none;color:inherit;border:1.5px solid var(--c-outline-variant);position:relative;overflow:hidden;transition:all .35s var(--spring)}.service-card__shine{position:absolute;inset:0;background:linear-gradient(135deg,var(--c-primary-container),var(--c-secondary-container));opacity:0;transition:opacity .3s;z-index:0}.service-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--c-primary);box-shadow:0 14px 36px #00000021,0 4px 12px #00000017}.service-card:hover .service-card__shine{opacity:.55}.service-card__body{position:relative;z-index:1;flex:1}.service-card__icon{font-size:48px;margin-bottom:18px;display:block;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}.service-card__name{font-size:19px;font-weight:700;color:var(--c-on-surface);margin-bottom:6px}.service-card__url{font-size:13px;font-weight:500;color:var(--c-primary);margin-bottom:10px;font-family:Courier New,monospace}.service-card__desc{font-size:14px;line-height:1.65;color:var(--c-on-surface-variant);margin-bottom:14px}.service-card__footer{position:relative;z-index:1;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--c-on-surface-variant);margin-top:16px;padding-top:16px;border-top:1px solid var(--c-outline-variant);transition:color .2s}.service-card:hover .service-card__footer{color:var(--c-primary)}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:3px 10px;border-radius:var(--r-full);font-size:12px;font-weight:500;background:var(--c-sch);color:var(--c-on-surface-variant);border:1px solid var(--c-outline-variant)}.social-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:52px}.social-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:var(--r-full);background:var(--c-sch);color:var(--c-on-surface);font-size:14px;font-weight:500;text-decoration:none;border:1.5px solid var(--c-outline-variant);transition:all .25s var(--spring)}.social-btn:hover{transform:scale(1.06) translateY(-2px);background:var(--c-primary);color:var(--c-on-primary);border-color:var(--c-primary);box-shadow:0 4px 14px color-mix(in srgb,var(--c-primary) 40%,transparent)}footer{background:var(--c-scmax);padding:48px 24px;text-align:center}.footer__main{font-size:20px;font-weight:700;color:var(--c-on-surface);margin-bottom:6px}.footer__quote{font-size:15px;color:var(--c-on-surface-variant);margin-bottom:16px}.footer__copy{font-size:12px;color:var(--c-outline)}.fab{position:fixed;bottom:28px;right:28px;width:56px;height:56px;border-radius:16px;background:var(--c-primary-container);color:var(--c-on-primary-container);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d;transition:all .3s var(--spring);z-index:100;opacity:0;transform:scale(.4) translateY(16px);pointer-events:none}.fab.show{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.fab:hover{transform:scale(1.12) translateY(-2px)!important;box-shadow:0 3px 8px #0003,0 2px 6px #0003}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:40px}.post-card{display:block;background:var(--c-sc);border-radius:var(--r-xl);padding:28px;text-decoration:none;color:inherit;border:1px solid var(--c-outline-variant);transition:transform .25s var(--spring),box-shadow .25s var(--ease-out),background .2s;position:relative;overflow:hidden}.post-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,var(--c-primary),var(--c-tertiary));opacity:0;transition:opacity .25s}.post-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px color-mix(in srgb,var(--c-primary) 15%,transparent);background:var(--c-sch)}.post-card:hover:after{opacity:1}.post-card__date{font-size:13px;color:var(--c-on-surface-variant);margin-bottom:12px;display:flex;align-items:center;gap:4px}.post-card__title{font-size:20px;font-weight:700;color:var(--c-on-surface);margin-bottom:10px;line-height:1.4}.post-card__excerpt{font-size:14px;color:var(--c-on-surface-variant);line-height:1.7;margin-bottom:24px}.post-card__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.post-card__tags{display:flex;flex-wrap:wrap;gap:6px}.post-card__read{font-size:13px;font-weight:600;color:var(--c-primary);display:flex;align-items:center;gap:2px}@keyframes bgshift{0%{opacity:1}to{opacity:.6}}@keyframes float1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,30px) scale(1.08)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(.92)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop-in{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-up{0%{transform:translateY(32px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.reveal{opacity:0;transform:translateY(36px);transition:opacity .65s var(--ease-out),transform .65s var(--spring)}.reveal.in{opacity:1;transform:none}