@import"https://fonts.googleapis.com/css2?family=Alex+Brush&family=Allura:wght@400&family=Dancing+Script:wght@500;600;700&family=Great+Vibes&display=swap";:root{--bg-primary: #0B0713;--bg-secondary: #130B20;--bg-surface: #1B102D;--bg-card: rgba(24, 15, 38, .65);--bg-card-hover: rgba(36, 22, 56, .82);--bg-glass: rgba(19, 11, 32, .65);--bg-nav: rgba(11, 7, 19, .75);--bg-nav-scrolled: rgba(11, 7, 19, .92);--primary-navy: #1B102D;--deep-navy: #0B0713;--card-dark: #140C22;--text-primary: #FAF7FC;--text-secondary: #C9BFD8;--text-muted: #958AA6;--text-inverse: #0B0713;--accent-gold: #C084FC;--accent-gold-light: #D8B4FE;--accent-gold-dim: rgba(192, 132, 252, .12);--accent-gold-glow: rgba(192, 132, 252, .35);--accent-blue-soft: #A855F7;--accent-blue-soft-dim: rgba(168, 85, 247, .25);--role-color: #C084FC;--border-subtle: rgba(192, 132, 252, .12);--border-card: rgba(192, 132, 252, .16);--border-gold: rgba(192, 132, 252, .4);--shadow-card: 0 16px 36px -10px rgba(0, 0, 0, .6), 0 0 1px 1px rgba(192, 132, 252, .1);--shadow-card-hover: 0 24px 48px -12px rgba(0, 0, 0, .75), 0 0 28px -6px rgba(168, 85, 247, .35);--hero-glow: radial-gradient(circle at 70% 45%, rgba(168, 85, 247, .35) 0%, rgba(236, 72, 153, .12) 45%, transparent 75%);--hero-orbit-1: rgba(192, 132, 252, .35);--hero-orbit-2: rgba(168, 85, 247, .5);--hero-dot-grid: rgba(201, 191, 216, .22);--wave-1: #110B1C;--wave-2: #160E25;--wave-3: #1D1131;--wave-4: #25163E;--wave-accent: #C084FC;--ship-opacity: .12;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-editorial: "Syne", sans-serif;--font-accent: "Cinzel", serif;--max-width: 1440px;--header-height: 80px;--transition-smooth: cubic-bezier(.16, 1, .3, 1);--theme-transition: background-color .5s ease-in-out, color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;color-scheme:dark}[data-theme=light]{--bg-primary: #FDF9F7;--bg-secondary: #F6EDF3;--bg-surface: #FFFFFF;--bg-card: rgba(255, 255, 255, .72);--bg-card-hover: rgba(255, 255, 255, .95);--bg-glass: rgba(253, 249, 247, .78);--bg-nav: rgba(253, 249, 247, .8);--bg-nav-scrolled: rgba(253, 249, 247, .95);--primary-navy: #1F122B;--deep-navy: #140A1D;--card-dark: #1F122B;--text-primary: #1F122B;--text-secondary: #5A476C;--text-muted: #7E6B91;--text-inverse: #FFFFFF;--accent-gold: #7E22CE;--accent-gold-light: #9333EA;--accent-gold-dim: rgba(126, 34, 206, .1);--accent-gold-glow: rgba(168, 85, 247, .25);--accent-blue-soft: #D8B4FE;--accent-blue-soft-dim: rgba(216, 180, 254, .3);--role-color: #7E22CE;--border-subtle: rgba(126, 34, 206, .1);--border-card: rgba(255, 255, 255, .85);--border-gold: rgba(126, 34, 206, .35);--shadow-card: 0 16px 36px -8px rgba(126, 34, 206, .08), 0 1px 3px rgba(0, 0, 0, .04);--shadow-card-hover: 0 24px 48px -10px rgba(126, 34, 206, .16), 0 0 24px -4px rgba(168, 85, 247, .2);--hero-glow: radial-gradient(circle at 70% 45%, rgba(216, 180, 254, .45) 0%, rgba(244, 194, 215, .25) 45%, transparent 75%);--hero-orbit-1: rgba(168, 85, 247, .35);--hero-orbit-2: rgba(216, 180, 254, .65);--hero-dot-grid: rgba(126, 34, 206, .15);--wave-1: #F4E8F0;--wave-2: #EDDCF0;--wave-3: #E1CCEB;--wave-4: #D4BCE3;--wave-accent: #9333EA;--ship-opacity: .1;color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden;overflow-y:scroll;scrollbar-gutter:stable;max-width:100vw;width:100%}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100vw;width:100%;position:relative;transition:var(--theme-transition)}#root{overflow-x:hidden;max-width:100vw;width:100%}.portfolio-root{position:relative;width:100%;min-height:100%;overflow-x:hidden}body,.nav-header,.glass-card,.section,.btn-primary,.btn-secondary,.btn-gold-pill,.btn-outline-pill,.section-tag,.section-title,.hero-statement,.pillar-card,.exp-card,.footer-container,.editorial-footer{transition:var(--theme-transition)}.lanyard-wrapper,.lanyard-canvas{transition:none!important}::selection{background:var(--accent-gold);color:var(--text-inverse)}a{color:inherit;text-decoration:none;transition:color .25s var(--transition-smooth),opacity .25s var(--transition-smooth)}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 56px;box-sizing:border-box}@media (max-width: 1024px){.container{padding:0 32px}}@media (max-width: 640px){.container{padding:0 20px}}.section{padding:5.5rem 0;position:relative}@media (min-width: 768px){.section{padding:7rem 0}}.section-tag{display:inline-flex;align-items:center;gap:.75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--accent-gold);margin-bottom:.85rem;font-weight:700;padding-left:0}.section-tag:after{content:"";display:inline-block;width:1.5rem;height:1.5px;background:var(--accent-gold)}.section-title{font-family:var(--font-editorial);font-size:clamp(1.5rem,4.5vw,3.25rem);font-weight:700;letter-spacing:-.015em;line-height:1.2;color:var(--text-primary);margin-bottom:2.25rem;text-transform:uppercase;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}@media (max-width: 480px){.section-title{font-size:clamp(1.28rem,5.8vw,1.65rem);line-height:1.22;margin-bottom:1.75rem}}.section-title-subtle{color:var(--text-muted);font-weight:500}.glass-card{background:var(--bg-card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-card);border-radius:16px;box-shadow:var(--shadow-card);position:relative;overflow:hidden;transition:transform .35s var(--transition-smooth),box-shadow .35s var(--transition-smooth),border-color .35s var(--transition-smooth),background-color .35s var(--transition-smooth)}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);pointer-events:none}[data-theme=light] .glass-card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-gold);transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.btn-primary,.btn-gold-pill{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.88rem 1.85rem;background:linear-gradient(135deg,#a855f7,#7e22ce);color:#fff;font-family:var(--font-sans);font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:9999px;box-shadow:0 8px 24px -4px #a855f773;cursor:pointer;white-space:nowrap;border:none;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.btn-primary:hover,.btn-gold-pill:hover{background:linear-gradient(135deg,#b568f8,#8b25e2);transform:translateY(-2px);box-shadow:0 12px 30px -4px #a855f799;color:#fff}.btn-primary svg,.btn-gold-pill svg{transition:transform .25s ease}.btn-primary:hover svg,.btn-gold-pill:hover svg{transform:translate(4px)}.btn-secondary,.btn-outline-pill{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.84rem 1.85rem;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:.85rem;font-weight:600;letter-spacing:.06em;border:1.5px solid var(--text-primary);border-radius:9999px;cursor:pointer;white-space:nowrap;transition:transform .25s var(--transition-smooth),background .25s var(--transition-smooth),color .25s var(--transition-smooth),border-color .5s ease-in-out,box-shadow .25s ease}[data-theme=light] .btn-secondary,[data-theme=light] .btn-outline-pill{border-color:#1f122b;color:#1f122b}[data-theme=light] .btn-secondary:hover,[data-theme=light] .btn-outline-pill:hover{background:#1f122b;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px -4px #1f122b40}[data-theme=dark] .btn-secondary,[data-theme=dark] .btn-outline-pill{border-color:#faf7fc73;color:#faf7fc}[data-theme=dark] .btn-secondary:hover,[data-theme=dark] .btn-outline-pill:hover{background:#ffffff24;color:#fff;border-color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px -4px #a855f740}.badge-gold{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;background:var(--accent-gold-dim);border:1px solid var(--border-gold);border-radius:20px;color:var(--accent-gold);font-size:.75rem;font-weight:600;letter-spacing:.04em}:focus-visible{outline:2px solid var(--accent-gold);outline-offset:3px}.reveal-heading{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal-heading.is-revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}.reveal-delay-5{transition-delay:.4s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal-heading{opacity:1!important;transform:none!important;transition:none!important}}.cert-interactive-card,.cert-gallery-card,.featured-research-card{position:relative;transition:transform .35s var(--transition-smooth),border-color .35s var(--transition-smooth),box-shadow .35s var(--transition-smooth),background-color .35s var(--transition-smooth)}[data-theme=light] .cert-interactive-card,[data-theme=light] .cert-gallery-card,[data-theme=light] .featured-research-card{background:#fff;border-color:var(--border-card);box-shadow:var(--shadow-card)}[data-theme=dark] .cert-interactive-card,[data-theme=dark] .cert-gallery-card{background:#101218b3;border-color:var(--border-subtle)}[data-theme=dark] .featured-research-card{background:linear-gradient(135deg,#14161cd9,#0d0f13e6);border-color:var(--border-gold)}@media (min-width: 1024px){.cert-interactive-card:hover,.cert-gallery-card:hover,.featured-research-card:hover,.cert-interactive-card:focus-visible,.cert-gallery-card:focus-visible,.featured-research-card:focus-within{transform:translateY(-6px) scale(1.015);border-color:var(--border-gold);box-shadow:0 20px 40px -10px #000c,0 0 30px -5px var(--accent-gold-glow)}[data-theme=light] .cert-interactive-card:hover,[data-theme=light] .cert-gallery-card:hover,[data-theme=light] .featured-research-card:hover,[data-theme=light] .cert-interactive-card:focus-visible,[data-theme=light] .cert-gallery-card:focus-visible,[data-theme=light] .featured-research-card:focus-within{background:#fff;border-color:var(--border-gold);box-shadow:var(--shadow-card-hover)}}.cert-img-container{position:relative;width:100%;overflow:hidden;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;outline:none}[data-theme=light] .cert-img-container{background:#fff}.cert-card-img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .4s var(--transition-smooth)}@media (min-width: 1024px){.cert-gallery-card:hover .cert-card-img,.featured-research-card:hover .cert-card-img,.cert-interactive-card:hover .cert-card-img,.cert-img-container:hover .cert-card-img{transform:scale(1.03)}}.cert-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#08090cb3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0!important;pointer-events:none;z-index:1;transition:opacity .3s ease,background-color .3s ease;border-radius:8px}[data-theme=light] .cert-hover-overlay{background:#ffffff80;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.cert-gallery-card:hover .cert-hover-overlay,.featured-research-card:hover .cert-hover-overlay,.cert-interactive-card:hover .cert-hover-overlay{opacity:0!important}.cert-img-container:has(.cert-hover-btn:hover) .cert-hover-overlay,.cert-hover-overlay.is-active{opacity:1!important}.cert-hover-action{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.cert-hover-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent-gold);color:var(--text-inverse);font-family:inherit;font-size:.75rem;font-weight:700;letter-spacing:.1em;padding:.65rem 1.15rem;border:none;outline:none;cursor:pointer;border-radius:6px;box-shadow:0 8px 20px #0006;transform:translateY(6px);opacity:0;pointer-events:auto;transition:transform .25s ease,opacity .25s ease,box-shadow .25s ease,background-color .2s ease}@media (hover: hover) and (pointer: fine){.cert-gallery-card:hover .cert-hover-btn,.cert-gallery-card:focus-visible .cert-hover-btn,.featured-research-card:hover .cert-hover-btn,.featured-research-card:focus-within .cert-hover-btn,.cert-interactive-card:hover .cert-hover-btn,.cert-img-container:hover .cert-hover-btn{opacity:1;transform:translateY(0)}.cert-hover-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 24px #00000080}}