.portfolio-shell{--pf-ease:cubic-bezier(.16, 1, .3, 1);--pf-dur:.28s;isolation:isolate;min-height:100vh;color:var(--ink,var(--foreground));background:var(--bg,var(--background));position:relative;overflow-x:clip}.portfolio-shell a{color:inherit}.portfolio-sky{pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 55% at 70% -10%, rgba(var(--brand-rgb,37, 99, 235), .22) 0%, transparent 55%), radial-gradient(ellipse 50% 40% at 10% 30%, rgba(var(--brand-rgb,37, 99, 235), .1) 0%, transparent 50%), radial-gradient(ellipse 60% 50% at 90% 80%, rgba(var(--brand-rgb,37, 99, 235), .08) 0%, transparent 55%), var(--bg,var(--background));position:fixed;inset:0;overflow:hidden}.portfolio-sky__stars,.portfolio-sky__stars-2{opacity:.45;background-repeat:repeat;animation:90s linear infinite pf-drift;position:absolute;inset:-20%}[data-theme=light] .portfolio-sky__stars,[data-theme=light] .portfolio-sky__stars-2{opacity:.16}.portfolio-sky__stars{background-image:radial-gradient(1.5px 1.5px at 12% 18%, var(--ink) 40%, transparent 50%), radial-gradient(1px 1px at 28% 62%, var(--ink) 40%, transparent 50%), radial-gradient(1.5px 1.5px at 44% 28%, var(--ink) 40%, transparent 50%), radial-gradient(1px 1px at 61% 74%, var(--ink) 40%, transparent 50%), radial-gradient(1.5px 1.5px at 76% 16%, var(--ink) 40%, transparent 50%), radial-gradient(1px 1px at 88% 48%, var(--ink) 40%, transparent 50%), radial-gradient(1px 1px at 8% 88%, var(--ink) 40%, transparent 50%), radial-gradient(1.5px 1.5px at 52% 92%, var(--ink) 40%, transparent 50%);background-size:520px 520px}.portfolio-sky__stars-2{opacity:.28;background-image:radial-gradient(1px 1px at 18% 40%, var(--ink) 40%, transparent 50%), radial-gradient(1.5px 1.5px at 36% 8%, var(--ink) 40%, transparent 50%), radial-gradient(1px 1px at 58% 55%, var(--ink) 40%, transparent 50%), radial-gradient(1px 1px at 72% 82%, var(--ink) 40%, transparent 50%), radial-gradient(1.5px 1.5px at 94% 22%, var(--ink) 40%, transparent 50%);background-size:680px 680px;animation-duration:140s;animation-direction:reverse}.portfolio-sky__nebula{filter:blur(80px);opacity:.4;background:radial-gradient(circle, rgba(var(--brand-rgb,37, 99, 235), .45) 0%, transparent 68%);width:min(70vw,720px);height:min(70vw,720px);animation:pf-pulse 12s var(--pf-ease) infinite;border-radius:50%;position:absolute;top:-12%;right:-8%}.portfolio-sky__nebula--2{opacity:.22;width:min(55vw,520px);height:min(55vw,520px);animation-duration:16s;animation-delay:-4s;inset:auto auto 8% -12%}.portfolio-sky__orbit{border:1px solid rgba(var(--brand-rgb,37, 99, 235), .35);width:min(42vw,420px);height:min(42vw,420px);box-shadow:0 0 40px rgba(var(--brand-rgb,37, 99, 235), .16), inset 0 0 40px rgba(var(--brand-rgb,37, 99, 235), .08);border-radius:50%;animation:48s linear infinite pf-spin;position:absolute;top:12%;right:8%}.portfolio-sky__orbit:before,.portfolio-sky__orbit:after{content:"";background:var(--brand);box-shadow:0 0 16px rgba(var(--brand-rgb,37, 99, 235), .55);border-radius:50%;position:absolute}.portfolio-sky__orbit:before{width:10px;height:10px;top:8%;left:50%;transform:translate(-50%)}.portfolio-sky__orbit:after{width:6px;height:6px;bottom:18%;right:12%}@keyframes pf-drift{0%{transform:translate(0,0)}to{transform:translate(-8%,-6%)}}@keyframes pf-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.5;transform:scale(1.08)}}@keyframes pf-spin{to{transform:rotate(360deg)}}@keyframes pf-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pf-float{0%,to{transform:translateY(0) rotate(var(--pf-rot,0deg))}50%{transform:translateY(-10px) rotate(var(--pf-rot,0deg))}}.portfolio-rise{animation:pf-rise .7s var(--pf-ease) both}.portfolio-rise-2{animation-delay:80ms}.portfolio-rise-3{animation-delay:.16s}.portfolio-rise-4{animation-delay:.24s}.portfolio-content{z-index:1;position:relative}.portfolio-nav{background:color-mix(in srgb, var(--bg,var(--background)) 72%, transparent);border-top:none;border-left:none;border-right:none;border-radius:0}.portfolio-shell .login-theme{position:static;inset:auto}.portfolio-chip{border:1px solid rgba(var(--brand-rgb,37, 99, 235), .32);background:rgba(var(--brand-rgb,37, 99, 235), .12);color:var(--brand);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.7rem;font-weight:600;display:inline-flex}.portfolio-filter{border:1px solid var(--line,var(--border));background:var(--hover,transparent);height:2.25rem;color:var(--muted);cursor:pointer;transition:background var(--pf-dur) var(--pf-ease), color var(--pf-dur) var(--pf-ease), border-color var(--pf-dur) var(--pf-ease);border-radius:999px;align-items:center;padding-inline:1rem;font-size:.8125rem;display:inline-flex}.portfolio-filter[aria-selected=true]{background:rgba(var(--brand-rgb,37, 99, 235), .18);border-color:rgba(var(--brand-rgb,37, 99, 235), .5);color:var(--ink,var(--foreground));box-shadow:0 0 20px rgba(var(--brand-rgb,37, 99, 235), .18)}.portfolio-card{height:100%;min-height:400px;transition:transform var(--pf-dur) var(--pf-ease), border-color var(--pf-dur) var(--pf-ease), box-shadow var(--pf-dur) var(--pf-ease);flex-direction:column;padding:1.5rem;display:flex;position:relative;overflow:hidden}.portfolio-card:hover{border-color:rgba(var(--brand-rgb,37, 99, 235), .45);transform:translateY(-4px)}.portfolio-card__glow{pointer-events:none;background:radial-gradient(circle, rgba(var(--brand-rgb,37, 99, 235), .22), transparent 70%);opacity:0;width:55%;height:55%;transition:opacity var(--pf-dur) var(--pf-ease);border-radius:50%;position:absolute;inset:auto -20% -30% auto}.portfolio-card:hover .portfolio-card__glow{opacity:1}.portfolio-stat{font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--brand);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:650;line-height:1}.portfolio-hero-panel{min-height:420px;position:relative}.portfolio-hero-panel__card{transition:transform .5s var(--pf-ease);padding:1.35rem 1.5rem;position:absolute}.portfolio-hero-panel__card--main{--pf-rot:2deg;width:88%;animation:pf-float 7s var(--pf-ease) infinite;top:0;right:0}.portfolio-hero-panel__card--quote{--pf-rot:-3deg;color:#fff;background:var(--brand);border:1px solid rgba(var(--brand-rgb,37, 99, 235), .75);width:78%;box-shadow:inset 0 1px 0 #ffffff38, 0 12px 32px rgba(var(--brand-rgb,37, 99, 235), .28);animation:pf-float 8s var(--pf-ease) infinite reverse;bottom:2rem;left:0}.portfolio-hero-panel__card--quote p{color:#fff}.portfolio-hero-panel__card--quote .portfolio-quote-label{color:#ffffffd1}.portfolio-hero-panel__pill{--pf-rot:0deg;animation:pf-float 6s var(--pf-ease) infinite;border-radius:999px;padding:.65rem 1rem;animation-delay:-2s;position:absolute;bottom:0;right:2rem}.portfolio-cta{background:linear-gradient(135deg, rgba(var(--brand-rgb,37, 99, 235), .22), color-mix(in srgb, var(--glass-flat,var(--card)) 80%, transparent))}@media (prefers-reduced-motion:reduce){.portfolio-sky__stars,.portfolio-sky__stars-2,.portfolio-sky__nebula,.portfolio-sky__orbit,.portfolio-rise,.portfolio-hero-panel__card--main,.portfolio-hero-panel__card--quote,.portfolio-hero-panel__pill{animation:none!important}.portfolio-card:hover{transform:none}}