.page-module__50L-Xa__container{background:var(--color-bg-primary);min-height:100vh;color:var(--color-text-primary);font-family:var(--font-body,system-ui, sans-serif);padding:80px 24px}.page-module__50L-Xa__header{text-align:center;max-width:900px;margin:0 auto 64px}.page-module__50L-Xa__title{font-size:3.5rem;font-weight:var(--font-weight-bold,700);background:linear-gradient(135deg, var(--color-accent-indigo), var(--color-accent-cyan));-webkit-text-fill-color:transparent;overflow-wrap:break-word;word-wrap:break-word;-webkit-background-clip:text;margin-bottom:24px}.page-module__50L-Xa__subtitle{color:var(--color-text-secondary);font-size:1.25rem;line-height:1.8}.page-module__50L-Xa__portfolioGrid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;max-width:1200px;margin:0 auto;display:grid}.page-module__50L-Xa__portfolioCard{background:var(--glass-bg,#ffffff08);-webkit-backdrop-filter:blur(12px);border:var(--border-light,1px solid #ffffff1a);border-radius:20px;flex-direction:column;padding:40px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.page-module__50L-Xa__portfolioCard:before{content:"";background:linear-gradient(90deg, var(--color-accent-indigo), var(--color-accent-cyan));opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.page-module__50L-Xa__portfolioCard:hover{border-color:var(--color-accent-cyan);box-shadow:var(--shadow-md,0 20px 40px -15px #38bdf826);background:#ffffff0f;transform:translateY(-8px)}.page-module__50L-Xa__portfolioCard:hover:before{opacity:1}.page-module__50L-Xa__projectTitle{color:var(--color-text-primary);margin-bottom:16px;font-size:1.75rem;font-weight:700}.page-module__50L-Xa__projectDesc{color:var(--color-text-secondary);flex-grow:1;margin-bottom:32px;font-size:1.05rem;line-height:1.7}.page-module__50L-Xa__visitLink{color:var(--color-accent-cyan);align-self:flex-start;align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:color .2s,gap .2s;display:inline-flex}.page-module__50L-Xa__visitLink:hover{color:var(--color-accent-indigo);gap:12px}@media (max-width:600px){.page-module__50L-Xa__portfolioGrid{grid-template-columns:1fr}}@media (max-width:768px){.page-module__50L-Xa__title{font-size:1.5rem}.page-module__50L-Xa__subtitle{font-size:.95rem}.page-module__50L-Xa__projectTitle{font-size:1.25rem}}