.nav{display:flex;gap:10px;flex-wrap:wrap}.navTop{justify-content:flex-end}.navSide{flex-direction:column;align-items:stretch}.navLink{text-decoration:none;padding:10px 12px;border-radius:12px;border:1px solid #334155;color:inherit}.navLink.active{background:#222;border-color:#22d3eea6}.home{position:relative;overflow:hidden;border-radius:16px;border:1px solid #1f2937;background:radial-gradient(1200px 600px at 20% 0%,rgba(34,211,238,.1),transparent 55%),radial-gradient(900px 500px at 90% 30%,rgba(168,85,247,.1),transparent 55%),linear-gradient(180deg,#020617f2,#020617bf);padding:clamp(16px,2.6vw,32px);min-height:clamp(280px,48vh,520px)}.bgGrid{position:absolute;inset:-200px;background-image:linear-gradient(rgba(34,211,238,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.06) 1px,transparent 1px);background-size:48px 48px;transform:rotate(-8deg);filter:blur(.2px);animation:drift 18s linear infinite;pointer-events:none}@keyframes scan{0%{transform:translateY(0);opacity:0}15%{opacity:1}50%{opacity:1}85%{opacity:1}to{transform:translateY(720px);opacity:0}}.hero{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(14px,2.5vw,22px);align-items:start}@media(max-width:860px){.hero{grid-template-columns:1fr}}.title{margin:8px 0 0;font-size:clamp(36px,5.4vw,68px);line-height:1.05}.subtitle{white-space:nowrap;max-width:100%;font-size:clamp(12px,1.2vw,18px)}.ctaRow{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid #334155;color:inherit;text-decoration:none;background:#0f172aa6}.btn:hover{border-color:#22d3eea6}.profileCard{border-radius:14px;border:1px solid #1f2937;background:#0206178c;padding:14px}.avatarRow{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;position:relative}.avatarIcon{width:26px;height:26px;color:#ffffffd9}.avatarGlow{position:absolute;width:64px;height:64px;border-radius:999px;left:-4px;top:-4px;background:radial-gradient(circle at 30% 30%,rgba(34,211,238,.45),transparent 60%),radial-gradient(circle at 70% 70%,rgba(168,85,247,.35),transparent 60%);filter:blur(6px);opacity:.95;animation:glowPulse 3.2s ease-in-out infinite;pointer-events:none}@keyframes glowPulse{0%{transform:scale(1);opacity:.85}50%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:.85}}.avatar{width:56px;height:56px;border-radius:999px;border:1px solid rgba(34,211,238,.35);background:#0f172aa6;display:grid;place-items:center;box-shadow:0 0 0 1px #22d3ee1a inset}.avatarInitials{font-weight:700;letter-spacing:.08em;color:#ffffffd9}.profileMeta{display:grid;gap:4px}.profileName{font-weight:700;font-size:16px}.profileRole{color:#ffffffb3;font-size:13px}.profileDivider{height:1px;background:#3341558c;margin:12px 0}.profileFacts{display:grid;gap:10px}.factLabel{color:#22d3eed9;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}.factValue{color:#ffffffc7;font-size:13px;line-height:1.4}.profileLinks{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.profileLink{text-decoration:none;padding:8px 10px;border-radius:12px;border:1px solid #334155;background:#0f172a8c;color:inherit;font-size:13px}.profileLink:hover{border-color:#22d3eea6}.tags{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.tag{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid #334155;background:#0f172a8c}.homeWrap{display:grid;gap:clamp(14px,2.5vw,24px)}.aboutSection{padding:clamp(18px,2.8vw,28px);border-radius:16px;border:1px solid #1f2937;background:radial-gradient(900px 420px at 15% 0%,rgba(34,211,238,.08),transparent 60%),radial-gradient(900px 420px at 90% 40%,rgba(168,85,247,.08),transparent 60%),#0206178c}.aboutGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(14px,2.5vw,24px);align-items:start}@media(max-width:900px){.aboutGrid{grid-template-columns:1fr}}.aboutKicker{color:#22d3eee6;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:10px}.aboutTitle{margin:0 0 10px;font-size:clamp(18px,2.2vw,24px);line-height:1.2}.aboutText{color:#ffffffc7;max-width:70ch;font-size:clamp(14px,1.5vw,16px)}.aboutText p{margin:0 0 12px}.aboutText p:last-child{margin-bottom:0}.aboutCards{display:grid;gap:10px}.miniCard{border-radius:14px;border:1px solid #1f2937;background:#02061773;padding:12px}.miniLabel{color:#22d3eed9;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}.miniValue{color:#ffffffc7;font-size:14px;line-height:1.4}.featured{padding:clamp(18px,2.8vw,28px);border-radius:16px;border:1px solid #1f2937;background:#02061773}.featuredHeader{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.featuredTitle{margin:0;font-size:clamp(18px,2.2vw,22px)}.featuredLink{text-decoration:none;color:#22d3eee6;border-bottom:1px solid rgba(34,211,238,.35);padding-bottom:2px}.featuredGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2.5vw,18px)}@media(max-width:980px){.featuredGrid{grid-template-columns:1fr}}.projCard{border-radius:14px;border:1px solid #1f2937;background:#0206178c;padding:14px;display:grid;gap:10px}.projTitle{margin:0;font-size:16px}.projBlurb{margin:0;color:#ffffffc7;font-size:14px;line-height:1.5}.projTags{display:flex;flex-wrap:wrap;gap:8px}.projTag{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid #334155;background:#0f172a8c}.cardActions{margin-top:8px;display:flex;gap:10px;flex-wrap:wrap}.projectsPage{display:grid;gap:clamp(14px,2.5vw,24px)}.projectsHero{position:relative;overflow:hidden;border-radius:16px;border:1px solid #1f2937;background:radial-gradient(1200px 600px at 20% 0%,rgba(34,211,238,.1),transparent 55%),radial-gradient(900px 500px at 90% 30%,rgba(168,85,247,.1),transparent 55%),linear-gradient(180deg,#020617f2,#020617bf);padding:clamp(16px,2.6vw,32px)}@keyframes scan{0%{transform:translateY(0);opacity:0}15%{opacity:1}50%{opacity:1}85%{opacity:1}to{transform:translateY(780px);opacity:0}}.heroTop{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(12px,2.5vw,18px);align-items:start}@media(max-width:980px){.heroTop{grid-template-columns:1fr}}.searchBox{border-radius:14px;border:1px solid #1f2937;background:#0206178c;padding:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.controls{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px;align-items:end}.btnGhost{border-radius:14px;padding:10px 12px;cursor:pointer;border:1px solid rgba(51,65,85,.65);background:#0f172a8c;color:inherit;font-size:14px}.btnGhost:hover{border-color:#22d3eea6}.tagBar{position:relative;display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.tagBtn{border-radius:999px;padding:7px 10px;cursor:pointer;border:1px solid rgba(51,65,85,.65);background:#0f172a73;color:inherit;font-size:13px}.tagBtn.active{border-color:#22d3eea6;background:#22d3ee1a}.tagBtn:hover{border-color:#22d3eea6}.spotlight{border-radius:16px;border:1px solid #1f2937;background:#0206178c;padding:clamp(16px,2.6vw,28px)}.spotlightHeader{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start}@media(max-width:900px){.spotlightHeader{grid-template-columns:1fr}}.spotKicker{color:#22d3eed9;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:10px}.spotTitle{margin:0;font-size:clamp(18px,2.2vw,24px);line-height:1.2}.spotText{margin:10px 0 0;color:#ffffffc7;max-width:70ch;font-size:14px;line-height:1.6}.spotMeta{border-radius:14px;border:1px solid rgba(51,65,85,.55);background:#0f172a73;padding:12px;min-width:240px}.metaRow{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:8px 0}.statusPill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(51,65,85,.65);background:#0206178c;font-size:12px;color:#ffffffc7}.statusPill.Active{border-color:#22d3ee73}.statusPill.Inprogress{border-color:#a855f773}.statusPill.Planned{border-color:#ffffff40}.spotTags{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.pill{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(51,65,85,.65);background:#0f172a73}.highlights{display:grid;gap:10px;margin-top:14px}.hlItem{display:grid;grid-template-columns:12px 1fr;gap:10px;align-items:start;color:#ffffffc7;font-size:14px}.hlDot{width:8px;height:8px;border-radius:999px;background:#22d3eed9;margin-top:6px;box-shadow:0 0 14px #22d3ee59}.spotHint{margin-top:14px;color:#ffffff8c;font-size:12px}.gridWrap{border-radius:16px;border:1px solid #1f2937;background:#02061773;padding:clamp(16px,2.6vw,28px)}.gridHeader{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.gridTitle{margin:0;font-size:clamp(18px,2.2vw,22px)}.gridCount{color:#fff9;font-size:13px}.projectGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2.5vw,18px)}@media(max-width:1100px){.projectGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.projectGrid{grid-template-columns:1fr}}.card{border-radius:14px;border:1px solid #1f2937;background:#0206178c;padding:14px;display:grid;gap:10px}.cardTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.cardTitle{font-weight:700}.cardText{color:#ffffffc7;font-size:14px;line-height:1.5}.cardTags{display:flex;flex-wrap:wrap;gap:8px}.cardFooter{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid rgba(51,65,85,.55)}.cardCat{color:#22d3eed9;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.cardHint{color:#ffffff80;font-size:12px}.ghLink{text-decoration:none;color:#22d3eee6;font-size:13px;display:inline-flex;align-items:center;gap:6px;border-bottom:1px solid rgba(34,211,238,.35);padding-bottom:2px;width:fit-content}.ghLink:hover{border-bottom-color:#22d3eebf}.cardActions,.spotActions{margin-top:8px}.contactPage{width:100%}.contactHero{position:relative;overflow:hidden;border-radius:16px;border:1px solid #1f2937;background:radial-gradient(1200px 600px at 20% 0%,rgba(34,211,238,.1),transparent 55%),radial-gradient(900px 500px at 90% 30%,rgba(168,85,247,.1),transparent 55%),linear-gradient(180deg,#020617f2,#020617bf);padding:clamp(16px,2.6vw,32px);min-height:calc(100vh - 170px)}.bgGrid{position:absolute;inset:-220px;background-image:linear-gradient(rgba(34,211,238,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.06) 1px,transparent 1px);background-size:54px 54px;transform:rotate(-8deg);animation:drift 18s linear infinite;pointer-events:none}@keyframes drift{0%{transform:translateZ(0) rotate(-8deg)}to{transform:translate3d(-120px,60px,0) rotate(-8deg)}}.scanline{position:absolute;left:0;right:0;height:120px;top:-140px;background:linear-gradient(to bottom,transparent,rgba(34,211,238,.1),transparent);animation:scan 6s ease-in-out infinite;pointer-events:none}@keyframes scan{0%{transform:translateY(0);opacity:0}15%{opacity:1}50%{opacity:1}85%{opacity:1}to{transform:translateY(760px);opacity:0}}.contactHeader{position:relative;margin-bottom:clamp(12px,2vw,18px)}.kicker{color:#22d3eee6;letter-spacing:.16em;text-transform:uppercase;font-size:12px}.title{margin:8px 0 0;font-size:clamp(34px,5vw,58px);line-height:1.05}.glitch{position:relative;display:inline-block;text-shadow:0 0 18px rgba(34,211,238,.12)}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:.85}.glitch:before{transform:translate(2px);color:#22d3eef2;clip-path:inset(0 0 55% 0);animation:glitchTop 2.2s infinite linear}.glitch:after{transform:translate(-2px);color:#a855f7d9;clip-path:inset(55% 0 0 0);animation:glitchBot 1.9s infinite linear}@keyframes glitchTop{0%{transform:translate(2px)}20%{transform:translate(3px,-1px)}40%{transform:translate(1px,1px)}60%{transform:translate(4px)}80%{transform:translate(2px,1px)}to{transform:translate(2px)}}@keyframes glitchBot{0%{transform:translate(-2px)}20%{transform:translate(-3px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(-4px)}80%{transform:translate(-2px,-1px)}to{transform:translate(-2px)}}.subtitle{margin:12px 0 0;color:#ffffffc7;max-width:70ch}.contactGrid{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(12px,2.5vw,18px);align-items:start}@media(max-width:980px){.contactGrid{grid-template-columns:1fr}}.leftPanel,.rightPanel{border-radius:14px;border:1px solid #1f2937;background:#0206178c;padding:clamp(14px,2.2vw,18px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panelTitle{color:#22d3eed9;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}.tiles{display:grid;grid-template-columns:1fr;gap:10px}.tile{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;text-decoration:none;color:inherit;padding:12px;border-radius:14px;border:1px solid rgba(51,65,85,.55);background:#0f172a73}.tile:hover{border-color:#22d3eea6}.tileIcon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(34,211,238,.25);background:#0206178c;color:#22d3eee6;font-weight:700}.tileTop{font-weight:700}.tileSub{color:#ffffffb3;font-size:13px;margin-top:2px}.toast{margin-top:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(34,211,238,.35);background:#020617a6;color:#ffffffc7;font-size:13px}.meta{margin-top:14px;padding-top:12px;border-top:1px solid rgba(51,65,85,.55)}.metaTitle{color:#22d3eed9;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.metaRow{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:8px 0}.metaKey{color:#22d3eed9;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.metaVal{color:#ffffffc7;font-size:13px;line-height:1.4}.form{display:grid;gap:12px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:720px){.row{grid-template-columns:1fr}}.label{display:grid;gap:8px;color:#ffffffbf;font-size:13px}.input{width:100%;border-radius:14px;border:1px solid rgba(51,65,85,.65);background:#02061799;color:#ffffffd9;padding:10px 12px;outline:none}.input:focus{border-color:#22d3eea6;box-shadow:0 0 0 3px #22d3ee1a}.textarea{min-height:140px;resize:vertical}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.btnPrimary,.btnGhost{border-radius:14px;padding:10px 12px;text-decoration:none;cursor:pointer;border:1px solid rgba(51,65,85,.65);background:#0f172a8c;color:inherit;font-size:14px}.btnPrimary{border-color:#22d3ee8c;box-shadow:0 0 0 1px #22d3ee1a inset}.btnPrimary:hover,.btnGhost:hover{border-color:#22d3eea6}.hint{color:#ffffff8c;font-size:12px;line-height:1.5}.layout{min-height:100vh;width:100%;display:grid;grid-template-rows:auto 1fr;gap:clamp(12px,2vw,18px);padding:clamp(12px,2vw,20px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;border:1px solid #1f2937;background:#0206178c}.leftTop{display:flex;align-items:center;gap:10px}.brand{font-weight:700;letter-spacing:.06em}.iconBtn{border:1px solid #334155;background:#0f172aa6;color:inherit;border-radius:12px;padding:8px 10px;cursor:pointer}.iconBtn:hover{border-color:#22d3eea6}.content{width:min(98vw,1400px);margin:0 auto}.backdrop{position:fixed;inset:0;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .16s ease}.backdrop.show{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;left:0;height:100vh;width:min(82vw,320px);background:#020617eb;border-right:1px solid #1f2937;transform:translate(-100%);transition:transform .18s ease;padding:12px;z-index:10}.sidebar.open{transform:translate(0)}.sideHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 6px 12px}.sideTitle{font-weight:700}.footer{width:min(98vw,1400px);margin:0 auto;padding:12px 4px 6px;color:#ffffff8c;font-size:13px;border-top:1px solid rgba(51,65,85,.55)}.footer{text-align:center}:root{color-scheme:light dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,Arial,sans-serif;line-height:1.5}a{color:inherit}