:root{--bg:#06101d;--panel:rgba(15,31,52,.78);--strong:#101f35;--text:#f3f7ff;--muted:#a9b7cd;--line:rgba(180,205,240,.16);--accent:#55d6ff;--accent2:#7a8cff;--gold:#f2c766;--success:#83f0c8;--green:#6ee7b7;--shadow:0 28px 80px rgba(0,0,0,.40);--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 12% 8%,rgba(85,214,255,.16),transparent 28rem),radial-gradient(circle at 85% 16%,rgba(122,140,255,.15),transparent 32rem),linear-gradient(180deg,#06101d 0%,#071321 45%,#050b14 100%);color:var(--text);line-height:1.65;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 70%)}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:1rem;padding:.9rem 4.5%;background:rgba(6,16,29,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:.7rem;margin-right:auto;font-weight:850}.brand span{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;color:#04111f;background:linear-gradient(135deg,var(--accent),var(--gold));box-shadow:0 14px 35px rgba(85,214,255,.22)}
.nav{display:flex;align-items:center;gap:.18rem;flex-wrap:wrap;justify-content:flex-end}.nav a{color:var(--muted);padding:.52rem .62rem;border-radius:999px;font-size:.84rem;font-weight:700;transition:.25s}.nav a:hover,.nav a.active{color:var(--text);background:rgba(85,214,255,.105)}
.menu-toggle{display:none;color:var(--text);background:var(--strong);border:1px solid var(--line);border-radius:14px;padding:.55rem .75rem;cursor:pointer}main{width:min(1160px,92%);margin:0 auto}
.hero{min-height:88vh;display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center;padding:5.5rem 0 4rem}.page-hero{padding:5.2rem 0 2.6rem}.eyebrow{margin:0 0 .8rem;color:var(--accent);text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:900}
h1,h2,h3{margin-top:0;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(2.35rem,5.6vw,5rem);margin-bottom:1.1rem}h2{font-size:clamp(1.6rem,3vw,2.45rem);margin-bottom:1rem}h3{font-size:1.12rem;margin-bottom:.6rem;letter-spacing:-.02em}p{color:var(--muted);margin-top:0}.lead{font-size:clamp(1.06rem,1.7vw,1.28rem);max-width:860px}
.hero-actions{display:flex;gap:.85rem;flex-wrap:wrap;margin:1.75rem 0 1.35rem}.btn{border:1px solid var(--line);border-radius:999px;padding:.92rem 1.15rem;display:inline-flex;align-items:center;justify-content:center;font-weight:850;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#04111f;border:0;background:linear-gradient(135deg,var(--accent),var(--gold));box-shadow:0 18px 45px rgba(85,214,255,.20)}.btn.secondary{background:rgba(255,255,255,.035);color:var(--text)}
.profile-hero,.card,.contact-card,.job-layout,.project-layout,.matrix,.skill-detail,.tab-shell,.image-frame,.skill-orbit,.tooltip-card,.evidence-card{background:linear-gradient(180deg,rgba(255,255,255,.062),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.profile-hero{overflow:hidden}.profile-hero img{width:100%;height:560px;object-fit:cover;object-position:center top}.profile-hero div{padding:1.35rem}.status{display:inline-flex;align-items:center;gap:.45rem;color:var(--success);font-weight:800;font-size:.9rem}.status:before{content:"";width:9px;height:9px;border-radius:99px;background:var(--success);box-shadow:0 0 0 6px rgba(131,240,200,.12)}
.capability-snapshot{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:1.5rem}.capability-snapshot article{padding:1rem;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.035)}.capability-snapshot h3{color:var(--text);margin-bottom:.4rem}.capability-snapshot p{font-size:.93rem;margin:0}
.section{padding:3.4rem 0}.grid{display:grid;gap:1.15rem;margin:1.4rem 0 3.2rem}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.card{padding:1.35rem}.card.accent{border-color:rgba(85,214,255,.32);background:linear-gradient(135deg,rgba(85,214,255,.12),rgba(122,140,255,.05))}
.value-grid,.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.process-grid{grid-template-columns:repeat(5,1fr)}.value-grid article,.process-grid article,.road-step{padding:.95rem;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:20px;transition:.25s}.value-grid article:hover,.process-grid article:hover,.skill-card:hover,.evidence-card:hover{transform:translateY(-4px);border-color:rgba(85,214,255,.35)}.value-grid span,.process-grid span,.road-step span{color:var(--gold);font-weight:900;font-size:.82rem}
.two-col,.job-layout,.project-layout,.contact-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:1.5rem;align-items:center}.quick-links{display:grid;gap:.75rem}.quick-links a,.text-link{color:var(--accent);font-weight:800}.quick-links a{padding:1rem 1.15rem;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04);transition:.22s}.quick-links a:hover{transform:translateX(6px)}
.job-layout,.project-layout{padding:1.2rem;margin-bottom:2rem}.image-frame{overflow:hidden;padding:.8rem}.image-frame img{width:100%;border-radius:20px;border:1px solid var(--line);object-fit:cover}.image-frame.contain img{height:auto;object-fit:contain;background:#081522}.image-frame figcaption,.dashboard-link span{display:block;color:var(--muted);font-size:.88rem;margin-top:.7rem}
.tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.1rem}.tags span{padding:.45rem .7rem;border:1px solid var(--line);border-radius:999px;color:var(--text);background:rgba(85,214,255,.08);font-size:.88rem;font-weight:750}
.matrix{overflow:hidden}.matrix-row{display:grid;grid-template-columns:.8fr 1.15fr 1.05fr;gap:1rem;padding:1rem;border-bottom:1px solid var(--line)}.matrix-row:last-child{border-bottom:0}.matrix-row.head{background:rgba(85,214,255,.10);font-weight:900}.matrix-row span{color:var(--muted)}.matrix-row.head span{color:var(--text)}
.tabs{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1rem}.tab{cursor:pointer;border:1px solid var(--line);border-radius:999px;padding:.75rem 1rem;color:var(--muted);background:rgba(255,255,255,.035);font-weight:850}.tab.active{color:#04111f;background:linear-gradient(135deg,var(--accent),var(--gold));border:0}.tab-panel{display:none}.tab-panel.active{display:block;animation:fadeUp .45s ease both}.skill-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.5rem;align-items:center;padding:1.4rem}.clean-list{color:var(--muted);padding-left:1.1rem}.bars{display:grid;gap:1rem}.bar span{display:block;font-weight:800;margin-bottom:.45rem}.bar:after{content:"";display:block;height:12px;border-radius:999px;background:rgba(255,255,255,.08)}.bar i{display:block;height:12px;width:var(--level);margin-bottom:-12px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--gold));box-shadow:0 10px 24px rgba(85,214,255,.18)}
.skill-orbit{position:relative;min-height:690px;margin-bottom:1rem;background:radial-gradient(circle at center,rgba(85,214,255,.18),transparent 18rem),rgba(255,255,255,.035);overflow:hidden}.skill-orbit:before,.skill-orbit:after{content:"";position:absolute;border:1px dashed rgba(255,255,255,.15);border-radius:999px}.skill-orbit:before{inset:12%}.skill-orbit:after{inset:26%}.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--gold));display:grid;place-items:center;text-align:center;color:#04111f;font-weight:900;z-index:3}.orbit-node{position:absolute;z-index:4;border:1px solid rgba(85,214,255,.28);background:rgba(16,31,53,.96);color:var(--text);border-radius:22px;padding:.9rem 1rem;font-weight:850;box-shadow:0 18px 38px rgba(0,0,0,.25);cursor:pointer;transition:.2s}.orbit-node:hover,.orbit-node.active{transform:translateY(-4px);border-color:var(--accent);color:var(--accent)}.n1{left:38%;top:8%}.n2{right:9%;top:20%}.n3{right:10%;bottom:20%}.n4{left:36%;bottom:8%}.n5{left:7%;bottom:22%}.n6{left:8%;top:22%}.n7{left:19%;top:47%}.n8{right:19%;top:47%}.tooltip-card{padding:1rem 1.2rem;margin-bottom:3rem}.tooltip-card strong{color:var(--text)}.tooltip-card a{color:var(--accent);font-weight:850}.tooltip-card.pop{animation:fadeUp .25s ease both}
.accordion{display:grid;gap:.7rem}.accordion-btn{width:100%;text-align:left;padding:1rem;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);font-weight:850;cursor:pointer}.accordion-panel{display:none;padding:1rem;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03)}.accordion-panel.open{display:block;animation:fadeUp .3s ease both}
.evidence-four{display:grid;gap:1.2rem;margin:1rem 0 4rem}.evidence-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem;align-items:center;padding:1rem;transition:.25s}.evidence-card .image-frame{box-shadow:none}.evidence-card img{max-height:330px}
.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin:1rem 0 4rem}.insight-card{padding:1.35rem;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(85,214,255,.09),rgba(255,255,255,.035));box-shadow:var(--shadow)}.insight-title{display:inline-block;color:var(--accent);font-weight:900;line-height:1.25;margin-bottom:1rem}blockquote{margin:0 0 1rem;padding-left:1rem;border-left:4px solid var(--gold);color:var(--text);font-size:1.08rem;font-weight:800}.role-connection{display:block;margin-top:1rem;color:var(--green);font-weight:850}
.timeline{display:grid;gap:.9rem}.timeline div{padding:1rem;border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:20px;background:rgba(255,255,255,.035)}.timeline span{display:block;color:var(--muted);margin-top:.2rem}.roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1rem 0 3rem}
.contact-photo img{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);max-height:680px;width:100%;object-fit:cover;object-position:center top}.contact-card{padding:1.7rem}.contact-card a{color:var(--accent);font-weight:700}.social-cards{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:1.2rem}.social-card{overflow:hidden;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.04);transition:.25s}.social-card:hover{transform:translateY(-4px);border-color:rgba(85,214,255,.36)}.social-card img{height:140px;width:100%;object-fit:contain;object-position:center top;background:#081522}.social-card span{padding:.85rem;font-weight:900}.github-card{justify-content:center;align-items:center;text-align:center;background:linear-gradient(135deg,rgba(85,214,255,.11),rgba(242,199,102,.06))}.github-icon{font-size:2rem;color:var(--text)!important}.visit-note{margin-top:1.25rem;color:var(--gold);font-weight:800}
.site-footer{width:min(1160px,92%);margin:0 auto;padding:2rem 0 3rem;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-footer p{margin:.25rem 0 0}.copyright{color:var(--muted);font-size:.92rem}.reveal{opacity:0;transform:translateY(18px);transition:.75s}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.nav a{font-size:.78rem;padding:.45rem .48rem}.value-grid,.process-grid,.roadmap{grid-template-columns:repeat(2,1fr)}.insight-grid{grid-template-columns:1fr}}
@media(max-width:920px){.hero,.two-col,.job-layout,.project-layout,.contact-layout,.skill-detail,.evidence-card{grid-template-columns:1fr}.grid.two,.grid.three{grid-template-columns:1fr}.matrix-row{grid-template-columns:1fr}.matrix-row.head{display:none}.skill-orbit{min-height:auto;padding:1rem;display:grid;gap:.8rem}.skill-orbit:before,.skill-orbit:after{display:none}.orbit-core,.orbit-node{position:static;transform:none;width:auto;height:auto;border-radius:22px}.profile-hero img{height:430px}.capability-snapshot{grid-template-columns:1fr}}
@media(max-width:760px){.site-header{flex-wrap:wrap}.menu-toggle{display:block}.nav{display:none;width:100%;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{border-radius:14px}.social-cards,.value-grid,.process-grid,.roadmap{grid-template-columns:1fr}h1{font-size:clamp(2.15rem,12vw,3.2rem)}.site-footer{flex-direction:column;align-items:flex-start}}