.side-projects-page{background:radial-gradient(circle at 12% 8%,rgba(59,130,246,.12),transparent 28%),radial-gradient(circle at 82% 18%,rgba(168,85,247,.12),transparent 26%),linear-gradient(180deg,#020617fa,#0f172a);color:#e2e8f0;min-height:100vh;overflow:hidden;position:relative}.side-projects-background{inset:0;pointer-events:none;position:fixed;z-index:0}.side-projects-grid{background-image:linear-gradient(rgba(148,163,184,.18) 1px,transparent 0),linear-gradient(90deg,rgba(148,163,184,.18) 1px,transparent 0);background-size:44px 44px;inset:0;opacity:.08;position:absolute}.side-projects-blob{border-radius:999px;filter:blur(100px);opacity:.26;position:absolute}.side-projects-blob--blue{background:#3b82f647;height:24rem;left:-8rem;top:-8rem;width:24rem}.side-projects-blob--violet{background:#8b5cf638;bottom:12%;height:22rem;right:-6rem;width:22rem}.side-projects-shell{margin:0 auto;padding:8.25rem 0 5rem;position:relative;width:min(1180px,calc(100% - 32px));z-index:1}.side-projects-card,.side-projects-hero,.side-projects-panel,.side-projects-stat-card,.side-projects-state{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172abd;border:1px solid rgba(148,163,184,.16);border-radius:28px;box-shadow:0 24px 80px #02061757;overflow:hidden;position:relative}.side-projects-card:before,.side-projects-hero:before,.side-projects-panel:before,.side-projects-stat-card:before,.side-projects-state:before{background:linear-gradient(135deg,hsla(0,0%,100%,.05),transparent 44%,rgba(96,165,250,.03));content:"";inset:0;pointer-events:none;position:absolute}.side-projects-hero{display:grid;gap:1.2rem;grid-template-columns:minmax(0,1.1fr) 420px;margin-bottom:1.5rem;padding:2rem}.side-projects-kicker,.side-projects-panel-kicker{color:#94a3b8db;font-size:.78rem;font-weight:700;letter-spacing:.24em;margin:0 0 .85rem;text-transform:uppercase}.side-projects-title{color:#f8fafc;font-size:clamp(2.5rem,5vw,4.4rem);letter-spacing:-.06em;line-height:.98;margin:0}.side-projects-subtitle{color:#e2e8f0cc;font-size:1.02rem;line-height:1.8;margin:1rem 0 0;max-width:44rem}.side-projects-stats{display:grid;gap:.9rem;grid-template-columns:repeat(3,minmax(0,1fr))}.side-projects-stat-card{display:flex;flex-direction:column;justify-content:center;min-height:9rem;padding:1.25rem}.side-projects-stat-label{color:#94a3b8;font-size:.82rem;margin-bottom:.55rem}.side-projects-stat-value{color:#f8fafc;font-size:2.2rem;font-weight:800}.side-projects-insights{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1.75rem}.side-projects-panel,.side-projects-state{padding:1.45rem}.side-projects-panel-title{color:#f8fafc;font-size:1.4rem;font-weight:800;margin:0}.side-projects-distribution-list{display:flex;flex-direction:column;gap:.95rem;margin-top:1.2rem}.side-projects-distribution-item{display:flex;flex-direction:column;gap:.45rem}.side-projects-distribution-copy{align-items:center;display:flex;gap:1rem;justify-content:space-between}.side-projects-distribution-count,.side-projects-distribution-label{color:#cbd5e1}.side-projects-distribution-count{font-size:.82rem}.side-projects-distribution-bar{background:#94a3b829;border-radius:999px;height:.55rem;overflow:hidden;width:100%}.side-projects-distribution-fill{background:linear-gradient(90deg,#60a5fa,#8b5cf6);border-radius:inherit;height:100%}.side-projects-chip-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.2rem}.side-projects-chip{align-items:center;background:#1e293bbd;border:1px solid rgba(148,163,184,.14);border-radius:999px;color:#cbd5e1;display:inline-flex;font-size:.84rem;font-weight:600;min-height:2.3rem;padding:.4rem .8rem}.side-projects-listing-head{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.4rem}.side-projects-listing-text{color:#94a3b8;line-height:1.7;margin:0;max-width:30rem;text-align:right}.side-projects-grid-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.side-projects-card{cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:1.45rem;transition:transform .3s ease,border-color .3s ease,background .3s ease}.side-projects-card:hover{background:#0f172ad1;border-color:#60a5fa52;transform:translateY(-4px)}.side-projects-card-head{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.side-projects-card-title{color:#f8fafc;font-size:1.35rem;font-weight:800;line-height:1.35;margin:0}.side-projects-status{align-items:center;border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:700;min-height:2rem;padding:.28rem .7rem;white-space:nowrap}.side-projects-status--info{background:#3b82f62e;color:#93c5fd}.side-projects-status--success{background:#10b9812e;color:#86efac}.side-projects-status--warning{background:#f59e0b2e;color:#fcd34d}.side-projects-status--muted{background:#94a3b829;color:#cbd5e1}.side-projects-card-description{color:#e2e8f0c7;line-height:1.8;margin:0}.side-projects-card-meta{display:flex;flex-wrap:wrap;gap:.75rem}.side-projects-meta-item{align-items:center;color:#94a3b8;display:inline-flex;font-size:.84rem;gap:.4rem}.side-projects-tech-list{display:flex;flex-wrap:wrap;gap:.55rem}.side-projects-tech-tag{align-items:center;background:#1e293bbd;border:1px solid rgba(148,163,184,.14);border-radius:999px;color:#cbd5e1;display:inline-flex;font-size:.78rem;font-weight:600;min-height:2rem;padding:.28rem .7rem}.side-projects-card-footer{align-items:center;border-top:1px solid rgba(148,163,184,.12);display:flex;gap:1rem;justify-content:space-between;padding-top:.9rem}.side-projects-link,.side-projects-time{color:#94a3b8;font-size:.84rem}.side-projects-time{align-items:center;display:inline-flex;gap:.45rem}.side-projects-link{color:#bfdbfe;font-weight:700}.side-projects-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:16rem;text-align:center}.side-projects-loading-spinner{animation:side-projects-spin .9s linear infinite;border:3px solid rgba(148,163,184,.16);border-radius:999px;border-top-color:#60a5fa;height:2.6rem;width:2.6rem}.side-projects-empty-icon{align-items:center;background:#1e293bd1;border-radius:999px;color:#93c5fd;display:inline-flex;font-weight:800;height:3rem;justify-content:center;margin-bottom:.85rem;width:3rem}.side-projects-state-title{color:#f8fafc;font-size:1.2rem;font-weight:700;margin:.7rem 0 0}.side-projects-state-text{color:#94a3b8;line-height:1.7;margin:.55rem 0 0;max-width:32rem}.side-projects-state--error .side-projects-empty-icon{color:#fca5a5}@keyframes side-projects-spin{to{transform:rotate(1turn)}}@media(max-width:1080px){.side-projects-hero,.side-projects-insights{grid-template-columns:1fr}}@media(max-width:900px){.side-projects-shell{padding-top:7.4rem;width:min(100% - 24px,1180px)}}@media(max-width:768px){.side-projects-shell{padding-bottom:4rem;padding-top:7rem;width:min(100% - 20px,1180px)}.side-projects-card,.side-projects-hero,.side-projects-panel,.side-projects-stat-card,.side-projects-state{border-radius:24px}.side-projects-card,.side-projects-hero,.side-projects-panel,.side-projects-state{padding:1.25rem}.side-projects-listing-head,.side-projects-stats{grid-template-columns:1fr}.side-projects-listing-head{display:grid}.side-projects-listing-text{text-align:left}.side-projects-card-footer,.side-projects-card-head{align-items:flex-start;flex-direction:column}}