.portfolio-page{background-color:#f9fafb;min-height:100vh;padding-top:6rem;padding-bottom:5rem}.portfolio-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.portfolio-header{text-align:center;margin-bottom:4rem}.portfolio-badge{color:#1e40af;background-color:#dbeafe;border-radius:9999px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.875rem;font-weight:700;display:inline-block}.portfolio-title{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.2}@media (min-width:768px){.portfolio-title{font-size:3rem}}.portfolio-title .highlight{color:var(--accent-color)}.portfolio-subtitle{color:var(--text-secondary);max-width:42rem;margin:0 auto;font-size:1.125rem;line-height:1.6}.portfolio-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.portfolio-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.portfolio-grid{grid-template-columns:1fr 1fr 1fr}}.project-card{background:#fff;border:1px solid #f3f4f6;border-radius:1rem;flex-direction:column;height:100%;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.project-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.card-accent{background:linear-gradient(to right,var(--primary-color),var(--accent-color));width:100%;height:.5rem}.card-content{flex-direction:column;flex:1;padding:2rem;display:flex}.card-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.card-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.tag-live{color:#15803d;background-color:#dcfce7}.tag-default{color:#4b5563;background-color:#f9fafb;border:1px solid #e5e7eb}.card-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.5rem;font-weight:700;transition:color .2s}.project-card:hover .card-title{color:var(--primary-color)}.card-description{color:var(--text-secondary);flex:1;margin-bottom:2rem;line-height:1.625}.card-actions{border-top:1px solid #f9fafb;gap:1rem;margin-top:auto;padding-top:1.5rem;display:flex}.project-btn{cursor:pointer;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-primary{background-color:var(--primary-color);color:#fff;border:none}.btn-primary:hover{background-color:#001235;box-shadow:0 4px 6px -1px #0000001a}.btn-outline{color:#374151;background-color:#0000;border:1px solid #e5e7eb}.btn-outline:hover{background-color:#f9fafb;border-color:#d1d5db}