.portfolio-page[data-v-93ff9698]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 0}.page-container[data-v-93ff9698]{max-width:1200px;margin:0 auto;padding:0 1rem}.page-header[data-v-93ff9698]{text-align:center;margin-bottom:3rem;color:#fff}.page-title[data-v-93ff9698]{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.page-subtitle[data-v-93ff9698]{font-size:1.2rem;opacity:.9}.portfolio-grid[data-v-93ff9698]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.portfolio-item[data-v-93ff9698]{animation:slideInUp-93ff9698 .6s ease forwards;opacity:0;transform:translateY(30px)}.portfolio-item[data-v-93ff9698]:nth-child(1){animation-delay:.1s}.portfolio-item[data-v-93ff9698]:nth-child(2){animation-delay:.2s}.portfolio-item[data-v-93ff9698]:nth-child(3){animation-delay:.3s}.portfolio-item[data-v-93ff9698]:nth-child(4){animation-delay:.4s}.portfolio-item[data-v-93ff9698]:nth-child(5){animation-delay:.5s}.portfolio-item[data-v-93ff9698]:nth-child(6){animation-delay:.6s}.portfolio-card[data-v-93ff9698]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.portfolio-card[data-v-93ff9698]:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0003}.portfolio-card:hover .portfolio-overlay[data-v-93ff9698]{opacity:1}.portfolio-image[data-v-93ff9698]{position:relative}.portfolio-overlay[data-v-93ff9698]{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-title[data-v-93ff9698]{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#333}.project-description[data-v-93ff9698]{color:#666;line-height:1.6;margin-bottom:1rem}.project-tags[data-v-93ff9698]{display:flex;flex-wrap:wrap;gap:.5rem}@keyframes slideInUp-93ff9698{to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.page-title[data-v-93ff9698]{font-size:2rem}.portfolio-grid[data-v-93ff9698]{grid-template-columns:1fr}}