/*
Theme Name: Waqar Retro Portfolio
Theme URI: https://example.com/
Author: Waqar Ud Din
Description: A CV-led performance marketing portfolio with a playful retro browser theme.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: waqar-retro-portfolio
*/

:root{--ink:#10172a;--muted:#65718a;--blue:#3974f6;--blue-dark:#2158d7;--lav:#a78bfa;--line:#e7ebf2;--surface:#fff;--soft:#f5f7fb;--radius:22px;--shadow:0 24px 70px rgba(20,39,82,.1);--wrap:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.wrap{width:min(var(--wrap),calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:16px;z-index:1000;padding:10px 14px;background:#fff;color:#111}.skip-link:focus{top:10px}.site-header{height:78px;display:flex;align-items:center;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(231,235,242,.8);position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:850;font-size:22px;letter-spacing:-1px;display:inline-flex;align-items:center;gap:9px}.brand-mark{width:30px;height:30px;border-radius:10px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:13px;box-shadow:0 6px 15px #3974f644}.nav-wrap{display:flex;align-items:center;gap:30px}.primary-nav{display:flex;align-items:center;gap:28px}.primary-nav a{font-size:13px;font-weight:650;color:#48536a;transition:color .2s}.primary-nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:14px;background:var(--ink);color:#fff;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #10172a24}.button-blue{background:var(--blue);box-shadow:0 8px 20px #3974f633}.button-blue:hover{background:var(--blue-dark)}.button-light{background:#fff;color:var(--ink)}.button-arrow{font-size:18px;line-height:1}.menu-toggle{display:none;background:transparent;border:0;padding:8px;color:var(--ink)}
.hero{padding:34px 0 0}.hero-panel{position:relative;isolation:isolate;overflow:hidden;border-radius:30px;min-height:570px;padding:80px 34px 42px;text-align:center;color:#fff;background:radial-gradient(ellipse at 50% 115%,#1e47a5 0,transparent 47%),linear-gradient(135deg,#4e8aff 0%,#326be9 48%,#244fc0 100%);box-shadow:0 28px 85px rgba(44,91,203,.2)}.hero-panel:before,.hero-panel:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}.hero-panel:before{width:480px;height:480px;right:-140px;top:-255px;background:radial-gradient(circle,#a8c4ff55,transparent 70%)}.hero-panel:after{width:380px;height:380px;left:-190px;bottom:-220px;background:radial-gradient(circle,#a98bff55,transparent 70%)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.hero .eyebrow{padding:7px 11px;border:1px solid #ffffff39;background:#ffffff15;border-radius:999px;color:#eef4ff}.status-dot{height:7px;width:7px;background:#71efc0;border-radius:50%;box-shadow:0 0 12px #71efc0}.hero h1{font-size:clamp(46px,7vw,82px);line-height:.99;letter-spacing:-.065em;max-width:900px;margin:25px auto 18px;font-weight:780}.hero h1 span{color:#dbe7ff}.hero-copy{font-size:18px;line-height:1.55;color:#e7efff;max-width:650px;margin:0 auto}.prompt-card{width:min(690px,100%);margin:34px auto 0;padding:12px;background:#fff;border-radius:20px;box-shadow:0 18px 55px #152c6633;text-align:left;color:var(--ink)}.prompt-top{display:flex;justify-content:space-between;align-items:center;padding:0 6px 8px;color:#8b96aa;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.prompt-mark{color:var(--blue)}.prompt-line{display:flex;align-items:center;gap:10px}.prompt-line p{flex:1;margin:0;padding:8px 9px;color:#35415a;font-size:15px;line-height:1.5}.prompt-icon{height:42px;width:42px;border:0;border-radius:13px;display:grid;place-items:center;background:#eaf0ff;color:var(--blue);font-size:20px;transition:all .2s}.prompt-icon:hover,.prompt-icon[aria-pressed=true]{background:var(--blue);color:#fff}.prompt-response{display:none;margin:10px 5px 4px;padding:12px 13px;background:#f4f7ff;color:#4a5873;border-radius:12px;font-size:13px;line-height:1.55}.prompt-response.is-visible{display:block;animation:fade-in .3s ease}.hero-proof{margin:34px auto 0;max-width:780px}.hero-proof-label{font-size:11px;color:#d4e0ff;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.proof-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:13px}.proof-chips span{border:1px solid #ffffff40;background:#ffffff13;border-radius:999px;padding:7px 12px;font-size:12px;color:#fff;font-weight:650}
.section{padding:104px 0}.section-soft{background:var(--soft)}.section-heading{max-width:730px;margin:0 auto 46px;text-align:center}.section-heading .eyebrow{color:var(--blue)}.section-heading h2{font-size:clamp(34px,4.5vw,54px);line-height:1.07;letter-spacing:-.05em;margin:13px 0 14px}.section-heading p{color:var(--muted);font-size:16px;margin:0}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.proof-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px 22px;min-height:145px;box-shadow:0 6px 24px #16264a05}.proof-number{display:block;font-size:clamp(27px,3vw,38px);letter-spacing:-.055em;line-height:1.1;font-weight:800;color:var(--blue)}.proof-label{display:block;margin-top:11px;color:#64708a;font-size:13px;font-weight:620;line-height:1.45}.markets-line{text-align:center;margin:24px auto 0;color:#778198;font-size:13px}.markets-line strong{color:#3b4760}
.intro-grid{display:grid;grid-template-columns:1fr .92fr;gap:70px;align-items:center}.intro-copy .eyebrow,.section-eyebrow{color:var(--blue)}.intro-copy h2{font-size:clamp(36px,5vw,58px);line-height:1.03;letter-spacing:-.06em;margin:14px 0 22px}.intro-copy p{color:#5b667b;margin:0 0 16px}.intro-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:700;font-size:14px}.skill-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:25px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head strong{font-size:14px}.panel-kicker{color:#8c97aa;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.skill-list{display:grid;gap:11px}.skill-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;background:#f8f9fc;border:1px solid #eff1f6;border-radius:14px;padding:12px}.skill-icon{height:34px;width:34px;background:#eaf0ff;color:var(--blue);border-radius:11px;display:grid;place-items:center;font-size:13px;font-weight:800}.skill-row strong{display:block;font-size:13px}.skill-row small{display:block;color:#8791a5;font-size:11px}.skill-tag{font-size:10px;font-weight:750;color:#5c6e92;background:#e9eef8;border-radius:999px;padding:5px 8px}.tools-line{margin-top:17px;padding-top:15px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:7px}.tools-line span{font-size:10px;color:#66728a;background:#f1f3f8;padding:5px 8px;border-radius:999px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:23px;min-height:285px;transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feature-visual{height:112px;margin:-4px -4px 19px;border-radius:16px;overflow:hidden;position:relative;background:linear-gradient(140deg,#eaf1ff,#f3efff)}.feature-visual:after{content:"";position:absolute;inset:auto 12px 12px;height:34px;border-radius:9px;background:#fff;box-shadow:0 4px 16px #243b6c12}.visual-bars{position:absolute;bottom:24px;left:23px;right:23px;display:flex;align-items:end;justify-content:space-between;height:65px;z-index:1}.visual-bars i{display:block;width:11%;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#8baeff,#3974f6)}.visual-bars i:nth-child(1){height:30%}.visual-bars i:nth-child(2){height:52%}.visual-bars i:nth-child(3){height:41%}.visual-bars i:nth-child(4){height:73%}.visual-bars i:nth-child(5){height:58%}.visual-bars i:nth-child(6){height:91%}.visual-bars i:nth-child(7){height:76%}.visual-bars i:nth-child(8){height:100%}.visual-tags{position:absolute;inset:18px 20px auto;display:flex;gap:7px;z-index:2}.visual-tags span{background:#ffffffdc;border:1px solid #dfe7f8;color:#5e6e90;font-size:9px;font-weight:750;padding:4px 7px;border-radius:7px}.visual-funnel{display:flex;align-items:center;justify-content:center;gap:9px;height:100%;position:relative;z-index:1}.visual-funnel span{padding:9px 10px;border-radius:10px;background:#fff;color:#586782;font-size:10px;font-weight:750;box-shadow:0 4px 12px #243b6c0d}.visual-funnel b{color:#7b9cf0;font-size:15px}.visual-track{position:absolute;inset:17px 20px;display:grid;gap:9px;align-content:center}.track-row{height:17px;background:#fff;border-radius:7px;box-shadow:0 3px 10px #243b6c0c;display:flex;align-items:center;padding:0 7px;gap:6px}.track-row:before{content:"";width:7px;height:7px;background:#6b93fa;border-radius:50%}.track-row i{height:4px;width:48%;border-radius:9px;background:#e1e8f7}.track-row:nth-child(2) i{width:70%}.track-row:nth-child(3) i{width:35%}.feature-index{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--blue)}.feature-card h3{font-size:20px;letter-spacing:-.035em;margin:5px 0 8px}.feature-card p{font-size:13px;color:var(--muted);margin:0}
.experience-list{max-width:900px;margin:0 auto;display:grid;gap:13px}.experience-item{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}.experience-item[open]{border-color:#c9d8ff;box-shadow:0 14px 36px #274a9410}.experience-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:56px 1fr auto 20px;align-items:center;gap:16px;padding:19px 22px}.experience-item summary::-webkit-details-marker{display:none}.experience-index{height:42px;width:42px;display:grid;place-items:center;border-radius:13px;background:#edf2ff;color:var(--blue);font-size:12px;font-weight:800}.experience-main strong{display:block;font-size:17px;letter-spacing:-.025em}.experience-main span{display:block;font-size:12px;color:#748098}.experience-date{font-size:12px;color:#66728a;font-weight:650}.experience-chevron{color:#71809e;transition:transform .2s}.experience-item[open] .experience-chevron{transform:rotate(180deg)}.experience-body{padding:0 28px 23px 94px;color:#5c687f;font-size:14px}.experience-body ul{margin:0;padding-left:18px;display:grid;gap:8px}.experience-body li::marker{color:var(--blue)}.experience-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.experience-meta span{font-size:10px;font-weight:750;padding:5px 9px;border-radius:999px;background:#f0f3fa;color:#64718b}
.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.approach-card{padding:25px;border-radius:20px;background:#fff;border:1px solid var(--line)}.approach-num{font-size:12px;color:var(--blue);font-weight:800;letter-spacing:.12em}.approach-card h3{font-size:19px;letter-spacing:-.03em;margin:10px 0 8px}.approach-card p{font-size:13px;color:var(--muted);margin:0}.education-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.education-row:last-child{border-bottom:0}.education-row strong{display:block;font-size:15px}.education-row span{display:block;font-size:12px;color:var(--muted)}.education-year{font-size:12px;color:#778198;white-space:nowrap}.contact-panel{position:relative;overflow:hidden;text-align:center;color:#fff;border-radius:28px;padding:66px 24px;background:radial-gradient(ellipse at 100% 0,#8eabff66,transparent 42%),linear-gradient(130deg,#132443,#142d59 58%,#213f87)}.contact-panel .eyebrow{color:#bdceff}.contact-panel h2{font-size:clamp(36px,5vw,58px);letter-spacing:-.06em;line-height:1.03;margin:14px auto;max-width:700px}.contact-panel p{color:#cad5ea;max-width:560px;margin:0 auto 25px}.contact-actions{display:flex;justify-content:center;gap:11px;flex-wrap:wrap}.contact-link{color:#d4e0ff;text-decoration:underline;text-underline-offset:4px}.site-footer{padding:26px 0 36px;color:#7d879b;font-size:12px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px}.footer-links{display:flex;gap:18px}.footer-links a:hover{color:var(--blue)}
@keyframes fade-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.primary-nav{gap:17px}.nav-wrap{gap:18px}.proof-grid{grid-template-columns:repeat(2,1fr)}.intro-grid{gap:38px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:last-child{grid-column:span 2}.hero-panel{min-height:540px;padding-top:70px}}
@media(max-width:680px){.wrap{width:min(var(--wrap),calc(100% - 32px))}.site-header{height:68px}.menu-toggle{display:grid;place-items:center}.menu-toggle svg{width:22px;height:22px}.nav-wrap{display:none;position:absolute;top:67px;left:0;right:0;background:#fff;padding:18px 20px 22px;border-bottom:1px solid var(--line);box-shadow:0 18px 24px #1b2a4510;align-items:stretch}.nav-wrap.is-open{display:flex;flex-direction:column}.primary-nav{display:grid;gap:0}.primary-nav a{padding:12px 4px;border-bottom:1px solid #f0f2f6}.nav-wrap>.button{margin-top:5px}.hero{padding-top:16px}.hero-panel{padding:56px 18px 26px;min-height:0;border-radius:23px}.hero h1{font-size:clamp(43px,13vw,64px);margin-top:22px}.hero-copy{font-size:15px}.prompt-card{margin-top:27px;padding:9px;border-radius:16px}.prompt-line p{font-size:13px}.prompt-icon{width:38px;height:38px}.hero-proof{margin-top:26px}.proof-chips{gap:6px}.proof-chips span{font-size:10px;padding:6px 9px}.section{padding:75px 0}.section-heading{margin-bottom:31px}.section-heading p{font-size:14px}.proof-grid{gap:9px}.proof-card{padding:17px 14px;min-height:123px;border-radius:15px}.proof-label{font-size:11px}.markets-line{font-size:12px}.intro-grid{grid-template-columns:1fr;gap:30px}.intro-copy h2{font-size:40px}.skill-panel{padding:17px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card,.feature-card:last-child{grid-column:auto;min-height:0;padding:18px}.feature-visual{height:104px}.experience-item summary{grid-template-columns:42px 1fr 18px;gap:12px;padding:15px}.experience-index{height:38px;width:38px}.experience-main strong{font-size:14px}.experience-main span{font-size:11px}.experience-date{grid-column:2;font-size:11px;margin-top:-8px}.experience-chevron{grid-column:3;grid-row:1}.experience-body{padding:0 18px 19px 69px;font-size:13px}.approach-grid{grid-template-columns:1fr;gap:10px}.approach-card{padding:19px}.education-row{align-items:flex-start}.education-year{font-size:11px}.contact-panel{border-radius:22px;padding:49px 20px}.contact-panel h2{font-size:40px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap;gap:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* CV metric selector and experience explorer */
.metric-card{width:100%;text-align:left;color:var(--ink);font-family:inherit;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}.metric-card:hover{transform:translateY(-3px)}.metric-card.is-active{transform:translateY(-4px) scale(1.015);border-color:#82a4ff;box-shadow:0 14px 32px #376ee622,0 0 0 2px #3974f61a}.metric-detail{margin-top:15px;border:1px solid #dce5fb;border-radius:18px;padding:20px 23px;background:linear-gradient(105deg,#f0f5ff,#fafbff);min-height:125px}.metric-detail-kicker{display:block;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.metric-detail h3{font-size:18px;letter-spacing:-.025em;margin:6px 0 5px}.metric-detail p{margin:0;color:#64708a;font-size:13px;line-height:1.6}.detail-refresh{animation:fade-in .26s ease}
.theme-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid #e4e8f0;background:#fff;color:#515d74;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}.theme-toggle-icon{font-size:15px;line-height:1}.theme-toggle:hover{border-color:#9cb8ff;color:var(--blue)}
.career-explorer{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:stretch;max-width:1000px;margin:0 auto}.career-list{display:grid;gap:10px;align-content:start}.career-card{width:100%;display:grid;grid-template-columns:42px 1fr auto 18px;align-items:center;gap:12px;padding:15px;background:var(--surface);border:1px solid var(--line);border-radius:16px;text-align:left;color:var(--ink);font-family:inherit;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}.career-card:hover{transform:translateX(3px);border-color:#c7d7ff}.career-card.is-active{transform:translateX(5px);border-color:#8eacff;background:#f7f9ff;box-shadow:0 9px 24px #2e62c21a}.career-card .experience-index{height:36px;width:36px}.career-card .experience-main strong{font-size:13px}.career-card .experience-main span{font-size:10px}.career-card .experience-date{font-size:10px;text-align:right}.career-card .experience-chevron{color:var(--blue);font-size:14px}.career-detail-wrap{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:28px;box-shadow:var(--shadow);min-height:390px}.career-detail[hidden]{display:none}.career-detail{animation:fade-in .25s ease}.career-detail h3{font-size:27px;line-height:1.1;letter-spacing:-.045em;margin:8px 0 5px}.career-period{color:var(--muted);font-size:12px;margin:0 0 18px}.career-detail .experience-meta{margin-bottom:17px}.career-detail ul{padding-left:19px;margin:0;display:grid;gap:11px;color:#59667d;font-size:13px;line-height:1.55}.career-detail li::marker{color:var(--blue)}
/* Contact form and contact methods */
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}.contact-intro{padding-top:12px}.contact-intro>.eyebrow{color:var(--blue)}.contact-intro h2{font-size:clamp(38px,5vw,58px);letter-spacing:-.06em;line-height:1.02;margin:14px 0 17px}.contact-intro>p{color:var(--muted);max-width:430px;margin:0}.contact-methods{display:grid;gap:10px;margin-top:28px}.contact-method{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:border-color .18s,transform .18s}.contact-method:hover{transform:translateX(3px);border-color:#9cb8ff}.contact-method-icon{height:38px;width:38px;border-radius:12px;background:#e9efff;color:var(--blue);display:grid;place-items:center;font-size:17px;font-weight:800}.contact-method-icon svg{width:21px;height:21px}.whatsapp-icon{background:#e4f8ed;color:#1fa463}.gmail-icon{background:#fff0ed;color:#d94d3d}.linkedin-icon{background:#e5f2ff;color:#1769aa;font-size:14px}.contact-method small{display:block;color:#818ca0;font-size:10px;line-height:1.3}.contact-method strong{display:block;font-size:13px;line-height:1.4}.contact-form-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow)}.contact-form{display:grid;gap:15px}.form-row{display:grid;gap:6px}.form-row label{font-size:12px;font-weight:700;color:var(--ink)}.form-row label span{font-weight:500;color:#8993a5}.form-row input,.form-row textarea{width:100%;border:1px solid #dfe4ed;background:#fff;color:#172033;border-radius:11px;padding:12px 13px;font:inherit;font-size:14px;outline:none;transition:border-color .18s,box-shadow .18s}.form-row input:focus,.form-row textarea:focus{border-color:#6d95f9;box-shadow:0 0 0 3px #3974f61c}.form-row textarea{resize:vertical;min-height:120px}.form-submit{justify-self:start;border:0;cursor:pointer}.form-notice{padding:11px 13px;border-radius:10px;font-size:13px;margin:0 0 14px}.form-success{background:#e7f8ef;color:#187345}.form-error{background:#fff0ed;color:#aa3e31}.honeypot-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
/* Dark theme is the initial appearance; the header toggle switches to light. */
html[data-theme="dark"]{--ink:#f1f3f7;--muted:#a1a9b8;--line:#282c36;--surface:#111319;--soft:#0c0e13;--shadow:0 22px 60px rgba(0,0,0,.24);background:#08090c;color:var(--ink)}html[data-theme="dark"] body{background:#08090c;color:var(--ink)}html[data-theme="dark"] .site-header{background:rgba(8,9,12,.9);border-color:#20222a}html[data-theme="dark"] .primary-nav a{color:#b5bdcb}html[data-theme="dark"] .primary-nav a:hover{color:#8eacff}html[data-theme="dark"] .theme-toggle{color:#dce4f4;border-color:#303543;background:#141720}html[data-theme="dark"] .button:not(.button-blue){background:#f1f4fb;color:#151a25}html[data-theme="dark"] .section-soft{background:#0c0e13}html[data-theme="dark"] .proof-card,html[data-theme="dark"] .skill-panel,html[data-theme="dark"] .feature-card,html[data-theme="dark"] .experience-item,html[data-theme="dark"] .approach-card,html[data-theme="dark"] .education-row,html[data-theme="dark"] .contact-method,html[data-theme="dark"] .contact-form-card{background:var(--surface);border-color:var(--line);color:var(--ink)}html[data-theme="dark"] .skill-row{background:#171a22;border-color:#292d38}html[data-theme="dark"] .skill-row strong,html[data-theme="dark"] .feature-card h3,html[data-theme="dark"] .approach-card h3,html[data-theme="dark"] .education-row strong,html[data-theme="dark"] .panel-head strong,html[data-theme="dark"] .experience-main strong{color:#f1f3f7}html[data-theme="dark"] .skill-tag,html[data-theme="dark"] .experience-meta span,html[data-theme="dark"] .tools-line span{background:#252a35;color:#bbc6dc}html[data-theme="dark"] .metric-card.is-active{background:#171d2b;border-color:#527ee5;box-shadow:0 12px 32px #0008,0 0 0 2px #3974f633}html[data-theme="dark"] .metric-detail{background:linear-gradient(110deg,#131a29,#111319);border-color:#29354d}html[data-theme="dark"] .metric-detail h3{color:#f1f3f7}html[data-theme="dark"] .metric-detail p,html[data-theme="dark"] .career-detail ul{color:#b3bdce}html[data-theme="dark"] .career-card{background:#111319;border-color:#282c36;color:#f1f3f7}html[data-theme="dark"] .career-card.is-active{background:#151b29;border-color:#648bee;box-shadow:0 12px 30px #0007,0 0 0 1px #3974f633}html[data-theme="dark"] .career-detail-wrap{background:#111319;border-color:#282c36}html[data-theme="dark"] .career-detail h3{color:#f1f3f7}html[data-theme="dark"] .feature-visual{background:linear-gradient(140deg,#1c263a,#211e35)}html[data-theme="dark"] .feature-visual:after,html[data-theme="dark"] .visual-funnel span,html[data-theme="dark"] .track-row{background:#222735;box-shadow:none}html[data-theme="dark"] .visual-tags span{background:#222735;border-color:#343c50;color:#ccd5e5}html[data-theme="dark"] .track-row i{background:#47516a}html[data-theme="dark"] .contact-method-icon{background:#202a40}html[data-theme="dark"] .whatsapp-icon{background:#153725;color:#57d58e}html[data-theme="dark"] .gmail-icon{background:#39231f;color:#ff8d7d}html[data-theme="dark"] .linkedin-icon{background:#172d41;color:#72baff}html[data-theme="dark"] .form-row input,html[data-theme="dark"] .form-row textarea{background:#0b0d12;border-color:#323744;color:#eff2f8}html[data-theme="dark"] .form-row label{color:#d8deea}html[data-theme="dark"] .form-row input:focus,html[data-theme="dark"] .form-row textarea:focus{border-color:#6d95f9}html[data-theme="dark"] .site-footer{color:#858e9f}html[data-theme="dark"] .footer-links a:hover{color:#8eacff}
@media(max-width:900px){.career-explorer{grid-template-columns:1fr;gap:14px}.career-list{grid-template-columns:1fr 1fr}.career-detail-wrap{min-height:0}.contact-layout{gap:35px}}
@media(max-width:680px){.career-list{grid-template-columns:1fr}.career-card{grid-template-columns:38px 1fr auto 16px;padding:12px;gap:9px}.career-card .experience-main strong{font-size:12px}.career-card .experience-date{font-size:9px}.career-detail-wrap{padding:21px}.career-detail h3{font-size:24px}.metric-detail{padding:17px}.contact-layout{grid-template-columns:1fr;gap:25px}.contact-form-card{padding:20px}.theme-toggle{justify-content:center}}
.hero-experience{margin:23px 0 0;color:#edf3ff;font-size:14px;font-weight:700;letter-spacing:.01em}.hero-experience span{padding:0 7px;color:#b8ccff}.hero-actions{display:flex;justify-content:center;align-items:center;gap:21px;margin-top:21px}.hero-secondary-link{font-size:13px;font-weight:700;color:#f0f4ff}.hero-secondary-link:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:680px){.hero h1{font-size:clamp(32px,8.4vw,52px)}.hero-experience{font-size:12px;line-height:1.6}.hero-actions{gap:13px;flex-wrap:wrap}.hero-secondary-link{font-size:12px}}
@media(max-width:680px){html[data-theme="dark"] .nav-wrap{background:#090a0e;border-color:#242832}html[data-theme="dark"] .primary-nav a{border-color:#232731}}

/* Alternate retro pastel skin. This theme is a separate version of the portfolio. */
:root{--ink:#171324;--muted:#5d5667;--blue:#7133ae;--blue-dark:#592390;--lav:#a737a0;--line:#18131f;--surface:#fffdf5;--soft:#fffdf5;--radius:18px;--shadow:6px 6px 0 #8428ad;--wrap:1120px;--retro-mint:#a5f1d9;--retro-pink:#ee9dce;--retro-purple:#8b2cb1;--retro-cream:#fffdf5}
html{background:var(--retro-mint)}body{background-color:var(--retro-mint);background-image:linear-gradient(rgba(32,88,76,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(32,88,76,.08) 1px,transparent 1px);background-size:18px 18px;color:var(--ink);font-family:"Trebuchet MS","Segoe UI",sans-serif}.site-header{position:relative;height:auto;border:0;background:transparent;backdrop-filter:none;padding:14px 0 4px}.header-inner{min-height:64px;padding:10px 16px;border:3px solid #171324;border-radius:15px;background:var(--retro-cream);box-shadow:4px 4px 0 var(--retro-purple)}.brand{font-family:ui-monospace,"SFMono-Regular",monospace;font-size:18px;letter-spacing:-.07em}.brand-mark{background:var(--retro-pink);color:#171324;border:2px solid #171324;box-shadow:2px 2px 0 var(--retro-purple);border-radius:9px}.primary-nav a{color:#403848;font-size:12px}.primary-nav a:hover{color:#8b2cb1}.button{border:2px solid #171324;border-radius:11px;background:#171324;color:#fff;padding-inline:17px;min-height:44px;box-shadow:3px 3px 0 var(--retro-purple);transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--retro-purple)}.button-blue{background:var(--retro-pink);color:#171324}.button-blue:hover{background:#f4b2dc}.button-light{background:var(--retro-cream);color:#171324}
.hero{padding:20px 0 0}.hero-panel{color:#171324;text-align:center;background:var(--retro-cream);border:3px solid #171324;border-radius:19px;box-shadow:7px 7px 0 var(--retro-purple);min-height:510px;padding:85px 30px 42px;overflow:hidden}.hero-panel:before{z-index:1;content:"";position:absolute;top:0;left:0;right:0;height:43px;border-bottom:3px solid #171324;border-radius:15px 15px 0 0;background:var(--retro-pink);filter:none}.hero-panel:after{z-index:2;content:"";position:absolute;top:16px;left:15px;width:30px;height:11px;border-radius:0;background:radial-gradient(circle at 5px 5px,#171324 0 3px,transparent 3.5px),radial-gradient(circle at 17px 5px,#171324 0 3px,transparent 3.5px),radial-gradient(circle at 29px 5px,#171324 0 3px,transparent 3.5px);filter:none}.hero .eyebrow{background:#f9e6f2;border:1px solid #d77ab7;border-radius:999px;color:#59334e;letter-spacing:.07em}.status-dot{background:#29aa70;box-shadow:none}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,7vw,80px);letter-spacing:-.065em;line-height:1.02;color:#171324}.hero h1 span{color:#8b2cb1}.hero-copy{color:#514957;font-size:17px}.hero-experience{color:#4f4556;font-size:14px}.hero-experience span{color:#8b2cb1}.hero-actions .button-light{background:var(--retro-pink)}.hero-secondary-link{color:#4e3154;text-decoration:underline;text-underline-offset:4px}.hero-secondary-link:hover{color:#792ca9}
.section{position:relative;width:min(1120px,calc(100% - 56px));margin:50px auto;padding:0;overflow:hidden;border:3px solid #171324;border-radius:18px;background:var(--retro-cream);box-shadow:6px 6px 0 var(--retro-purple)}.section:before{content:"";position:absolute;z-index:1;top:0;left:0;right:0;height:31px;background:var(--retro-pink);border-bottom:3px solid #171324}.section:after{content:"";position:absolute;z-index:2;top:10px;left:12px;width:30px;height:10px;background:radial-gradient(circle at 4px 5px,#171324 0 3px,transparent 3.5px),radial-gradient(circle at 16px 5px,#171324 0 3px,transparent 3.5px),radial-gradient(circle at 28px 5px,#171324 0 3px,transparent 3.5px)}.section-soft{background:var(--retro-cream)}.section .wrap{width:100%;max-width:none;padding:62px 34px 37px}.section-heading{margin-bottom:34px}.section-heading .eyebrow,.section-eyebrow{color:#7e2aa7}.section-heading h2,.intro-copy h2,.contact-intro h2{font-family:Georgia,"Times New Roman",serif;color:#171324;letter-spacing:-.045em}.section-heading p,.intro-copy p{color:#635968}.proof-card,.skill-panel,.feature-card,.experience-item,.approach-card,.education-row,.contact-method,.contact-form-card{background:var(--retro-cream);border:2px solid #171324;border-radius:14px;box-shadow:2px 2px 0 #bf68ce}.proof-grid{gap:13px}.proof-card{min-height:128px;padding:20px}.proof-number{color:#7a2ca8;font-family:Georgia,"Times New Roman",serif}.proof-label{color:#67596c}.metric-card:hover{transform:translateY(-3px) rotate(-.35deg)}.metric-card.is-active{background:#fbe4f2;border-color:#171324;box-shadow:4px 5px 0 #8428ad,0 0 0 2px #ee9dce;transform:translate(-2px,-3px) rotate(-.3deg)}.metric-detail{background:#effcf7;border:2px solid #171324;border-radius:14px;box-shadow:3px 3px 0 #8428ad}.metric-detail h3{font-family:Georgia,"Times New Roman",serif;color:#211528}.metric-detail p{color:#5d5360}.markets-line{color:#6b6070}.markets-line strong{color:#30243a}
.intro-grid{gap:40px}.skill-panel{padding:23px;box-shadow:4px 4px 0 #8428ad}.panel-head strong{color:#1c1422}.panel-kicker{color:#826b82}.skill-row{background:#f2fcf8;border:1px solid #bddfd2;border-radius:11px}.skill-icon{background:#f5dced;color:#742ba0;border:1px solid #d7a4c8}.skill-row strong{color:#211829}.skill-row small,.skill-tag,.tools-line span{color:#6c5d70}.skill-tag{background:#f6e9f1}.tools-line{border-color:#e2cedc}.tools-line span{background:#eff9f5}
.feature-grid{gap:14px}.feature-card{padding:19px;min-height:275px;box-shadow:3px 3px 0 #bf68ce;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translate(-2px,-3px) rotate(-.25deg);box-shadow:5px 6px 0 #8428ad}.feature-visual{background:#c6f4e5;border:1px solid #171324;border-radius:12px}.feature-visual:after{background:#fffdf5;border:1px solid #171324}.visual-tags span{border:1px solid #171324;color:#382942}.visual-funnel span{border:1px solid #171324;color:#382942}.feature-index{color:#762aa4}.feature-card h3,.approach-card h3{color:#201628}.feature-card p,.approach-card p{color:#625767}
.career-explorer{grid-template-columns:.9fr 1.1fr;gap:20px}.career-list{gap:11px}.career-card{background:#fffdf5;border:2px solid #171324;border-radius:13px;box-shadow:3px 3px 0 #bf68ce;padding:13px;transition:transform .18s,box-shadow .18s,background .18s}.career-card:hover{transform:translate(-2px,-2px);border-color:#171324;box-shadow:5px 5px 0 #8428ad}.career-card.is-active{transform:translate(-3px,-3px) rotate(-.25deg);border-color:#171324;background:#fae4f2;box-shadow:5px 6px 0 #8428ad}.career-card .experience-index{background:#a9f0d8;color:#23182c;border:1px solid #171324;border-radius:10px}.career-card .experience-main strong{color:#211629}.career-card .experience-main span,.career-card .experience-date{color:#68596c}.career-card .experience-chevron{color:#832ba9}.career-detail-wrap{background:#f2fcf8;border:2px solid #171324;border-radius:15px;box-shadow:4px 4px 0 #8428ad;padding:25px}.career-detail h3{font-family:Georgia,"Times New Roman",serif;color:#201528}.career-period{color:#6d6070}.experience-meta span{background:#f5e7f0;color:#614568;border:1px solid #e0c4d9}.career-detail ul{color:#5c5260}.experience-meta{gap:6px}
.approach-grid{gap:13px}.approach-card{box-shadow:3px 3px 0 #bf68ce;padding:21px}.approach-num{color:#7c2ba8}.education-row{box-shadow:none;background:transparent;border:0;border-bottom:1px dashed #cdaec7;border-radius:0}.education-row strong{color:#211629}.education-row span,.education-year{color:#6a5b6d}.contact-layout{gap:36px}.contact-intro>.eyebrow{color:#7a2ca8}.contact-method{box-shadow:2px 2px 0 #bf68ce}.contact-method-icon{border:1px solid #171324;background:#d5f6e9;color:#4d2781}.contact-method strong{color:#25182b}.contact-method small{color:#76667a}.whatsapp-icon{background:#d9f4e5;color:#178b53}.gmail-icon{background:#f8e1e7;color:#c44453}.linkedin-icon{background:#e1effc;color:#1769aa}.contact-form-card{box-shadow:4px 4px 0 #8428ad;padding:25px}.form-row label{color:#2b1c31}.form-row label span{color:#837187}.form-row input,.form-row textarea{background:#fffef9;border:1.5px solid #171324;border-radius:9px;color:#211629}.form-row input:focus,.form-row textarea:focus{border-color:#8b2cb1;box-shadow:0 0 0 3px #ee9dce55}.form-notice{border:1px solid #171324}.site-footer{color:#51475a}
html[data-theme="dark"]{--ink:#f5eefa;--muted:#c3b6c5;--line:#3e3241;--surface:#201b22;--soft:#201b22;--shadow:6px 6px 0 #542574;--retro-mint:#173d38;--retro-cream:#201b22;--retro-pink:#bb70a6;--retro-purple:#542574;background:#173d38;color:#f5eefa}html[data-theme="dark"] body{background-color:#173d38;background-image:linear-gradient(rgba(142,220,194,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(142,220,194,.08) 1px,transparent 1px);background-size:18px 18px;color:#f5eefa}html[data-theme="dark"] .site-header{background:transparent}html[data-theme="dark"] .header-inner,html[data-theme="dark"] .section,html[data-theme="dark"] .hero-panel{background:#201b22;color:#f5eefa;border-color:#0b090c}html[data-theme="dark"] .header-inner{box-shadow:4px 4px 0 #542574}html[data-theme="dark"] .hero-panel{box-shadow:7px 7px 0 #542574}html[data-theme="dark"] .hero-panel:before,html[data-theme="dark"] .section:before{background:#bb70a6;border-color:#0b090c}html[data-theme="dark"] .hero-panel:after,html[data-theme="dark"] .section:after{background:radial-gradient(circle at 4px 5px,#0b090c 0 3px,transparent 3.5px),radial-gradient(circle at 16px 5px,#0b090c 0 3px,transparent 3.5px),radial-gradient(circle at 28px 5px,#0b090c 0 3px,transparent 3.5px)}html[data-theme="dark"] .hero h1,html[data-theme="dark"] .section-heading h2,html[data-theme="dark"] .intro-copy h2,html[data-theme="dark"] .contact-intro h2,html[data-theme="dark"] .section-heading p,html[data-theme="dark"] .intro-copy p,html[data-theme="dark"] .hero-copy,html[data-theme="dark"] .hero-experience,html[data-theme="dark"] .hero-secondary-link{color:#f5eefa}html[data-theme="dark"] .hero h1 span{color:#ee9dce}html[data-theme="dark"] .hero-experience span{color:#ee9dce}html[data-theme="dark"] .hero .eyebrow{background:#38283a;color:#f4c8e3;border-color:#75506e}html[data-theme="dark"] .hero-secondary-link{color:#f4c8e3}html[data-theme="dark"] .hero-actions .button-light,html[data-theme="dark"] .button-blue{background:#bb70a6;color:#190e19;border-color:#0b090c}html[data-theme="dark"] .button:not(.button-blue){background:#f5eefa;color:#201426;border-color:#0b090c}html[data-theme="dark"] .primary-nav a{color:#e4d5e8}html[data-theme="dark"] .brand{color:#f5eefa}html[data-theme="dark"] .theme-toggle{background:#2c2630;color:#f5eefa;border-color:#0b090c}html[data-theme="dark"] .section-soft{background:#201b22}html[data-theme="dark"] .proof-card,html[data-theme="dark"] .skill-panel,html[data-theme="dark"] .feature-card,html[data-theme="dark"] .experience-item,html[data-theme="dark"] .approach-card,html[data-theme="dark"] .contact-method,html[data-theme="dark"] .contact-form-card{background:#201b22;border-color:#0b090c;color:#f5eefa}html[data-theme="dark"] .proof-number,html[data-theme="dark"] .section-heading .eyebrow,html[data-theme="dark"] .metric-detail-kicker,html[data-theme="dark"] .feature-index,html[data-theme="dark"] .approach-num,html[data-theme="dark"] .contact-intro>.eyebrow{color:#eaa3d4}html[data-theme="dark"] .proof-label,html[data-theme="dark"] .markets-line,html[data-theme="dark"] .markets-line strong,html[data-theme="dark"] .skill-row strong,html[data-theme="dark"] .skill-row small,html[data-theme="dark"] .feature-card h3,html[data-theme="dark"] .feature-card p,html[data-theme="dark"] .approach-card h3,html[data-theme="dark"] .approach-card p,html[data-theme="dark"] .panel-head strong,html[data-theme="dark"] .panel-kicker,html[data-theme="dark"] .career-detail h3,html[data-theme="dark"] .career-detail ul,html[data-theme="dark"] .career-period,html[data-theme="dark"] .contact-method strong,html[data-theme="dark"] .contact-method small,html[data-theme="dark"] .form-row label{color:#e6dce8}html[data-theme="dark"] .skill-row,html[data-theme="dark"] .metric-detail,html[data-theme="dark"] .career-detail-wrap{background:#29222d;border-color:#0b090c}html[data-theme="dark"] .metric-detail h3,html[data-theme="dark"] .metric-detail p{color:#f0e7f2}html[data-theme="dark"] .metric-card.is-active,html[data-theme="dark"] .career-card.is-active{background:#38263a;border-color:#0b090c;box-shadow:4px 5px 0 #542574}html[data-theme="dark"] .career-card{background:#201b22;border-color:#0b090c;color:#f5eefa;box-shadow:3px 3px 0 #542574}html[data-theme="dark"] .career-card .experience-main strong,html[data-theme="dark"] .career-card .experience-main span,html[data-theme="dark"] .career-card .experience-date{color:#efe5f1}html[data-theme="dark"] .career-card .experience-index{background:#bb70a6;color:#1a111a;border-color:#0b090c}html[data-theme="dark"] .experience-meta span,html[data-theme="dark"] .tools-line span{background:#392b3c;color:#eddcee;border-color:#58415b}html[data-theme="dark"] .education-row{background:transparent;border-bottom-color:#56435a}html[data-theme="dark"] .education-row strong,html[data-theme="dark"] .education-row span{color:#e6dce8}html[data-theme="dark"] .contact-method-icon{background:#392b3c;color:#efcce7;border-color:#0b090c}html[data-theme="dark"] .whatsapp-icon{background:#1d4030;color:#80dda6}html[data-theme="dark"] .gmail-icon{background:#492c33;color:#ff9eaa}html[data-theme="dark"] .linkedin-icon{background:#23364b;color:#8acaff}html[data-theme="dark"] .form-row input,html[data-theme="dark"] .form-row textarea{background:#171319;border-color:#56435a;color:#f5eefa}html[data-theme="dark"] .form-row label span{color:#bba9be}html[data-theme="dark"] .site-footer{color:#d3bfd8}html[data-theme="dark"] .footer-links a:hover{color:#f2b7dc}
@media(max-width:900px){.career-explorer{grid-template-columns:1fr}.section .wrap{padding-inline:25px}.contact-layout{grid-template-columns:1fr 1.1fr;gap:25px}}
@media(max-width:680px){.site-header{padding-top:8px}.header-inner{padding:9px 11px}.nav-wrap{background:var(--retro-cream);border:2px solid #171324;border-radius:0 0 14px 14px;box-shadow:4px 4px 0 #8428ad}.primary-nav a{border-color:#e7d8e5}.theme-toggle{border-color:#171324;background:#f9e9f3;color:#3e2c46}.hero-panel{padding:75px 17px 32px;min-height:0}.hero h1{font-size:clamp(37px,10.5vw,52px)}.hero-copy{font-size:14px}.hero-experience{font-size:11px}.section{width:calc(100% - 32px);margin:32px auto}.section .wrap{padding:56px 16px 24px}.section-heading{margin-bottom:26px}.section-heading h2{font-size:35px}.proof-grid{gap:8px}.proof-card{padding:14px 10px;min-height:110px}.proof-number{font-size:27px}.proof-label{font-size:10px}.intro-copy h2{font-size:38px}.skill-panel{padding:16px}.feature-grid,.approach-grid{grid-template-columns:1fr}.feature-card{min-height:0}.career-list{grid-template-columns:1fr}.career-card{grid-template-columns:35px 1fr auto 14px;padding:10px;gap:8px}.career-card .experience-date{font-size:9px}.career-detail-wrap{padding:18px}.career-detail h3{font-size:23px}.contact-layout{grid-template-columns:1fr;gap:22px}.contact-form-card{padding:17px}.contact-intro h2{font-size:39px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}}
html:not([data-theme="dark"]) .hero-panel:before{width:auto}
html[data-theme="dark"] .hero-panel:before{width:auto}
:root{--retro-mint:#8cf2ce;--retro-pink:#f184c7;--retro-purple:#8b2cba}
.section-heading h2{max-width:820px;margin-inline:auto}
.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.feature-card{min-height:185px;padding:22px 23px;border:2px solid #171324;border-radius:8px;box-shadow:3px 3px 0 #8428ad;background:var(--retro-cream)}
.campaign-card{display:block;width:100%;text-align:left;color:#211528;font:inherit;cursor:pointer}
.campaign-card[aria-expanded="true"]{background:#effcf7;box-shadow:4px 4px 0 #8428ad}
.campaign-detail{display:block;margin-top:12px;padding-top:12px;border-top:1px solid #d8c6d8;font-size:14px;line-height:1.65;color:#514957}
.campaign-detail[hidden]{display:none}
.campaign-action{display:block;margin-top:14px;font-size:12px;font-weight:750;color:#742fb0}
.campaign-card:focus-visible{outline:3px solid #7c35b4;outline-offset:4px}
.feature-card:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 #8428ad}
.feature-index{display:block;margin-bottom:14px;font-family:ui-monospace,"SFMono-Regular",monospace;font-size:11px;letter-spacing:.04em}
.feature-card h3{font-family:Georgia,"Times New Roman",serif;font-size:21px;letter-spacing:-.025em;margin:0 0 10px}
.feature-card p{font-size:14px;line-height:1.65}
.hero .eyebrow{border-radius:4px;background:transparent;border:1px solid #bd62a0;padding:8px 12px;color:#59334e}
.skill-tag,.tools-line span,.experience-meta span,.visual-tags span{border:1px solid #28202b!important;border-radius:3px!important;background:transparent!important;box-shadow:none!important;padding:4px 8px!important}
.proof-card,.skill-panel,.skill-row,.feature-card,.metric-detail,.career-card,.career-detail-wrap,.approach-card,.contact-method,.contact-form-card{position:relative;isolation:isolate;transition:transform .18s,border-color .18s,box-shadow .18s,background-color .18s}
.proof-card:hover,.skill-panel:hover,.skill-row:hover,.feature-card:hover,.metric-detail:hover,.career-card:hover,.career-detail-wrap:hover,.approach-card:hover,.contact-method:hover,.contact-form-card:focus-within{animation:retro-radiant .46s ease-out}
.proof-card:focus-visible,.career-card:focus-visible,.theme-toggle:focus-visible,.button:focus-visible{outline:3px solid #7c35b4;outline-offset:3px}
.is-flashing{animation:retro-radiant .46s ease-out!important}
@keyframes retro-radiant{0%{filter:drop-shadow(0 0 0 rgba(239,115,192,0))}34%{filter:brightness(1.1) drop-shadow(0 0 7px rgba(239,115,192,.72)) drop-shadow(0 0 17px rgba(147,74,211,.45))}100%{filter:drop-shadow(0 0 0 rgba(239,115,192,0))}}
html[data-theme="dark"] .feature-card{background:#201b22;border-color:#0b090c;box-shadow:3px 3px 0 #542574}
html[data-theme="dark"] .campaign-card{color:#f5eefa}
html[data-theme="dark"] .campaign-card[aria-expanded="true"]{background:#29222d;box-shadow:4px 4px 0 #542574}
html[data-theme="dark"] .campaign-detail{border-color:#56435a;color:#e6dce8}
html[data-theme="dark"] .skill-tag,html[data-theme="dark"] .tools-line span,html[data-theme="dark"] .experience-meta span,html[data-theme="dark"] .visual-tags span{border-color:#a98aaa!important;color:#f0d9ed!important;background:transparent!important}
html[data-theme="dark"] .hero .eyebrow{background:transparent;border-color:#cc7eb3;color:#f4c8e3}
@media(max-width:680px){.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0;padding:20px}.feature-card h3{font-size:20px}}
.intro-copy h2{font-size:clamp(36px,4.4vw,54px);line-height:1.12;letter-spacing:-.045em}
.intro-copy h2 span{display:block;margin-top:.14em}
@media(max-width:680px){.intro-copy h2{font-size:clamp(32px,9vw,40px);line-height:1.14;letter-spacing:-.035em;margin-top:12px;margin-bottom:20px}.intro-copy h2 span{margin-top:.18em}}
.metric-detail{background:var(--retro-cream);border:2px solid #171324;border-radius:7px;box-shadow:3px 3px 0 #8428ad}
html[data-theme="dark"] .metric-detail{background:#29222d;border-color:#0b090c;box-shadow:3px 3px 0 #542574}