.portfolio-page{min-height:100vh;background:#050505;color:#fff;padding:8em 20px 80px}.portfolio-container{max-width:1300px;margin:0 auto}#portfolio-content{background:transparent;border:none;padding:0;overflow:visible;position:relative}@media(max-width:768px){#portfolio-content{padding:0}}.write-portfolio-container{margin-top:3rem;display:flex;justify-content:center;padding-bottom:2rem}.write-portfolio-btn{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;box-shadow:0 4px 16px #ff51004d,0 0 0 1px #ff510033 inset;transition:all .3s ease}.write-portfolio-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff510066,0 0 0 1px #ff51004d inset}.write-portfolio-btn svg{width:20px;height:20px}.new-portfolio-btn:hover svg{transform:rotate(90deg)}@media(max-width:768px){.portfolio-actions{margin-bottom:32px}.new-portfolio-btn{width:100%;justify-content:center}}.portfolio-header{margin-bottom:80px;text-align:left}.section-label{font-size:1rem;color:#888;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:20px}.portfolio-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.2;margin-bottom:24px;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.portfolio-description{font-size:1.125rem;color:#999;line-height:1.8;max-width:700px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:60px;margin:0}@media(max-width:768px){.portfolio-grid{grid-template-columns:1fr;gap:48px}}.portfolio-card{display:block;text-decoration:none;color:inherit;background:transparent;border:none;padding:0;transition:opacity .3s ease;position:relative;overflow:visible}.portfolio-card:hover{opacity:.8}.card-image-wrapper{width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:0;margin:0 0 20px;position:relative;background:#0a0a0a;display:flex;align-items:center;justify-content:center;transform-origin:center center;will-change:transform}.card-image-placeholder{color:#ffffff1a;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.card-content{display:flex;flex-direction:column;gap:12px}.card-header{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:4px}.card-category{font-size:.75rem;padding:4px 12px;border:1px solid rgba(255,255,255,.2);border-radius:100px;color:#aaa;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;font-weight:500}.portfolio-card:hover .card-category{border-color:#fff6;color:#fff;background:#ffffff0d}.card-featured{font-size:.75rem;padding:4px 12px;border:1px solid rgba(255,81,0,.3);border-radius:100px;color:#ff5100;background:#ff51001a;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.card-title{font-size:1.5rem;font-weight:600;margin:0;color:#fff;line-height:1.4}.card-subtitle{font-size:.95rem;color:#ff5100e6;margin:0;font-weight:400}.card-description{font-size:.9rem;color:#fff9;line-height:1.6;margin:0}.card-contribution{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.contribution-item{display:flex;flex-direction:column;gap:6px}.contribution-label{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#ffffffb3}.contribution-value{font-weight:600;color:#ff5100e6}.contribution-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;position:relative}.contribution-fill{height:100%;width:0%;background:linear-gradient(90deg,#ff5100cc,#ff5100);border-radius:2px;position:relative;overflow:hidden;transform-origin:center;will-change:width,transform}.contribution-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.card-meta{display:flex;flex-direction:column;gap:6px}.meta-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#ffffff80}.meta-item svg{width:12px;height:12px;color:#fff6}.card-links{display:flex;gap:8px;align-items:center}.card-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:0;background:transparent;border:none;color:#ffffff80;text-decoration:none;transition:all .3s ease}.card-link:hover{background:transparent;border:none;color:#ffffffe6;transform:translateY(-1px)}.card-link svg{width:16px;height:16px}.empty-state{text-align:center;padding:80px 20px;color:#666;margin:0}.empty-state p{font-size:1.125rem;margin:0}@media(max-width:768px){.portfolio-page{padding:80px 16px 60px}.portfolio-header{margin-bottom:60px}.portfolio-title{font-size:2rem;margin-bottom:16px}.portfolio-description{font-size:1rem}.portfolio-grid{gap:40px}.card-title{font-size:1.25rem}.card-subtitle{font-size:.9rem}.card-description{font-size:.85rem}.card-footer{flex-direction:column;align-items:flex-start;gap:16px}.card-links{width:100%;justify-content:flex-start}}