:root{--bg:#101413;--panel:#191f1c;--ink:#edf0e7;--muted:#a9b2aa;--lime:#cef59a;--line:#343e36}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}header{height:85px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 6vw;background:var(--bg)}.brand{font-size:28px;font-weight:800}.brand span{color:var(--lime)}nav{display:flex;gap:30px;font-size:14px}main{max-width:1440px;margin:auto;padding:0 6vw}.hero{padding:80px 0 0}.eyebrow{font:11px/1.5 monospace;letter-spacing:2px;color:var(--lime)}.dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:10px}h1{font-size:clamp(48px,7.5vw,108px);letter-spacing:-5px;line-height:1.04;font-weight:500;margin:35px 0}em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.hero-bottom p{max-width:590px;font-size:18px;color:var(--muted)}strong{color:var(--ink)}.button{display:inline-flex;justify-content:space-between;gap:35px;background:var(--lime);color:#172015;padding:17px 23px;border-radius:4px;font-weight:600}.hero-line{margin-top:55px;padding:20px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1px;color:var(--muted)}section:not(.hero){padding-top:100px}h2{font-size:clamp(32px,4vw,52px);line-height:1.15;font-weight:400;letter-spacing:-1.5px;margin:20px 0}h3{font-size:34px;line-height:1.2;letter-spacing:-1px;font-weight:400;margin:20px 0}h4{font-size:17px;margin:20px 0 8px}p{color:var(--muted)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:50px}.section-heading>p{max-width:270px}.project{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:45px 0 65px;border-top:1px solid var(--line)}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.tags span{font:11px monospace;border:1px solid var(--line);border-radius:30px;padding:6px 11px;color:var(--muted)}.status{font:11px monospace;color:var(--lime);margin:20px 0}.status:before{content:'● ';font-size:9px}details{border-top:1px solid var(--line);margin-top:25px;padding:18px 0}summary{cursor:pointer;list-style:none;font-size:14px;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}details p{font-size:14px}details[open] summary{color:var(--lime)}.flow{padding:14px;background:var(--panel);font:12px/1.8 monospace;color:var(--lime)}.demo{background:var(--panel);border:1px solid var(--line);border-radius:10px;align-self:start;box-shadow:0 20px 50px #0002;margin-top:8px}.demo-head{border-bottom:1px solid var(--line);padding:17px 22px;display:flex;justify-content:space-between;align-items:center;font:10px monospace;letter-spacing:1px}.pill{background:#283327;color:var(--lime);padding:5px 8px;border-radius:4px;letter-spacing:0}.demo-body{padding:24px}.demo h4{margin:4px 0;font-size:22px;font-weight:400}.small{font-size:12px;color:var(--muted)}.allocation{margin:28px 0}label{display:block;font-size:13px}output{float:right;color:var(--lime);font-family:monospace}input[type=range]{width:100%;accent-color:var(--lime);margin:15px 0 24px}input:not([type=range]){background:var(--bg);border:1px solid var(--line);padding:10px;color:var(--ink);width:100%;margin:10px 0}button{cursor:pointer;border:1px solid #586451;border-radius:4px;padding:10px 13px;color:var(--ink);background:transparent;font-size:12px}.accent{background:var(--lime);color:var(--bg);border-color:var(--lime)}button:hover,a.button:hover{filter:brightness(1.15)}button:disabled{opacity:.45;cursor:default}.actions{display:flex;gap:10px;flex-wrap:wrap}.notice{border-left:2px solid var(--lime);padding:8px 12px;margin:20px 0;font-size:12px;color:var(--muted)}.text-button{border:0;padding:5px 0;text-decoration:underline;color:var(--muted)}.footnote{font-size:11px;line-height:1.6;margin:20px 0 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}td,th{text-align:left;padding:12px 5px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:400}.flag{color:var(--lime)}.secondary{display:grid;grid-template-columns:1fr 1fr;gap:35px}.research{border-top:1px solid var(--line);padding:35px 0}.research-stat{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;align-items:center;margin:28px 0}.research-stat strong{font-size:30px;font-weight:400;color:var(--lime)}.research-stat span{font-size:12px;color:var(--muted)}.topics{margin:25px 0;display:grid;gap:8px}.topics span{border-bottom:1px solid var(--line);padding:10px 0;font-size:14px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.education{border-left:2px solid var(--lime);padding-left:20px;margin-top:25px;font-size:14px}.education span{color:var(--muted);font-size:12px}.experience{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);margin-top:50px;padding-top:30px}.experience span{font:11px monospace;color:var(--lime)}.experience h4{font-weight:400}.experience p{font-size:13px}.skills{display:flex;gap:12px 25px;flex-wrap:wrap;color:var(--muted);padding:35px 0;border-bottom:1px solid var(--line);font:13px monospace}#contact{text-align:center;padding-bottom:90px}#contact h2{font-size:clamp(40px,6vw,75px)}.contact-links{display:flex;justify-content:center;gap:30px;font-size:13px;margin-top:25px}footer{border-top:1px solid var(--line);padding:25px 6vw;display:flex;justify-content:space-between;gap:20px;font:10px/1.6 monospace;color:var(--muted)}:focus-visible{outline:2px solid var(--lime);outline-offset:5px}@media(max-width:760px){header{padding:0 6vw}nav{gap:16px;font-size:12px}.hero{padding-top:50px}h1{letter-spacing:-2px}.hero-bottom,.section-heading{display:block}.hero-line{gap:20px}.project,.secondary,.about-grid,.experience{grid-template-columns:1fr;gap:25px}.section-heading>p{max-width:100%}section:not(.hero){padding-top:65px}.project{padding-bottom:40px}.demo{margin-top:0}footer{flex-direction:column}h3{font-size:30px}.button{font-size:14px}.contact-links{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Neutral, application-first presentation */
:root{--bg:#141414;--panel:#1d1d1f;--ink:#f1f0ee;--muted:#b6b5b3;--lime:#dedbd6;--line:#3b3b3d}h1{font-size:clamp(48px,6vw,82px);letter-spacing:-3px}.hero{padding-top:55px}.hero-line{margin-top:35px}em{font-family:inherit;font-style:normal}.eyebrow{color:#c3c1be}.app-window{border:1px solid #47474a;border-radius:9px;overflow:hidden;background:#1d1d20;margin:30px 0 0;box-shadow:0 18px 50px #0002}.window-top{padding:18px 24px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);font-size:14px;font-weight:600;background:#252527}.pill{color:#e5e3df;background:#39393c;font-size:10px;font-weight:400}.app-tabs{display:flex;gap:8px;padding:12px 24px;border-bottom:1px solid var(--line)}.app-tabs button{border:0}.app-tabs .selected{background:#eceae6;color:#171717}.workspace{display:grid;grid-template-columns:225px 1fr}.workspace aside{padding:28px 22px;background:#18181a;border-right:1px solid var(--line)}.side-item{font-size:12px;padding:12px 0;color:var(--muted)}hr{border:0;border-top:1px solid var(--line);margin:25px 0}.workspace-main{padding:25px 30px}.workspace h3{font-size:25px;margin-top:0}.workspace h4{font-size:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}select,textarea,input:not([type=range]):not([type=checkbox]){display:block;width:100%;background:#29292d;color:#f2f1ee;border:1px solid #55555a;border-radius:4px;padding:10px;margin-top:7px;font:13px Arial}input[type=month]{color-scheme:dark}.table-wrap input[type=number]{min-width:65px;max-width:95px}.table-wrap select{min-width:140px}.table-wrap td{vertical-align:middle}.subtle{font-size:10px;color:var(--muted);margin-left:10px;font-weight:400}.workspace .actions{margin-top:22px}.workspace .notice{min-height:42px}button{border-color:#636367}#request-detail{margin:25px 0}.badge{display:inline-block;border:1px solid #6a6a70;border-radius:4px;padding:3px 8px;font-size:11px}.report-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:20px;padding:22px 24px}.report-toolbar label{flex:1;min-width:150px}.report-toolbar button{margin-bottom:1px}.report-summary{display:flex;gap:40px;padding:0 24px 22px}.report-summary strong{font-size:30px;font-weight:400;display:block}.report-summary span{font-size:11px;color:var(--muted)}.access-table{padding:0 24px}.access-table table{min-width:1150px}.access-table td{font-size:11px}.access-table small{display:block;color:var(--muted)}.app-window>.notice{margin:5px 24px 25px}.inset{margin:20px 24px}code{display:block;white-space:normal;overflow-wrap:anywhere;font:11px/2 monospace;color:var(--muted)}.photo-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-top:30px}figure{margin:0}figure img{width:100%;height:380px;object-fit:cover;border-radius:5px}figcaption{font-size:11px;color:var(--muted);padding:10px 0}.research-caption{max-width:800px}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:5px 24px 20px}.kpi{border:1px solid var(--line);padding:20px}.kpi strong{display:block;font-size:32px;font-weight:400}.kpi span{font-size:12px;color:var(--muted)}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:10px 24px 25px}.bar-row{margin:18px 0}.bar-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}.track{height:14px;background:#353538;border-radius:2px;overflow:hidden}.fill{height:100%;background:#a5adb7}.chart-grid>div:last-child .fill{background:#c6bfb4}.photo-grid a:focus-visible{display:block}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #eee;outline-offset:3px}@media(max-width:800px){.workspace{grid-template-columns:1fr}.workspace aside{display:none}.workspace-main{padding:22px 16px}.form-grid{gap:12px}.window-top{flex-wrap:wrap}.photo-grid,.chart-grid{grid-template-columns:1fr}figure img{height:auto}.report-summary{gap:25px}.kpi-grid{gap:8px;padding:10px}.kpi{padding:12px}.kpi strong{font-size:25px}.report-toolbar{gap:12px}.report-toolbar label{min-width:120px}.workspace .actions button{flex-grow:1}}
/* Brighter portfolio with soft, spacious application surfaces */
:root{--bg:#f7f6f2;--panel:#fff;--ink:#282c36;--muted:#626671;--lime:#566595;--line:#dedfe5}body{background:var(--bg)}header{background:#ffffffbd;border-color:#e4e4e7}.brand span{color:#7d8dbe}nav a:hover{color:#566595}.hero{padding-top:60px}.hero h1{font-size:clamp(46px,6.6vw,88px);font-weight:650;letter-spacing:-3px;line-height:1.05;margin:24px 0}.hello-dot{color:#a891be}.eyebrow{color:#707185}.hero-bottom p{max-width:620px}.hero-bottom .button{background:#e8e5f1;color:#3f3b53;border:1px solid #d9d3e8;border-radius:24px}.project-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:38px}.project-shortcuts a{padding:20px 16px;background:#eaeaf5;border-radius:20px;font-size:13px;font-weight:600;transition:transform .15s}.project-shortcuts a:nth-child(2){background:#e4edf1}.project-shortcuts a:nth-child(3){background:#f2e6db}.project-shortcuts a:nth-child(4){background:#e8ede3}.project-shortcuts span{display:block;font:11px monospace;margin-bottom:12px;color:#686c78}.project-shortcuts a:hover{transform:translateY(-3px)}h2{font-size:clamp(30px,3.7vw,46px);font-weight:550}.section-heading{margin-bottom:24px}.section-heading>p{font-size:13px}.app-window{background:#fff;border:1px solid #dedee6;border-radius:22px;box-shadow:0 10px 35px #33384d08}.window-top{background:#eeedf5;color:#383746;padding:20px 24px}.pill{background:#fff;color:#666272;border:1px solid #dedce7;border-radius:15px;padding:6px 10px}.privacy-note{margin:20px 24px;padding:15px 18px;border:1px solid #e0dfeb;background:#f6f5fa;border-radius:14px;font-size:12px;line-height:1.7}.privacy-note strong{display:block;margin-bottom:4px}.app-tabs{border-color:#e5e4eb}.app-tabs button{border-radius:20px;color:#5e6170}.app-tabs .selected{background:#626b91;color:white}.workspace aside{background:#f7f7fa;border-color:#e5e4eb}.workspace-main{background:white}.side-item{background:#efeff5;border-radius:9px;margin:8px 0;padding:10px;font-size:11px}.workspace h3{font-weight:550;color:#343643}.workspace strong{font-size:12px}select,textarea,input:not([type=range]):not([type=checkbox]){background:#fafafd;color:#343746;border-color:#d7d8e0;border-radius:9px;padding:11px}input[type=month]{color-scheme:light}input[type=checkbox]{accent-color:#68739d}button{border:1px solid #d1d3df;color:#424858;background:#fff;border-radius:10px;padding:11px 15px}.accent{background:#616d96;color:#fff;border-color:#616d96}button:hover{background:#eceef7;filter:none}.accent:hover{background:#505d88}button:disabled{opacity:.45}.notice{background:#f3f4f8;border:0;border-radius:10px;color:#5a6070;padding:13px 15px}.text-button{background:transparent;color:#696d7a}td,th{border-color:#e5e6ed}th{background:#f7f7fa;color:#707381;font-size:11px}details{border-color:#e1e2e9}.badge{border-color:#d2d5e3;background:#f0f1f8;color:#566083}.flow{background:#f0f0f6;color:#505a7b}.report-summary{gap:15px}.report-summary>div{flex:1;background:#f2f3f8;padding:16px 20px;border-radius:14px}.report-summary strong{font-size:26px;color:#42495e}.report-summary span{color:#747886}.access-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 24px 24px}.account-card{border:1px solid #dedfe7;border-radius:16px;background:#fff;padding:18px}.account-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.person{display:flex;align-items:center;gap:11px;min-width:0}.avatar{background:#eae8f4;color:#70658d;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;font-size:12px}.person h4{font-size:14px;margin:0}.person p{font-size:10px;margin:2px 0;overflow-wrap:anywhere}.review-choice{font-size:11px;white-space:nowrap}.account-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f7f7fa;border-radius:10px;padding:13px;margin-top:17px}.account-facts span{display:block;font-size:10px;color:#747786}.account-facts strong{font-size:12px;font-weight:500}.account-card-bottom{margin-top:15px}.review-status{display:inline-block;border-radius:20px;background:#eeecf6;color:#645d83;padding:5px 10px;font-size:10px}.review-status.hold{background:#f8efdf;color:#806a43}.review-status.retain{background:#eaf0eb;color:#536d5a}.account-card details{margin:14px 0 0;padding:12px 0 0}.account-card summary{font-size:11px;color:#737888}.account-card details p{font:10px/1.9 monospace;overflow-wrap:anywhere}.photo-grid img{border-radius:18px}.photo-grid{gap:24px}.kpi{background:#f5f4fa;border:0;border-radius:14px}.kpi:nth-child(2){background:#edf3f5}.kpi:nth-child(3){background:#f6efe6}.kpi strong{color:#454b60}.chart-grid>div{background:#fbfbfd;border:1px solid #ececf1;border-radius:16px;padding:20px}.track{background:#ececf2;height:13px;border-radius:10px}.fill{background:#909abc;border-radius:10px}.chart-grid>div:last-child .fill{background:#b2a2be}.education{border-color:#bab4cd}.skills{gap:10px;padding-bottom:30px}.skills span{background:#eeedf3;padding:8px 13px;border-radius:20px}.experience>div{background:#fff;border:1px solid #e3e2e8;padding:20px;border-radius:16px}.experience{border:0;gap:18px}.experience span{color:#7e7293}#contact{background:#eeecf4;border-radius:24px;margin:60px 0;padding:35px 25px}#contact>.eyebrow{display:none}#contact p{margin-top:0}#contact .button{background:#616d96;color:#fff;border-radius:22px}footer{color:#787b85;border-color:#e0e0e5}:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #6c76a0}section:not(.hero){padding-top:75px}@media(max-width:900px){.access-cards{grid-template-columns:1fr}.project-shortcuts{grid-template-columns:1fr 1fr}.hero h1{letter-spacing:-2px}.chart-grid{gap:18px}.report-summary{padding:0 15px 18px;gap:8px}.report-summary>div{padding:12px}.report-summary span{font-size:10px}}@media(max-width:480px){.window-top{padding:18px}.privacy-note{margin:15px}.access-cards{padding:0 14px 18px}.account-card{padding:14px}.project-shortcuts a{padding:16px 12px;font-size:11px}.form-grid{grid-template-columns:1fr}.hero h1{font-size:43px}.section-heading h2{font-size:31px}.kpi-grid{grid-template-columns:1fr}.kpi{display:flex;align-items:center;justify-content:space-between}.chart-grid{padding:10px 14px}.contact-links{gap:16px}}