:root{font-family:Space Grotesk,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-main: #02040a;--bg-elevated: rgba(7, 11, 22, .84);--panel-bg: linear-gradient(180deg, rgba(8, 13, 28, .9) 0%, rgba(4, 8, 18, .92) 100%);--panel-border: rgba(108, 128, 182, .18);--panel-shadow: 0 24px 80px rgba(0, 0, 0, .5);--text-primary: #f5f8ff;--text-secondary: rgba(217, 226, 247, .74);--text-muted: rgba(153, 166, 196, .58);--accent-cyan: #77dff0;--accent-blue: #698ee3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,rgba(44,78,166,.14),transparent 30%),radial-gradient(circle at 20% 20%,rgba(89,160,173,.08),transparent 22%),linear-gradient(180deg,#010208,#03060f 44%,#02040b);color:var(--text-primary)}a{color:inherit;text-decoration:none}img{max-width:100%}h1{font-size:clamp(3.2rem,8vw,5.6rem);line-height:.95;letter-spacing:-.05em;background:linear-gradient(135deg,#f3f7ff,#c9d8ff 42%,#9ac4e8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.05;letter-spacing:-.04em;color:var(--text-primary)}h3{font-size:1.35rem;line-height:1.2}p{margin:0}button,input,textarea,select{font:inherit}.carousel{position:relative;overflow:hidden;border-radius:8px;background:#020816e0}.carousel-inner{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16 / 9}.carousel-slide{width:100%;height:100%}.carousel-image{width:100%;height:100%;object-fit:cover}.carousel-button{position:absolute;top:50%;z-index:2;width:2.6rem;height:2.6rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(140,246,255,.24);border-radius:4px;color:#fff;background:#040b1ac7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translateY(-50%);box-shadow:none}.carousel-button:hover{background:#101f42f2}.carousel-button svg{width:20px;height:20px}.carousel-button-prev{left:.9rem}.carousel-button-next{right:.9rem}.carousel-indicators{position:absolute;left:50%;bottom:1rem;z-index:2;display:flex;gap:.55rem;transform:translate(-50%)}.carousel-indicator{width:.6rem;height:.6rem;padding:0;border:0;border-radius:2px;background:#ffffff4d;box-shadow:none}.carousel-indicator.active{width:1.8rem;background:linear-gradient(135deg,#8cf6ff,#7ba2ff)}.carousel-placeholder{width:100%;aspect-ratio:16 / 9;display:grid;place-items:center;color:var(--text-muted)}.tech-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .65rem;border:1px solid rgba(108,128,182,.16);background:#060b18db;color:var(--text-secondary);line-height:1}.tech-badge-sm{font-size:.76rem;padding:.38rem .58rem}.tech-badge-md{font-size:.84rem}.tech-badge-icon{width:.95rem;height:.95rem;flex:0 0 auto}.tech-badge-fallback{min-width:1rem;height:1rem;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font-size:.56rem;font-weight:700;color:#06101d;background:linear-gradient(135deg,#77dff0,#698ee3)}.project-card{display:flex;flex-direction:column;overflow:hidden;border-radius:8px;background:linear-gradient(180deg,#0c1428db,#060c1ce0);border:1px solid rgba(123,162,255,.16);box-shadow:0 24px 70px #02081661;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.project-card:hover{transform:translateY(-4px);border-color:#8cf6ff47;box-shadow:0 30px 80px #0208168f}.project-content{display:flex;flex:1;flex-direction:column;gap:1rem;padding:1.5rem}.project-card h3{margin:0;color:var(--text-primary)}.project-card p{flex:1;color:var(--text-secondary);line-height:1.75}.project-tags{display:flex;flex-wrap:wrap;gap:.6rem}.project-link{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;padding:.88rem 1.15rem;border-radius:4px;color:#031120;font-weight:700;background:linear-gradient(135deg,#8cf6ff,#7ba2ff);box-shadow:0 14px 28px #7ba2ff42;transition:transform .18s ease}.project-link:hover{transform:translateY(-2px)}.project-link svg{width:18px;height:18px}@media(max-width:720px){.project-content{padding:1.2rem}.project-link{width:100%;justify-content:center}}.app{position:relative;min-height:100vh;color:var(--text-primary);overflow:hidden}.space-backdrop{position:fixed;inset:0;z-index:-2;overflow:hidden}.nebula{position:absolute;filter:blur(52px);opacity:.3}.nebula-one{top:4%;left:-10%;width:28rem;height:28rem;background:radial-gradient(circle,#4682b129,#4682b100 74%)}.nebula-two{top:26%;right:-8%;width:34rem;height:34rem;background:radial-gradient(circle,#535db024,#535db000 74%)}.grid-horizon{position:absolute;inset:auto 0 0;height:44vh;background:linear-gradient(to top,#040a18f5,#040a1800),linear-gradient(rgba(96,122,173,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(96,122,173,.08) 1px,transparent 1px);background-size:auto,100% 2.4rem,2.4rem 100%;transform:perspective(900px) rotateX(79deg) scale(1.42);transform-origin:bottom center;opacity:.22}.stars{position:absolute;inset:0;background-image:radial-gradient(circle at 12% 18%,rgba(255,255,255,.68) 0 1px,transparent 1.5px),radial-gradient(circle at 62% 18%,rgba(255,255,255,.56) 0 1px,transparent 1.5px),radial-gradient(circle at 82% 14%,rgba(176,213,255,.54) 0 1px,transparent 1.5px),radial-gradient(circle at 30% 58%,rgba(255,255,255,.42) 0 1px,transparent 1.5px),radial-gradient(circle at 84% 64%,rgba(255,255,255,.36) 0 1px,transparent 1.5px)}.container{width:min(1180px,calc(100% - 2rem));margin:0 auto}.container-wide{width:min(1360px,calc(100% - 2rem))}.hero{padding:2rem 0 1.2rem}.hero-shell,.split-section,.focus-grid{display:grid;gap:1.25rem}.hero-shell{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:stretch;min-height:72vh}.hero-copy,.hero-profile,.about-card,.focus-primary,.mini-panel,.skill-category,.experience-item,.activity-panel,.projects-loading,.projects-error,.projects-empty{position:relative;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-copy,.hero-profile,.about-card,.focus-primary,.activity-panel{padding:1.5rem}.eyebrow,.section-kicker,.focus-eyebrow,.signal-label,.activity-type{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--accent-cyan)}.hero h1{margin:.45rem 0 .8rem;max-width:10ch}.hero-subtitle{max-width:44rem;font-size:1.02rem;line-height:1.72;color:var(--text-secondary)}.hero-highlights{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.25rem 0 1.1rem}.hero-highlights span,.focus-tags span{padding:.52rem .72rem;border:1px solid rgba(125,211,252,.16);background:#0a142c94;color:var(--text-secondary)}.hero-links-bar,.focus-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.hero-tech-strip,.skill-tech-row{display:flex;flex-wrap:wrap;gap:.55rem}.hero-tech-strip{margin-bottom:1rem}.primary-link,.secondary-link,.text-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;padding:.75rem 1rem;border:1px solid transparent;font-weight:600;transition:transform .16s ease,border-color .16s ease,background .16s ease}.primary-link{color:#03101b;background:linear-gradient(135deg,#8cf6ff,#7ba2ff);box-shadow:0 10px 24px #7aa2ff2e}.secondary-link,.text-link{color:var(--text-primary);background:#0b1226bd;border-color:#7aa2ff33}.text-link{font-weight:500}.primary-link:hover,.secondary-link:hover,.text-link:hover,.mini-panel:hover,.activity-item:hover,.experience-item:hover,.skill-category:hover{transform:translateY(-2px)}.hero-profile{display:grid;gap:1rem}.portrait-orbit{position:relative;display:grid;place-items:center;min-height:18rem}.orbit-ring{position:absolute;border:1px solid rgba(123,150,255,.18)}.orbit-ring-one{width:15rem;height:15rem}.orbit-ring-two{width:18.5rem;height:18.5rem;border-style:dashed;transform:rotate(14deg)}.profile-image{width:10.5rem;height:10.5rem;object-fit:cover;border:2px solid rgba(137,246,255,.4);box-shadow:0 0 0 10px #4b70ff12,0 20px 48px #080c1c75}.signal-card{display:grid;gap:.9rem;padding:1rem;border:1px solid rgba(122,162,255,.12);background:#070e1db8}.signal-card strong{display:block;margin-top:.25rem;line-height:1.45}.section{padding:1.5rem 0}.section-tight{padding-top:0}.section-shell{padding:0}.split-section{grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);align-items:start}.section-heading{display:grid;gap:.55rem}.section-heading.centered{justify-items:start;text-align:left;margin-bottom:1rem}.activity-section .section-heading.centered{justify-items:center;text-align:center}.section-heading h2,.focus-primary h3,.activity-panel h3{margin:0}.about-card{display:grid;gap:.9rem;line-height:1.78;color:var(--text-secondary)}.activity-stack{display:grid;gap:1rem;justify-items:center}.activity-panel{display:grid;gap:1rem;width:100%}.activity-panel-wide{padding-bottom:1rem;max-width:1320px}.activity-panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.activity-section .activity-panel-header{align-items:center}.activity-panel-header a{color:var(--accent-cyan)}.heatmap-frame{overflow-x:auto;overflow-y:hidden;padding:.6rem;border:1px solid rgba(122,162,255,.12);background:#020610db}.heatmap-image{display:block;width:auto;min-width:1100px;max-width:none;margin:0 auto}.activity-feed{display:grid;gap:.75rem}.activity-feed-compact{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1320px}.activity-item{display:grid;gap:.35rem;padding:.95rem;border:1px solid rgba(122,162,255,.12);background:#030814c2;color:inherit}.activity-item strong{line-height:1.45}.activity-time{color:var(--text-muted);font-size:.9rem}.focus-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:stretch}.focus-primary{display:grid;gap:.9rem}.focus-primary p{color:var(--text-secondary);line-height:1.78}.focus-side{display:grid;gap:.75rem}.mini-panel{padding:1.15rem;color:inherit}.mini-panel p{margin:.45rem 0 0;color:var(--text-secondary);line-height:1.65}.mini-panel-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.skills-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.skill-category{padding:1.15rem}.skill-category h3,.experience-header h3{margin:0 0 .75rem;color:#b9cfff}.skill-category ul,.experience-duties{list-style:none;padding:0;margin:0}.skill-category li,.experience-duties li{padding:.65rem 0;color:var(--text-secondary);border-bottom:1px solid rgba(122,162,255,.1);line-height:1.55}.skill-category li:last-child,.experience-duties li:last-child{border-bottom:0}.experience-timeline{display:grid;gap:.85rem}.experience-item{padding:1.2rem}.experience-company,.experience-date{display:block}.experience-company{margin-bottom:.22rem;color:var(--text-primary);font-weight:600}.experience-date{margin-bottom:.85rem;color:var(--text-muted)}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.projects-loading,.projects-error,.projects-empty{padding:1.25rem;text-align:center}.projects-loading p,.projects-empty p,.activity-state p{color:var(--text-secondary)}.projects-error p,.activity-state.error p{color:#ff9aa5}.footer{padding:1.5rem 0 2rem}.footer-shell{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-top:1px solid rgba(122,162,255,.14);color:var(--text-muted)}.footer-shell p{margin:0 0 .2rem;color:var(--text-primary)}.footer-shell span{display:block}@media(max-width:1080px){.hero-shell,.split-section,.focus-grid{grid-template-columns:1fr}.activity-feed-compact,.skills-grid,.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.hero{padding-top:1rem}.hero-copy,.hero-profile,.about-card,.focus-primary,.activity-panel,.skill-category,.experience-item{padding:1rem}.portrait-orbit{min-height:15rem}.orbit-ring-one{width:12rem;height:12rem}.orbit-ring-two{width:15rem;height:15rem}.profile-image{width:8.75rem;height:8.75rem}.hero-links-bar,.activity-panel-header,.footer-shell{flex-direction:column;align-items:flex-start}.activity-feed-compact,.skills-grid,.projects-grid{grid-template-columns:1fr}.heatmap-image{min-width:860px}}
