:root{--primary: #192534;--secondary:#263b56;--glow-1: #6c63ff;--glow-2: #00bfa6;--accent-1: #ff6b6b;--accent-2: #ffd166;--text: #e9ecf1;--muted: #aab3c8;--pop: 22%}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;overflow-x:hidden;font-family:JetBrains Mono,monospace;line-height:1.6;color:var(--text)}body{background:radial-gradient(1400px 900px at 80% -8%,rgba(133,99,255,.22) 0%,transparent 54%),radial-gradient(1200px 820px at -8% 112%,rgba(13,204,179,.2) 0%,transparent 56%),radial-gradient(1100px 820px at 50% 128%,rgba(90,83,83,.06) 0%,transparent 62%),var(--primary);background-repeat:no-repeat}@supports (background: color-mix(in oklab,white,black)){body{background:radial-gradient(1450px 950px at 80% -8%,color-mix(in oklab,var(--primary),var(--glow-1) var(--pop)) 0%,transparent 64%),radial-gradient(1250px 860px at -8% 112%,color-mix(in oklab,var(--primary),var(--glow-2) var(--pop)) 0%,transparent 66%),radial-gradient(1200px 900px at 50% 130%,color-mix(in oklab,var(--primary),white 7%) 0%,transparent 72%),var(--primary)}}.bg-sheen{position:fixed;inset:-80vmax;pointer-events:none;background:conic-gradient(from 190deg at 50% 50%,rgba(255,255,255,.1333333333),transparent 30%,rgba(255,255,255,.0823529412) 60%,transparent 100%);filter:blur(52px);animation:bgspin 70s linear infinite}@keyframes bgspin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.bg-sheen{display:none}}.portfolio-wrap{max-width:1080px;margin:0 auto;padding:clamp(32px,4vw,72px) clamp(18px,4vw,40px);backdrop-filter:blur(10px);background:color-mix(in oklab,var(--secondary),white 8%/9%);border:1px solid color-mix(in oklab,var(--secondary),white 26%/22%);border-radius:28px;box-shadow:0 20px 60px #00000059}a,.link{color:var(--accent-2);text-decoration:none}a:hover,.link:hover{color:var(--accent-1)}