:root{color:#1f2937;background:#f7fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:linear-gradient(180deg,#f7fbff,#eef8ff 43%,#f7fff7)}button,a{font:inherit}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;overflow-x:hidden}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 5vw;border-bottom:1px solid rgba(45,75,105,.1);background:#f8fcffc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 28px #2f46600f}.brand{display:inline-flex;align-items:center;gap:10px;color:#172033;font-weight:800}.brand-mark{display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid rgba(47,128,237,.18);background:linear-gradient(135deg,#ffdf6e,#72e6bd 46%,#7cc7ff);color:#172033;font-size:.78rem;border-radius:8px;box-shadow:0 10px 22px #2f80ed2e}.site-header nav{display:flex;align-items:center;gap:8px}.site-header nav a{min-height:36px;display:inline-flex;align-items:center;padding:0 13px;border-radius:8px;color:#4d5d72;font-size:.95rem;font-weight:700;transition:background .18s ease,color .18s ease,transform .18s ease}.site-header nav a:hover{background:#2f80ed1a;color:#1769c2;transform:translateY(-1px)}.hero{position:relative;min-height:88svh;display:flex;align-items:center;padding:116px 5vw 78px;background-image:linear-gradient(90deg,#f7fbfffa,#f7fbffe6 38%,#f7fbff6b 70%,#f7fbff1f),linear-gradient(180deg,#f7fbff0f,#f7fbfff5),var(--hero-image);background-position:center right;background-size:cover;isolation:isolate}.hero:after{content:"";position:absolute;inset:auto 0 0;height:36%;pointer-events:none;background:linear-gradient(transparent,#f7fbff),repeating-linear-gradient(90deg,rgba(47,128,237,.08) 0 1px,transparent 1px 92px);opacity:.56;z-index:-1}.hero-content{width:min(760px,100%)}.eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border:1px solid rgba(47,128,237,.28);border-radius:8px;background:#ffffffb8;color:#1769c2;font-size:.86rem;font-weight:800;box-shadow:0 12px 28px #2f80ed14}.hero h1{margin:24px 0 0;color:#172033;font-size:5.2rem;line-height:.96;letter-spacing:0}.hero-role{margin:18px 0 0;color:#e46d3f;font-size:1.05rem;font-weight:800}.hero-copy{max-width:720px;margin:22px 0 0;color:#243044;font-size:1.5rem;line-height:1.52;font-weight:850}.hero-intro{max-width:680px;margin:14px 0 0;color:#526174;font-size:1.02rem;line-height:1.82}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px}.primary-action,.icon-action,.icon-link{border:0;cursor:pointer}.primary-action{min-height:48px;display:inline-flex;align-items:center;gap:10px;padding:0 19px;border-radius:8px;background:#172033;color:#fff;font-weight:850;box-shadow:0 16px 34px #1720332e;transition:transform .18s ease,background .18s ease}.primary-action:hover{transform:translateY(-2px);background:#2f80ed}.icon-action{width:48px;height:48px;display:inline-grid;place-items:center;border:1px solid rgba(47,128,237,.22);border-radius:8px;background:#ffffffc2;color:#1769c2;box-shadow:0 16px 30px #2f80ed1a}.icon-action:hover,.icon-link:hover{background:#2f80ed1f;border-color:#2f80ed66}.hero-metrics{display:flex;flex-wrap:wrap;gap:12px;margin:38px 0 0}.hero-metrics div{min-width:132px;padding:14px 16px;border:1px solid rgba(47,128,237,.13);border-radius:8px;background:#ffffffc2;box-shadow:0 18px 42px #2f466014}.hero-metrics dt{color:#172033;font-size:1.72rem;font-weight:900}.hero-metrics dd{margin:4px 0 0;color:#68778a;font-size:.9rem}.scroll-cue{position:absolute;left:5vw;bottom:20px;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(47,128,237,.18);border-radius:8px;background:#ffffffc7;color:#1769c2;box-shadow:0 14px 30px #2f80ed1a}.section-band{padding:88px 5vw}.project-band{background:linear-gradient(180deg,#f7fbff,#f2fbff),repeating-linear-gradient(90deg,rgba(47,128,237,.06) 0 1px,transparent 1px 120px)}.timeline-band{background:linear-gradient(180deg,#fff8fb,#f8fff5)}.catalog-band{background:linear-gradient(180deg,#f2fbff,#fff8fb)}.section-inner{width:min(1180px,100%);margin:0 auto}.section-heading{max-width:780px}.section-heading p{margin:0 0 9px;color:#1769c2;font-size:.84rem;font-weight:900;text-transform:none}.section-heading h2{margin:0;color:#172033;font-size:3rem;line-height:1.08;letter-spacing:0}.section-heading span{display:block;margin-top:14px;color:#5f6f83;font-size:1rem;line-height:1.75}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:34px;padding-bottom:18px;border-bottom:1px solid rgba(47,70,96,.12)}.filter-label{display:inline-flex;align-items:center;gap:8px;color:#4d5d72;font-weight:800}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.filter-tabs button{min-height:38px;padding:0 14px;border:1px solid rgba(47,128,237,.16);border-radius:8px;background:#ffffffc7;color:#4d5d72;cursor:pointer;font-weight:760;box-shadow:0 10px 22px #2f46600f}.filter-tabs button.active,.filter-tabs button:hover{border-color:#2f80ed85;background:#eaf4ff;color:#1769c2}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}.project-card{--tilt-x: 0deg;--tilt-y: 0deg;min-height:740px;display:flex;flex-direction:column;padding:22px;border:1px solid rgba(47,70,96,.1);border-top:4px solid var(--accent);border-radius:8px;background:linear-gradient(145deg,#fffffff5,#ffffffd1),radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 16%,transparent),transparent 42%);box-shadow:0 22px 60px #2f46601f;cursor:default;outline:none;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:border-color .18s ease,box-shadow .18s ease,transform .12s ease}.project-card:hover,.project-card:focus-visible{border-color:color-mix(in srgb,var(--accent) 58%,white 14%);box-shadow:0 28px 78px #2f46602e,0 0 0 1px color-mix(in srgb,var(--accent) 34%,transparent)}.card-topline,.project-title-row,.card-footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.project-preview{position:relative;aspect-ratio:16 / 9;height:auto;margin:-6px -6px 20px;overflow:hidden;border:1px solid rgba(47,70,96,.12);border-radius:8px;background:linear-gradient(135deg,#ffffffe6,#f2faffd6),radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 34%)}.project-cover img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(1.04)}.preview-render{display:grid;place-items:center;padding:18px}.render-board{width:min(380px,100%);display:grid;gap:12px;padding:18px;border:1px solid rgba(47,128,237,.16);border-radius:8px;background:#ffffffc7;box-shadow:0 18px 38px #2f46601a}.render-board>span{color:#5f6f83;font-size:.88rem;font-weight:800}.render-board strong{color:#172033;font-size:1.24rem}.render-items{display:grid;gap:8px}.render-items em{display:flex;align-items:center;gap:9px;min-height:34px;padding:0 10px;border:1px solid rgba(47,70,96,.1);border-radius:8px;background:#f8fbffdb;color:#273449;font-style:normal;font-weight:800}.render-items em span{display:inline-grid;width:25px;height:25px;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--accent) 16%,white 70%);color:color-mix(in srgb,var(--accent) 74%,#172033);font-size:.75rem}.type-chip,.status-chip,.tag-row span{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 9px;border-radius:8px;font-size:.78rem;font-weight:800}.type-chip{background:#1720330f;color:#526174}.status-chip{border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);background:color-mix(in srgb,var(--accent) 10%,white 80%);color:color-mix(in srgb,var(--accent) 72%,#172033)}.project-title-row{margin-top:24px;align-items:flex-start}.project-title-row h3{margin:0;color:#172033;font-size:1.42rem;line-height:1.18;overflow-wrap:anywhere}.repo-slug{display:inline-flex;align-items:center;gap:7px;margin-top:8px;color:#68778a;font-size:.86rem;font-weight:800}.launch-icon{width:38px;height:38px;display:grid;flex:0 0 auto;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--accent) 16%,white 72%);color:color-mix(in srgb,var(--accent) 76%,#172033)}.project-summary{margin:18px 0 0;color:#273449;font-size:1rem;line-height:1.68;font-weight:650}.problem-line{margin:16px 0 0;padding:12px 13px;border:1px solid color-mix(in srgb,var(--accent) 28%,rgba(47,70,96,.08));border-radius:8px;background:color-mix(in srgb,var(--accent) 7%,white 88%);color:#273449;font-size:.96rem;font-weight:720;line-height:1.72}.problem-line strong{color:color-mix(in srgb,var(--accent) 72%,#172033)}.project-details,.project-tech{margin:12px 0 0;color:#5f6f83;line-height:1.72;font-size:.94rem}.project-tech{padding:12px 13px;border:1px solid rgba(47,128,237,.12);border-radius:8px;background:#f6fbffc7}.project-tech strong{color:#172033}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:22px}.tag-row span{background:#1720330e;color:#526174}.card-footer{margin-top:22px;padding-top:18px;border-top:1px solid rgba(47,70,96,.1)}.date-line{display:inline-flex;align-items:center;gap:7px;color:#68778a;font-size:.9rem}.card-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.icon-link,.text-icon-link{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid rgba(47,128,237,.16);border-radius:8px;background:#ffffffdb;color:#1769c2}.text-icon-link{width:auto;min-width:112px;display:inline-flex;gap:7px;padding:0 12px;font-weight:850;white-space:nowrap}.text-icon-link.primary-link{border-color:#2f80ed70;background:#172033;color:#fff}.text-icon-link.primary-link:hover{background:#2f80ed}.text-icon-link.disabled{cursor:not-allowed;border-color:#2f466014;background:#f7fbffb8;color:#94a3b8}.repo-catalog{display:grid;gap:10px;margin-top:34px}.repo-row{display:grid;grid-template-columns:116px minmax(0,1fr) minmax(160px,.32fr) 22px;gap:16px;align-items:center;min-height:78px;padding:15px 16px;border:1px solid rgba(47,70,96,.11);border-radius:8px;background:#ffffffc7;box-shadow:0 14px 36px #2f466012;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.repo-row:hover,.repo-row:focus-visible{transform:translateY(-2px);border-color:#2f80ed52;box-shadow:0 20px 48px #2f46601f}.repo-row.highlighted{border-left:4px solid #2f80ed}.repo-kind{display:inline-flex;align-items:center;gap:7px;min-height:30px;color:#1769c2;font-size:.82rem;font-weight:900}.repo-row-main{display:grid;gap:5px}.repo-row-main strong{color:#172033;font-size:1.02rem;overflow-wrap:anywhere}.repo-row-main span,.repo-row-meta{color:#5f6f83;font-size:.92rem;line-height:1.55}.repo-row-meta{display:grid;gap:4px;justify-items:end;font-weight:760}.timeline-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:54px;align-items:start}.timeline{position:relative;display:grid;gap:12px}.timeline:before{content:"";position:absolute;top:20px;bottom:20px;left:24px;width:2px;background:linear-gradient(180deg,#2f80ed,#21a67a,#ff7a59);opacity:.28}.timeline-item{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr) 24px;gap:18px;align-items:center;width:100%;min-height:118px;padding:16px;border:1px solid rgba(47,70,96,.12);border-radius:8px;background:#ffffffc7;color:inherit;text-align:left;cursor:pointer;box-shadow:0 16px 42px #2f466014;transition:transform .18s ease,border-color .18s ease,background .18s ease}.timeline-item:hover,.timeline-item:focus-visible{transform:translate(4px);border-color:#2f80ed47;background:#fff}.timeline-marker{width:50px;height:50px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);border-radius:8px;background:#fff;color:color-mix(in srgb,var(--accent) 76%,#172033);font-weight:900}.timeline-main{display:grid;gap:7px}.timeline-date{display:inline-flex;align-items:center;gap:7px;color:#68778a;font-size:.86rem}.timeline-main strong{color:#172033;font-size:1.06rem}.timeline-main span:last-child{color:#5f6f83;line-height:1.55}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 5vw 34px;border-top:1px solid rgba(47,70,96,.1);background:#f7fbff;color:#68778a}.site-footer a{color:#1769c2;font-weight:800}@media(max-width:860px){.project-grid{grid-template-columns:1fr}}@media(max-width:980px){.hero h1{font-size:3.85rem}.hero-copy{font-size:1.28rem}.timeline-layout{grid-template-columns:1fr}}@media(max-width:700px){.site-header{position:absolute;align-items:flex-start;gap:10px;padding:14px 18px}.brand span:last-child{display:none}.site-header nav{max-width:calc(100% - 54px);flex-wrap:wrap;gap:4px;justify-content:flex-end}.site-header nav a{min-height:32px;padding:0 8px;font-size:.82rem}.site-header nav a:last-child{display:none}.hero{min-height:84svh;padding:104px 18px 58px;background-image:linear-gradient(90deg,#f7fbfffa,#f7fbffe6 58%,#f7fbff7a),linear-gradient(180deg,#f7fbff14,#f7fbfffa),var(--hero-image);background-position:center right}.hero h1{font-size:2.72rem}.hero-role,.hero-intro{font-size:.96rem}.hero-copy{font-size:1.16rem}.hero-metrics{width:100%}.hero-metrics div{min-width:0;flex:1 1 110px}.section-band{padding:64px 18px}.section-heading h2{font-size:2.15rem}.toolbar{align-items:flex-start;flex-direction:column}.filter-tabs{justify-content:flex-start}.project-grid{grid-template-columns:1fr}.project-card{min-height:0}.repo-row{grid-template-columns:1fr 24px;gap:10px 14px}.repo-kind,.repo-row-main,.repo-row-meta{grid-column:1 / 2}.repo-row-meta{justify-items:start}.timeline-item{grid-template-columns:42px minmax(0,1fr) 20px;gap:12px;padding:14px}.timeline-marker{width:42px;height:42px;font-size:.88rem}.timeline:before{left:21px}.site-footer{padding-left:18px;padding-right:18px}}