:root{--p-bg: #0a0e12;--p-bg-elevated: rgba(14, 20, 28, .92);--p-main: #c7d6d5;--p-main-dim: rgba(199, 214, 213, .55);--p-main-faint: rgba(199, 214, 213, .25);--p-secondary: #5985b1;--p-accent: #5985b1;--p-accent-glow: rgba(89, 133, 177, .45);--p-accent-subtle: rgba(89, 133, 177, .12);--p-accent-border: rgba(89, 133, 177, .25);--p-glass-bg: rgba(10, 16, 22, .75);--p-glass-border: rgba(89, 133, 177, .12);--p-glass-shine: rgba(199, 214, 213, .04);--p-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--p-shadow-md: 0 8px 32px rgba(0, 0, 0, .4);--p-shadow-lg: 0 24px 64px rgba(0, 0, 0, .55);--p-radius: 12px;--p-radius-sm: 8px;--font-display: "Syne", "Helvetica Neue", sans-serif;--font-body: "DM Sans", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--p-bg);font-family:var(--font-body);color:var(--p-main);line-height:1.6;overflow-x:hidden}img{display:block;max-width:100%}a{color:var(--p-secondary);text-decoration:none}a:hover{text-decoration:underline}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideRight{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.port-root{min-height:100vh;position:relative}.port-glow{position:fixed;width:600px;height:600px;border-radius:50%;pointer-events:none;opacity:.06;filter:blur(120px);z-index:0}.port-glow--tl{top:-200px;left:-200px;background:var(--p-secondary)}.port-glow--br{bottom:-200px;right:-200px;background:#6b9f6b}.port-skip{position:absolute;top:-100px;left:16px;background:var(--p-secondary);color:#fff;padding:8px 16px;border-radius:var(--p-radius-sm);font-weight:600;font-size:.85rem;z-index:1000;transition:top .2s}.port-skip:focus{top:16px;text-decoration:none}.port-topnav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;margin-bottom:32px;border-bottom:1px solid var(--p-glass-border)}.port-topnav-brand{font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:#fff;letter-spacing:-.01em}.port-topnav-brand:hover{text-decoration:none;color:var(--p-secondary)}.port-topnav-links{display:flex;gap:8px}.port-topnav-link{display:flex;align-items:center;gap:5px;font-size:.8rem;font-weight:500;color:var(--p-main-dim);padding:6px 12px;border-radius:6px;border:1px solid transparent;transition:all .2s}.port-topnav-link:hover{color:var(--p-secondary);border-color:var(--p-accent-border);text-decoration:none;background:var(--p-accent-subtle)}.port-topnav-link-icon{font-size:.85rem}.port-hero{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:0 24px 64px}.port-hero-content{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}.port-hero-eyebrow{font-family:var(--font-mono);font-size:.75rem;color:var(--p-secondary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px;animation:fadeUp .6s var(--ease-out) both}.port-hero-name{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.1;margin-bottom:6px;animation:fadeUp .6s var(--ease-out) .05s both}.port-hero-tagline{font-family:var(--font-display);font-size:clamp(1rem,2.5vw,1.3rem);font-weight:600;color:var(--p-secondary);margin-bottom:20px;animation:fadeUp .6s var(--ease-out) .1s both}.port-hero-bio{font-size:.95rem;color:#c7d6d5b8;max-width:540px;margin-bottom:28px;animation:fadeUp .6s var(--ease-out) .15s both}.port-hero-actions{display:flex;gap:10px;flex-wrap:wrap;animation:fadeUp .6s var(--ease-out) .2s both}.port-hero-image{animation:fadeIn .8s var(--ease-out) .3s both}.port-hero-photo{width:220px;height:220px;object-fit:cover;border-radius:var(--p-radius);border:2px solid var(--p-glass-border);box-shadow:var(--p-shadow-md)}.port-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:.85rem;font-weight:600;padding:10px 22px;border-radius:var(--p-radius-sm);border:1px solid transparent;transition:all .2s var(--ease-out);cursor:pointer;white-space:nowrap}.port-btn:hover{text-decoration:none;transform:translateY(-1px)}.port-btn--primary{background:var(--p-secondary);color:#fff;border-color:var(--p-secondary)}.port-btn--primary:hover{background:#6b9fc5;box-shadow:0 4px 16px #5985b14d}.port-btn--ghost{background:transparent;color:var(--p-main-dim);border-color:var(--p-accent-border)}.port-btn--ghost:hover{color:var(--p-secondary);border-color:var(--p-secondary);background:var(--p-accent-subtle)}.port-section{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:0 24px 64px}.port-section-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:28px;padding-bottom:12px;border-bottom:2px solid var(--p-accent-border);display:inline-block}.port-skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.port-skill{padding:4px 0}.port-skill-header{display:flex;justify-content:space-between;margin-bottom:4px}.port-skill-name{font-size:.82rem;font-weight:500;color:var(--p-main)}.port-skill-pct{font-family:var(--font-mono);font-size:.75rem;color:var(--p-main-dim)}.port-skill-track{height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.port-skill-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--p-secondary),#6b9fc5);transform-origin:left;transition:width .8s var(--ease-out)}.port-filters{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.port-filter-btn{font-family:var(--font-body);font-size:.8rem;font-weight:500;padding:6px 16px;border-radius:999px;border:1px solid var(--p-glass-border);background:transparent;color:var(--p-main-dim);cursor:pointer;transition:all .2s}.port-filter-btn:hover{color:var(--p-main);border-color:var(--p-accent-border);background:var(--p-accent-subtle)}.port-filter-btn--active{color:var(--p-secondary);border-color:var(--p-accent-border);background:var(--p-accent-subtle)}.port-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:24px}.port-card{background:var(--p-glass-bg);border:1px solid var(--p-glass-border);border-radius:var(--p-radius);overflow:hidden;box-shadow:var(--p-shadow-sm);transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),border-color .3s;opacity:0;transform:translateY(20px)}.port-card--visible{animation:fadeUp .5s var(--ease-out) forwards}.port-card:hover{transform:translateY(-4px);box-shadow:var(--p-shadow-md);border-color:var(--p-accent-border)}.port-card-image{position:relative;height:200px;overflow:hidden}.port-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-out)}.port-card:hover .port-card-image img{transform:scale(1.04)}.port-card-badge{position:absolute;top:12px;left:12px;font-family:var(--font-mono);font-size:.65rem;font-weight:500;color:#fff;padding:3px 10px;border-radius:4px;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 2px 8px #0006}.port-card-body{padding:20px 22px 24px}.port-card-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:14px}.port-card-meta{margin-bottom:16px}.port-card-row{margin-bottom:10px}.port-card-row dt{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--p-main-faint);margin-bottom:1px}.port-card-row dd{font-size:.88rem;color:#c7d6d5c7;line-height:1.5}.port-card-cta{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--p-secondary);padding:8px 18px;border:1px solid var(--p-accent-border);border-radius:var(--p-radius-sm);transition:all .2s}.port-card-cta:hover{border-color:var(--p-secondary);background:var(--p-accent-subtle);text-decoration:none;transform:translateY(-1px)}.port-card-cta-icon{font-size:.9rem}.port-footer{position:relative;z-index:1;margin-top:32px;border-top:1px solid var(--p-glass-border);padding:32px 24px}.port-footer-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.port-footer-brand{font-family:var(--font-display);font-weight:700;font-size:.9rem;color:#fff}.port-footer-copy{font-size:.75rem;color:var(--p-main-faint)}.port-footer-links{display:flex;gap:16px}.port-footer-links a{font-size:.8rem;color:var(--p-main-dim);transition:color .2s}.port-footer-links a:hover{color:var(--p-secondary);text-decoration:none}@media(max-width:768px){.port-hero-content{grid-template-columns:1fr;gap:24px;text-align:center}.port-hero-image{order:-1;margin:0 auto}.port-hero-photo{width:160px;height:160px}.port-hero-bio{max-width:100%}.port-hero-actions{justify-content:center}.port-grid{grid-template-columns:1fr}.port-topnav{flex-direction:column;gap:10px}.port-topnav-links{gap:4px}.port-footer-inner{flex-direction:column;text-align:center}}@media(max-width:480px){.port-hero-name{font-size:1.8rem}.port-hero-actions{flex-direction:column;align-items:center}.port-btn{width:100%;justify-content:center}.port-card-image{height:160px}}