.portfolio-root{--pf-bg:#090d11;--pf-card:#10151c;--pf-card-hover:#151b24;--pf-border:hsla(0,0%,100%,.08);--pf-border-hover:hsla(0,0%,100%,.18);--pf-text:#f0f6fc;--pf-text-muted:#8b949e;--pf-text-dim:#6e7681;--pf-accent:#3b82f6;--pf-accent-rgb:59,130,246;--pf-glow:rgba(59,130,246,.15);--pf-surface:rgba(16,21,28,.7);--pf-nav-bg:rgba(9,13,17,.82);--pf-badge-bg:rgba(59,130,246,.1);--pf-badge-text:#60a5fa;background-color:var(--pf-bg);color:var(--pf-text);min-height:100vh;font-family:var(--sans),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;transition:background-color .3s ease,color .3s ease;overflow-x:hidden;position:relative}.portfolio-root.light-theme{--pf-bg:#f8fafc;--pf-card:#fff;--pf-card-hover:#f1f5f9;--pf-border:rgba(0,0,0,.09);--pf-border-hover:rgba(0,0,0,.2);--pf-text:#0f172a;--pf-text-muted:#475569;--pf-text-dim:#64748b;--pf-accent:#2563eb;--pf-accent-rgb:37,99,235;--pf-glow:rgba(37,99,235,.12);--pf-surface:hsla(0,0%,100%,.85);--pf-nav-bg:rgba(248,250,252,.85);--pf-badge-bg:rgba(37,99,235,.08);--pf-badge-text:#2563eb}.portfolio-ambient{height:900px;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(59,130,246,.18),transparent 70%),radial-gradient(circle at 10% 25%,rgba(139,92,246,.1),transparent 40%),radial-gradient(circle at 90% 15%,rgba(14,165,233,.08),transparent 40%)}.portfolio-ambient,.portfolio-grid-mask{position:absolute;top:0;left:0;right:0;pointer-events:none;z-index:0}.portfolio-grid-mask{bottom:0;background-size:40px 40px;background-image:linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.02) 1px,transparent 0);mask-image:linear-gradient(180deg,#000 40%,transparent 95%);-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 95%)}.portfolio-root.light-theme .portfolio-grid-mask{background-image:linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.03) 1px,transparent 0)}.portfolio-glass{background:var(--pf-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.portfolio-card,.portfolio-glass{border:1px solid var(--pf-border)}.portfolio-card{background:var(--pf-card);border-radius:14px;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.portfolio-card:hover{background:var(--pf-card-hover);border-color:var(--pf-border-hover);transform:translateY(-2px);box-shadow:0 12px 32px -8px rgba(0,0,0,.3)}.portfolio-root.light-theme .portfolio-card:hover{box-shadow:0 12px 30px -8px rgba(0,0,0,.08)}.portfolio-btn-primary{background:var(--pf-accent);color:#fff!important;border:1px solid hsla(0,0%,100%,.15);font-weight:600;padding:.65rem 1.25rem;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .18s ease;box-shadow:0 2px 10px rgba(var(--pf-accent-rgb),.35);text-decoration:none;font-size:.9rem}.portfolio-btn-primary:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--pf-accent-rgb),.45)}.portfolio-btn-secondary{background:hsla(0,0%,100%,.04);color:var(--pf-text)!important;border:1px solid var(--pf-border);font-weight:600;padding:.65rem 1.2rem;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .18s ease;text-decoration:none;font-size:.9rem}.portfolio-root.light-theme .portfolio-btn-secondary{background:rgba(0,0,0,.03)}.portfolio-btn-secondary:hover:not(:disabled){background:hsla(0,0%,100%,.08);border-color:var(--pf-border-hover);transform:translateY(-1px)}.portfolio-root.light-theme .portfolio-btn-secondary:hover:not(:disabled){background:rgba(0,0,0,.06)}.portfolio-pulse-dot{width:8px;height:8px;border-radius:50%;background:#10b981;position:relative;display:inline-block}.portfolio-pulse-dot:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;border:2px solid #10b981;animation:pf-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pf-pulse{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.8);opacity:0}to{transform:scale(.9);opacity:0}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portfolio-btn-primary:hover,.portfolio-btn-secondary:hover,.portfolio-card:hover{transform:none!important}.portfolio-pulse-dot:after{animation:none}}