.projects-main{background-color:var(--background);min-height:100vh;padding-top:4rem}.projects-container{max-width:1152px;margin:0 auto;padding:0 1rem}@media (min-width:640px){.projects-container{padding:0 1.5rem}}@media (min-width:1024px){.projects-container{padding:0 2rem}}.projects-padding{padding-top:5rem;padding-bottom:5rem}.projects-hero{text-align:center;margin-bottom:4rem}.projects-hero-icon-wrapper{justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.projects-hero-icon-box{background:linear-gradient(to bottom right,#3b82f6,#a855f7);border-radius:9999px;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.projects-hero-icon{color:#fff;width:48px;height:48px}.projects-hero-title{margin-bottom:1.5rem;font-size:3rem;font-weight:700}@media (min-width:768px){.projects-hero-title{font-size:3.75rem}}.projects-hero-title-gradient{background:linear-gradient(90deg,#60a5fa,#a855f7,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.projects-hero-subtitle{color:var(--text-secondary);max-width:672px;margin:0 auto;font-size:1.25rem}.projects-stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:4rem;display:grid}@media (min-width:768px){.projects-stats-grid{grid-template-columns:repeat(4,1fr)}}.projects-stats-card{background-color:var(--card-theme);border:1px solid var(--theme-border);text-align:center;border-radius:.75rem;padding:1.5rem}.projects-stats-icon{color:#60a5fa;width:24px;height:24px;margin:0 auto .75rem}.projects-stats-value{color:var(--text-primary);margin-bottom:.25rem;font-size:1.875rem;font-weight:700}.projects-stats-label{color:var(--text-secondary);font-size:.875rem}.projects-grid{gap:1.5rem;display:grid}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.projects-card{background-color:var(--card-theme);border:1px solid var(--theme-border);border-radius:1rem;padding:1.5rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.projects-card:hover{border-color:#3b82f64d}.projects-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.projects-card-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;transition:color .15s}.projects-card:hover .projects-card-title{color:#60a5fa}.projects-card-link-btn{background-color:var(--surface-primary);border-radius:.5rem;padding:.5rem;transition:background-color .15s}.projects-card-link-btn:hover{background-color:var(--surface-secondary)}.projects-card-link-icon{width:18px;height:18px;color:var(--text-secondary)}.projects-card-desc{color:var(--text-secondary);margin-bottom:1rem;line-height:1.625}.projects-tech-stack{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.projects-tech-tag{background-color:var(--surface-primary);color:var(--text-secondary);border:1px solid var(--theme-border);border-radius:9999px;padding:.25rem .75rem;font-size:.875rem}.projects-stats-row{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.projects-stats-left{align-items:center;gap:1rem;display:flex}.projects-stats-item{color:var(--text-secondary);align-items:center;gap:.25rem;display:flex}.projects-stats-icon-star{fill:#eab308;color:#eab308;width:16px;height:16px}.projects-stats-icon-fork{width:16px;height:16px;color:var(--text-secondary)}.projects-lang-indicator{align-items:center;gap:.5rem;display:flex}.projects-lang-dot{border-radius:9999px;width:.75rem;height:.75rem}.projects-lang-name{color:var(--text-secondary)}.projects-lang-dot-blue{background-color:#3b82f6}.projects-lang-dot-yellow{background-color:#eab308}.projects-lang-dot-purple{background-color:#a855f7}.projects-lang-dot-green{background-color:#22c55e}.projects-lang-dot-cyan{background-color:#06b6d4}.projects-lang-dot-orange{background-color:#f97316}.projects-lang-dot-gray{background-color:#6b7280}.projects-card-footer{border-top:1px solid var(--theme-border);margin-top:1rem;padding-top:1rem}.projects-card-footer-content{justify-content:space-between;align-items:center;display:flex}.projects-platform-info{align-items:center;gap:.5rem;display:flex}.projects-platform-icon{width:16px;height:16px;color:var(--text-secondary)}.projects-platform-name{color:var(--text-secondary);text-transform:capitalize;font-size:.875rem}.projects-view-link{color:#60a5fa;font-size:.875rem;transition:color .15s}.projects-view-link:hover{color:#93c5fd}.projects-view-more{text-align:center;margin-top:3rem}.projects-view-more-btn{background-color:var(--surface-primary);color:var(--text-primary);border:1px solid var(--theme-border);border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.projects-view-more-btn:hover{background-color:var(--surface-secondary)}.projects-view-more-icon{width:20px;height:20px}