@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;600;700;900&display=swap";
:root{--nav-height:64px;--accent:#a78bfa;--accent2:#f472b6;--accent3:#38bdf8;--surface:#0f0f1ea6;--surface-2:#141428bf;--border:#ffffff14;--text-main:#f0f0ff;--text-dim:#c8c8f099;--radius:16px;--shadow:0 8px 32px #00000073;--transition:.3s ease}.portfolio-wrapper{width:100vw;height:100vh;font-family:Inter,Outfit,sans-serif;position:relative;overflow:hidden}.portfolio-bg{z-index:0;background-image:url(/bg8.jpg);background-position:50%;background-repeat:no-repeat;background-size:250% 250%;width:100%;height:100%;transition:background-position .65s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.portfolio-overlay{-webkit-backdrop-filter:brightness(.9);backdrop-filter:brightness(.9);z-index:1;background:#0505148c;position:absolute;inset:0}.portfolio-content{z-index:2;padding-top:var(--nav-height);scrollbar-width:thin;scrollbar-color:var(--accent)transparent;color:var(--text-main);position:absolute;inset:0;overflow:hidden auto}.portfolio-content::-webkit-scrollbar{width:4px}.portfolio-content::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.page-container{max-width:1400px;min-height:calc(100vh - var(--nav-height));margin:0 auto;padding:3rem 1.5rem 6rem}.glass-card{border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);box-shadow:var(--shadow);background:#0f0f1e33;padding:2rem}.section-title{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.4rem;font-family:Outfit,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700}.section-subtitle{color:var(--text-dim);margin-bottom:2.5rem;font-size:.95rem}.badge{text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.grid-2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.empty-state{text-align:center;color:var(--text-dim);padding:3rem 1rem}.welcome-root{background:radial-gradient(at bottom,#1b2735 0%,#090a0f 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.welcome-label{letter-spacing:.25em;background:linear-gradient(135deg,#fff,var(--accent),var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:900}.welcome-greeting{letter-spacing:.15em;background:linear-gradient(#fff,#38495a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.2rem,3vw,2rem);font-weight:300}.button-container{justify-content:center;display:flex}@media (max-width:640px){.page-container{padding:2rem 1rem 5rem}.glass-card{padding:1.25rem}}