:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#030914;color:#f8faff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{position:relative;min-height:100vh;overflow:hidden;padding:42px 24px 36px;background:radial-gradient(ellipse at 50% 36%,rgba(14,39,87,.26),transparent 42%),linear-gradient(180deg,#030b1a,#030712 80%)}.stars{position:absolute;inset:0;opacity:.68;background-image:radial-gradient(circle,#79baff 1px,transparent 1.5px),radial-gradient(circle,#fff 1px,transparent 1.5px),radial-gradient(circle,#5269ff .8px,transparent 1.2px);background-size:173px 181px,293px 257px,117px 137px;background-position:13px 7px,71px 95px,31px 64px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}.nebula{position:absolute;pointer-events:none;border-radius:50%;filter:blur(55px)}.nebula-left{width:650px;height:260px;left:-260px;top:140px;background:rgba(0,83,209,.22);transform:rotate(-28deg)}.nebula-right{width:780px;height:330px;right:-310px;top:270px;background:linear-gradient(90deg,rgba(44,74,255,.2),rgba(124,55,255,.44));transform:rotate(-25deg)}.shell{position:relative;z-index:2;width:min(100%,920px);margin:0 auto}.identity{text-align:center}.avatar-ring{width:148px;height:148px;margin:0 auto 14px;padding:4px;border-radius:50%;background:linear-gradient(135deg,#359dff,#655dff 56%,#cf56ff);box-shadow:0 0 0 1px rgba(105,159,255,.6),0 0 35px rgba(83,91,255,.48)}.avatar-ring img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;border:5px solid #08132b}.name-line{display:flex;align-items:center;justify-content:center;gap:14px}.name-line h1{font-size:48px;line-height:1;margin:0;letter-spacing:-.05em}.verified{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#2e80ff;transform:rotate(45deg);font-size:17px;box-shadow:0 0 22px rgba(44,123,255,.65)}.verified::first-letter{transform:rotate(-45deg)}.handle{font-size:17px;color:#969fba;margin:10px 0 7px}.role{font-size:18px;color:#a9b2c9;margin:0}.role i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#327dff;margin:0 11px 3px}.featured{position:relative;display:grid;grid-template-columns:136px 1fr 180px;align-items:center;gap:28px;min-height:174px;margin-top:18px;padding:22px 30px;text-decoration:none;color:inherit;border:1px solid rgba(104,153,255,.56);border-radius:15px;background:linear-gradient(110deg,rgba(7,25,54,.9),rgba(17,18,58,.88));box-shadow:inset 0 1px rgba(255,255,255,.05),0 22px 70px rgba(0,0,0,.38),0 0 35px rgba(51,80,190,.12);overflow:hidden;transition:.25s ease}.featured:after{content:"";position:absolute;width:380px;height:280px;right:-120px;top:-90px;background:radial-gradient(circle,rgba(116,60,255,.3),transparent 66%)}.featured:hover,.link-card:hover{transform:translateY(-3px);border-color:#829cff;box-shadow:0 20px 60px rgba(18,45,121,.32)}.project-icon{width:128px;height:128px;padding:9px;border-radius:14px;border:1px solid #253b6e;background:rgba(2,12,29,.78);box-shadow:inset 0 0 35px rgba(40,107,246,.14)}.project-icon img{width:100%;height:100%;object-fit:cover;border-radius:9px}.eyebrow{color:#5da5ff;font-weight:800;font-size:13px;letter-spacing:.04em}.title-row{display:flex;align-items:center;gap:14px;margin:11px 0 8px}.title-row h2{font-size:29px;letter-spacing:-.035em;margin:0}.title-row b{font-size:12px;color:#72a9ff;padding:5px 10px;border:1px solid rgba(99,97,255,.38);background:rgba(74,60,194,.24);border-radius:7px}.project-copy p{margin:0;color:#a7b0c6;font-size:16px}.view-button{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:180px;padding:14px 20px;border:1px solid #6d6fff;border-radius:12px;background:linear-gradient(100deg,rgba(30,63,169,.35),rgba(101,35,191,.35));font-weight:700;box-shadow:0 0 22px rgba(74,64,255,.18)}.view-button b{font-size:24px}.links-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;margin-top:19px}.link-card{--accent:#3d7cff;position:relative;display:grid;grid-template-columns:62px 1fr 32px;align-items:center;gap:17px;min-height:79px;padding:10px 22px;text-decoration:none;color:#f7f9ff;border:1px solid rgba(99,123,168,.38);border-radius:12px;background:linear-gradient(105deg,rgba(8,21,44,.94),rgba(11,18,38,.88));box-shadow:inset 0 1px rgba(255,255,255,.035);transition:.23s ease;overflow:hidden}.link-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);box-shadow:0 0 14px var(--accent)}.logo-box{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(102,127,188,.3);border-radius:11px;background:rgba(8,21,45,.9);box-shadow:inset 0 0 24px color-mix(in srgb,var(--accent) 14%,transparent)}.logo-box img{width:29px;height:29px;display:block}.link-card strong{font-size:17px}.go{font-size:27px;color:#d4dcf0}footer{text-align:center;color:#7e879d;font-size:14px;margin-top:31px}
@media(max-width:760px){main{padding:34px 16px}.shell{max-width:580px}.avatar-ring{width:125px;height:125px}.name-line h1{font-size:39px}.featured{grid-template-columns:105px 1fr;padding:18px;gap:19px}.project-icon{width:100px;height:100px}.view-button{grid-column:1/-1;width:100%;justify-content:center;gap:13px}.links-grid{grid-template-columns:1fr}.role{font-size:15px}.title-row h2{font-size:23px}.project-copy p{font-size:14px}}
@media(max-width:430px){.name-line h1{font-size:34px}.verified{width:25px;height:25px}.role i{margin-inline:5px}.featured{grid-template-columns:83px 1fr}.project-icon{width:83px;height:83px}.title-row{display:block}.title-row b{display:inline-block;margin-top:8px}.project-copy p{display:none}.link-card{min-height:72px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Refined featured panel and arrows */
.featured{min-height:184px;padding:22px 34px;grid-template-columns:136px 1fr 180px;border-color:rgba(92,142,255,.62);background:linear-gradient(112deg,rgba(5,21,49,.96) 0%,rgba(13,24,67,.93) 58%,rgba(43,22,103,.92) 100%);box-shadow:inset 0 1px rgba(255,255,255,.07),inset 0 0 55px rgba(69,92,255,.06),0 24px 78px rgba(0,0,0,.42),0 0 34px rgba(45,87,222,.14)}
.featured:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(112,139,255,.26) 1px,transparent 1px),linear-gradient(90deg,rgba(112,139,255,.2) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(90deg,transparent 45%,#000)}
.project-icon{position:relative;border-color:#31549b;background:linear-gradient(145deg,rgba(5,20,46,.96),rgba(4,10,26,.98));box-shadow:inset 0 0 34px rgba(54,119,255,.18),0 12px 30px rgba(0,0,0,.28)}
.project-copy,.project-icon{position:relative;z-index:2}.eyebrow{letter-spacing:.06em;text-shadow:0 0 18px rgba(69,151,255,.45)}.title-row h2{font-size:30px}.view-button{height:52px;border-color:#7d70ff;background:linear-gradient(110deg,rgba(35,67,171,.48),rgba(101,31,191,.5));box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 24px rgba(80,61,255,.24)}
.view-button b{display:grid;place-items:center}.view-button svg{width:25px;height:17px}.go{display:grid;place-items:center;width:32px;height:32px}.go svg{width:25px;height:17px}.go svg,.view-button svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.link-card:hover .go{transform:translateX(3px)}.go{transition:transform .2s ease}
@media(max-width:760px){.featured{grid-template-columns:105px 1fr;padding:18px}.view-button{grid-column:1/-1;width:100%}}
@media(max-width:430px){.featured{grid-template-columns:83px 1fr}}

/* Final typography and reference-matched polish */
.name-line h1{font-family:"Segoe UI Variable Display","Avenir Next","Helvetica Neue",Arial,sans-serif;font-size:50px;font-weight:700;letter-spacing:-.052em;text-shadow:0 2px 22px rgba(124,158,255,.1)}
.verified{width:32px;height:32px;border-radius:0;clip-path:polygon(50% 0,64% 9%,81% 10%,90% 26%,100% 40%,94% 58%,96% 75%,81% 87%,66% 98%,49% 92%,33% 100%,19% 88%,4% 77%,7% 59%,0 43%,10% 27%,18% 11%,36% 9%);background:linear-gradient(145deg,#3aa6ff,#366dff 70%);transform:none;box-shadow:none;filter:drop-shadow(0 0 10px rgba(57,126,255,.6))}
.verified b{font-family:Arial,sans-serif;font-size:17px;line-height:1;transform:translateY(-1px);text-shadow:0 1px 3px rgba(0,0,0,.25)}
.project-copy{font-family:"Segoe UI Variable Display","Avenir Next","Helvetica Neue",Arial,sans-serif}.eyebrow{font-size:13px;font-weight:800;background:linear-gradient(90deg,#4fb8ff 0%,#7376ff 52%,#b068ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}.title-row h2{font-size:31px;font-weight:720;letter-spacing:-.045em}.project-copy p{font-size:16px;letter-spacing:-.01em;color:#aeb8d0}
.featured{background:radial-gradient(circle at 89% 45%,rgba(118,47,237,.34),transparent 32%),linear-gradient(108deg,rgba(5,22,52,.98) 0%,rgba(13,29,77,.95) 48%,rgba(38,20,91,.96) 100%);border-color:rgba(91,139,255,.66);box-shadow:inset 0 1px rgba(255,255,255,.08),inset 0 -1px rgba(80,64,210,.12),0 24px 78px rgba(0,0,0,.42),0 0 42px rgba(54,87,220,.16)}
.view-button{justify-self:end;align-self:center;margin-right:0;width:180px;height:52px;padding:0 19px;background:linear-gradient(105deg,rgba(42,76,185,.62),rgba(105,37,198,.65));border-color:#8976ff;font-family:"Segoe UI Variable Display","Avenir Next","Helvetica Neue",Arial,sans-serif}
.go{border:1px solid transparent;border-radius:9px;color:#dce6ff}.link-card:hover .go{border-color:rgba(122,150,216,.32);background:rgba(75,105,174,.13);transform:translateX(2px)}.go svg{width:24px;stroke-width:1.55}.link-card strong{font-family:"Segoe UI Variable Display","Avenir Next","Helvetica Neue",Arial,sans-serif;font-weight:650;letter-spacing:-.01em}
@media(max-width:760px){.name-line h1{font-size:41px}.view-button{justify-self:stretch;margin:0;width:100%}}
@media(max-width:430px){.name-line h1{font-size:35px}}

/* True title centering and compact automatic-project mobile layout */
.name-line{position:relative;display:block;width:fit-content;margin-left:auto;margin-right:auto}
.name-line .verified{position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%)}
@media(max-width:600px){
  main{padding-left:16px;padding-right:16px}
  .name-line .verified{left:calc(100% + 9px)}
  .featured{grid-template-columns:92px minmax(0,1fr);grid-template-areas:"icon copy" "button button";align-items:center;gap:16px;padding:18px;min-height:0}
  .project-icon{grid-area:icon;width:92px;height:92px;padding:7px}
  .project-copy{grid-area:copy;min-width:0}
  .eyebrow{font-size:10px;letter-spacing:.045em}
  .title-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:7px;margin:8px 0 0}
  .title-row h2{font-size:clamp(18px,5.4vw,23px);line-height:1.12;letter-spacing:-.035em;overflow-wrap:break-word;word-break:normal}
  .title-row b{font-size:9px;margin:1px 0 0;padding:4px 7px}
  .project-copy p{display:none}
  .view-button{grid-area:button;height:50px;margin-top:2px}
}
@media(max-width:380px){
  .featured{grid-template-columns:78px minmax(0,1fr);gap:13px;padding:15px}
  .project-icon{width:78px;height:78px}
  .title-row h2{font-size:18px}
  .role{font-size:13px}
}
.not-found{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px}.not-found-card{width:min(100%,620px);padding:55px 30px;border:1px solid rgba(91,139,255,.62);border-radius:18px;background:radial-gradient(circle at 80% 20%,rgba(118,47,237,.3),transparent 35%),rgba(7,20,48,.92);box-shadow:0 25px 80px rgba(0,0,0,.45)}.not-found-card strong{display:block;font-size:88px;line-height:1;background:linear-gradient(90deg,#54b8ff,#9a63ff);background-clip:text;-webkit-background-clip:text;color:transparent}.not-found-card h1{font-size:30px;margin:18px 0 10px}.not-found-card p{color:#aeb8d0;margin:0 0 25px}.home-button{display:inline-flex;padding:13px 22px;border:1px solid #7d70ff;border-radius:11px;color:#fff;text-decoration:none;background:linear-gradient(105deg,rgba(42,76,185,.62),rgba(105,37,198,.65))}