.github-showcase{width:min(1280px,calc(100% - 32px));margin:32px auto;padding:34px;display:grid;grid-template-columns:320px 1fr;gap:34px;border:1px solid rgba(255,255,255,.72);border-radius:36px;background:rgba(242,248,242,.56);backdrop-filter:blur(22px);box-shadow:var(--md-shadow)}.github-profile-card{align-self:start;position:sticky;top:100px;padding:25px;border:1px solid rgba(255,255,255,.72);border-radius:26px;background:rgba(255,255,255,.55);box-shadow:0 8px 28px rgba(31,47,36,.07)}.github-identity{width:92px;height:92px;position:relative;margin-bottom:19px}.github-identity img{width:100%;height:100%;border-radius:28px;object-fit:cover;box-shadow:0 8px 20px rgba(27,40,31,.15)}.github-online{position:absolute;right:-3px;bottom:-3px;width:22px;height:22px;border:4px solid #f4f8f3;border-radius:50%;background:#48a661}.github-label{display:flex;align-items:center;gap:6px;color:var(--md-primary);font:800 9px 'DM Sans';letter-spacing:1.2px}.github-label svg{width:16px}.github-profile-card h2{font-size:25px;margin:10px 0 2px;letter-spacing:-1px}.github-handle{display:inline-flex;align-items:center;gap:4px;color:var(--md-primary);font:700 11px 'DM Sans';text-decoration:none}.github-handle .material-symbols-rounded{font-size:13px}.github-profile-card>p{margin:19px 0;color:var(--md-on-surface-variant);font-size:12px;line-height:1.65}.github-meta{display:grid;gap:8px;padding:15px 0;border-top:1px solid var(--md-outline-variant);border-bottom:1px solid var(--md-outline-variant)}.github-meta>span{display:flex;align-items:center;gap:7px;color:var(--md-on-surface-variant);font:600 10px 'DM Sans'}.github-meta .material-symbols-rounded{font-size:15px;color:var(--md-primary)}.github-profile-link{height:43px;margin-top:17px;padding:0 7px 0 15px;border-radius:15px;background:var(--md-primary);color:var(--md-on-primary);display:flex;align-items:center;justify-content:space-between;text-decoration:none;font:700 10px 'DM Sans'}.github-profile-link .material-symbols-rounded{width:31px;height:31px;border-radius:11px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:17px}.project-heading{display:flex;align-items:end;justify-content:space-between;margin:3px 3px 20px}.project-heading span{color:var(--md-primary);font:800 9px 'DM Sans';letter-spacing:1.4px}.project-heading h2{font-size:32px;letter-spacing:-1.5px;margin-top:5px}.project-heading>p{max-width:180px;margin:0;color:var(--md-on-surface-variant);font-size:10px;text-align:right}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-card{min-height:225px;position:relative;padding:21px;border:1px solid rgba(255,255,255,.75);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.58);color:var(--md-on-surface);text-decoration:none;box-shadow:0 4px 16px rgba(31,47,36,.055);transition:.22s transform,.22s box-shadow,.22s background}.project-card:first-child{grid-column:1/-1;min-height:205px;padding-right:34%;background:linear-gradient(135deg,rgba(217,238,222,.92),rgba(255,255,255,.62))}.project-card:first-child:after{content:"140";position:absolute;right:32px;bottom:-25px;color:rgba(57,94,68,.1);font:800 128px Manrope;letter-spacing:-12px}.project-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.82);box-shadow:0 12px 28px rgba(31,47,36,.12)}.project-rank{position:absolute;right:18px;top:16px;color:var(--md-outline);font:800 10px Manrope}.project-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#dcebe0;color:#365742}.project-card:nth-child(3n) .project-icon{background:#e5def2;color:#5e4d77}.project-card:nth-child(4n) .project-icon{background:#f7dfd8;color:#814a40}.project-card:nth-child(5n) .project-icon{background:#dce9f2;color:#3f6077}.project-icon .material-symbols-rounded{font-size:21px}.project-card h3{margin:15px 0 8px;font-size:15px;letter-spacing:-.3px}.project-card>p{max-width:380px;margin:0;color:var(--md-on-surface-variant);font-size:10px;line-height:1.55}.project-stats{position:absolute;left:21px;right:21px;bottom:19px;display:flex;align-items:center;justify-content:space-between}.project-stats>span,.project-stats strong{display:flex;align-items:center;gap:6px;font:700 9px 'DM Sans';color:var(--md-on-surface-variant)}.project-stats strong{padding:6px 8px;border-radius:10px;background:var(--md-surface-container);color:var(--md-primary)}.project-stats .material-symbols-rounded{font-size:13px}.lang-dot{width:8px;height:8px;border-radius:50%;display:block}.lang-dot.html{background:#e34c26}.lang-dot.php{background:#4f5d95}.lang-dot.java{background:#b07219}.lang-dot.go{background:#00add8}.project-arrow{position:absolute;right:18px;top:48px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--md-primary);font-size:17px;opacity:0;transform:translate(-4px,4px);transition:.2s}.project-card:hover .project-arrow{opacity:1;transform:none}.commit-note{display:block;margin:12px 3px 0;color:var(--md-outline);font-size:8px}:root[data-theme="dark"] .github-showcase{background:rgba(24,31,26,.68);border-color:rgba(255,255,255,.08)}:root[data-theme="dark"] .github-profile-card,:root[data-theme="dark"] .project-card{background:rgba(38,47,40,.72);border-color:rgba(255,255,255,.08)}:root[data-theme="dark"] .project-card:first-child{background:linear-gradient(135deg,rgba(48,70,55,.94),rgba(38,47,40,.75))}:root[data-theme="dark"] .project-card:hover{background:rgba(48,58,51,.9)}:root[data-theme="dark"] .github-online{border-color:#263029}:root[data-theme="dark"] .project-icon{filter:saturate(.8) brightness(.82)}@media(max-width:900px){.github-showcase{grid-template-columns:1fr}.github-profile-card{position:relative;top:auto;display:grid;grid-template-columns:auto 1fr;column-gap:20px}.github-identity{grid-row:1/5}.github-profile-card>p,.github-meta,.github-profile-link{grid-column:1/-1}}@media(max-width:650px){.github-showcase{width:calc(100% - 16px);padding:16px;border-radius:28px}.project-grid{grid-template-columns:1fr}.project-card:first-child{grid-column:auto;padding-right:21px}.project-card:first-child:after{display:none}.project-heading{align-items:start;flex-direction:column;gap:7px}.project-heading>p{text-align:left}.github-profile-card{display:block}.github-identity{width:78px;height:78px}.project-card{min-height:210px}}