*{box-sizing:border-box}html{scroll-behavior:smooth}.portfolio-dev{--navy: #0A0F1E;--navy-2: #111827;--navy-3: #1A2035;--cyan: #00D4FF;--cyan-dim:#0099BB;--white: #E8EDF5;--muted: #8B9BB4;--slate: #4A5568;--mono: "JetBrains Mono", monospace;--sans: "Inter", sans-serif;display:block;background:var(--navy);color:var(--white);font-family:var(--sans)}.portfolio-data{--bg: #F0F4FA;--surface: #FFFFFF;--border: #E2E8F0;--blue: #2563EB;--blue-lt: #EFF6FF;--blue-mid: #BFDBFE;--teal: #0D9488;--teal-lt: #F0FDFA;--teal-mid: #99F6E4;--amber: #D97706;--amber-lt: #FFFBEB;--slate: #64748B;--charcoal: #1E293B;--text-muted:#94A3B8;--sans: "Inter", sans-serif;display:block;background:var(--bg);color:var(--charcoal);font-family:var(--sans)}.portfolio-dev section{padding:6rem 0}.portfolio-data section{padding:5rem 0}.portfolio-dev .section-label{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:.5rem}.portfolio-dev .section-title{font-family:var(--mono);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;color:var(--white);margin-bottom:.5rem}.portfolio-dev .section-rule{width:48px;height:2px;background:var(--cyan);margin-bottom:3rem}.portfolio-data .section-eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:.4rem}.portfolio-data .section-title{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;color:var(--charcoal);margin-bottom:.4rem}.portfolio-data .section-sub{font-size:.92rem;color:var(--slate);margin-bottom:3rem;max-width:520px}.portfolio-dev .fade-in{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}.portfolio-dev .fade-in.visible{opacity:1;transform:none}.portfolio-data .fade-up{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.portfolio-data .fade-up.visible{opacity:1;transform:none}.portfolio-dev .theme-toggle{font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(0,212,255,.4);color:var(--cyan);background:#00d4ff12;padding:.35rem 1rem;border-radius:3px;cursor:pointer;transition:background .2s,color .2s;display:flex;align-items:center;gap:6px}.portfolio-dev .theme-toggle:hover{background:var(--cyan);color:var(--navy)}.portfolio-data .theme-toggle{font-size:.78rem;font-weight:600;border:1.5px solid var(--blue);color:var(--blue);background:var(--blue-lt);padding:.35rem 1rem;border-radius:8px;cursor:pointer;transition:background .2s,color .2s;display:flex;align-items:center;gap:6px}.portfolio-data .theme-toggle:hover{background:var(--blue);color:#fff}.portfolio-dev .lang-toggle{font-family:var(--mono);font-size:.72rem;font-weight:600;letter-spacing:.1em;border:1px solid rgba(0,212,255,.3);color:var(--muted);background:transparent;padding:.3rem .65rem;border-radius:3px;cursor:pointer;transition:border-color .2s,color .2s}.portfolio-dev .lang-toggle:hover{border-color:var(--cyan);color:var(--cyan)}.portfolio-data .lang-toggle{font-size:.72rem;font-weight:700;letter-spacing:.08em;border:1.5px solid var(--border);color:var(--slate);background:transparent;padding:.3rem .65rem;border-radius:6px;cursor:pointer;transition:border-color .2s,color .2s}.portfolio-data .lang-toggle:hover{border-color:var(--blue);color:var(--blue)}