:root{font-family:Space Grotesk,Segoe UI,sans-serif;color:#f5f7fb;--bg-start: #06111a;--bg-mid: #091c25;--bg-end: #04090d;--teal: #9be7d7;--orange: #ff8a5b;--text-soft: #92a7b7;--text-strong: #f5f7fb;--line: rgba(155, 231, 215, .18);--panel: rgba(7, 15, 22, .68);--panel-strong: rgba(11, 20, 29, .92);--shadow: 0 30px 120px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(255,138,91,.12),transparent 22%),radial-gradient(circle at 80% 20%,rgba(155,231,215,.16),transparent 24%),linear-gradient(180deg,var(--bg-start) 0%,var(--bg-mid) 35%,var(--bg-end) 100%)}a{color:inherit;text-decoration:none}button,a{transition:transform .18s ease,opacity .18s ease,border-color .18s ease,background .18s ease}button{font:inherit;color:inherit}.app-shell{position:relative;overflow:hidden;min-height:100vh;background:radial-gradient(circle at top left,rgba(255,138,91,.12),transparent 22%),radial-gradient(circle at 80% 20%,rgba(155,231,215,.16),transparent 24%),linear-gradient(180deg,var(--bg-start) 0%,var(--bg-mid) 35%,var(--bg-end) 100%)}.page{position:relative;z-index:1;width:min(1280px,calc(100% - 2rem));margin:0 auto;padding:1.25rem 0 5rem}.backdrop{position:fixed;inset:0;pointer-events:none}.grid,.scanlines,.vignette{position:absolute;inset:0}.grid{background-image:linear-gradient(rgba(155,231,215,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(155,231,215,.06) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at center,black 45%,transparent 92%);mask-image:radial-gradient(circle at center,black 45%,transparent 92%)}.scanlines{background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent 2px);background-size:100% 8px;opacity:.22}.vignette{background:radial-gradient(circle at center,transparent 45%,rgba(0,0,0,.55) 100%)}.glow{position:absolute;border-radius:999px;filter:blur(60px);animation:drift 12s ease-in-out infinite}.glow-one{width:24rem;height:24rem;top:-6rem;left:-8rem;background:#ff8a5b33}.glow-two{width:18rem;height:18rem;right:5rem;top:16rem;background:#9be7d729;animation-delay:-4s}.glow-three{width:22rem;height:22rem;bottom:5rem;left:35%;background:#4475ff1f;animation-delay:-2s}.code-rain{position:absolute;inset:0;overflow:hidden;opacity:.2}.code-rain span{position:absolute;top:-10rem;left:calc(var(--column) * 16%);width:18rem;color:#9be7d799;font:.8rem/1.4 IBM Plex Mono,SFMono-Regular,monospace;transform:rotate(-90deg);animation:rain 14s linear infinite;animation-delay:var(--delay)}.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 35%),var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.eyebrow{margin:0 0 1rem;color:var(--teal);text-transform:uppercase;letter-spacing:.24em;font-size:.72rem}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(2.2rem,4vw,4rem);line-height:.95;margin-bottom:.8rem}.hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:1.5rem;min-height:calc(100vh - 2rem);align-items:stretch}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:1.5rem .5rem 1.5rem 0}.hero-kicker{margin-bottom:1rem;color:#f5f7fbd1;font-size:.95rem;letter-spacing:.14em;text-transform:uppercase}.hero h1{display:grid;gap:.4rem;font-size:clamp(4rem,9vw,8.6rem);line-height:.85;margin-bottom:1.2rem}.hero h1 span{color:var(--text-strong);text-shadow:0 0 30px rgba(255,255,255,.08)}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(245,247,251,.7)}.hero-summary,.feature-copy,.experience-copy,.contact-copy,.project-select-card p{color:var(--text-soft);line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0}.button{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 1.3rem;border-radius:999px;border:1px solid transparent}.button:hover,.capability-tab:hover,.project-select-card:hover,.experience-panel:hover,.matrix-row:hover{transform:translateY(-4px)}.button.primary{background:linear-gradient(135deg,var(--orange),#ffc06b);color:#06111a}.button.secondary{border-color:var(--line);background:#ffffff08}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.hero-stat{padding:1rem;border:1px solid rgba(255,255,255,.06);border-radius:20px;background:#ffffff08}.hero-stat span{display:block;color:var(--text-soft);font-size:.82rem;margin-bottom:.5rem}.hero-stat strong{font-size:1.15rem}.hero-scene{display:grid;grid-template-rows:1fr auto;gap:1rem;padding:.8rem 0}.power-core,.command-stack,.capability-stage,.featured-project,.experience-panel,.matrix,.skill-focus,.contact-shell,.capability-tab,.project-select-card{border-radius:30px}.power-core{position:relative;overflow:hidden;padding:2rem;min-height:35rem}.core-rings{position:relative;width:min(30rem,100%);aspect-ratio:1;margin:0 auto;display:grid;place-items:center}.core-ring,.core-center{position:absolute;border-radius:999px}.core-ring{border:1px solid rgba(255,255,255,.08);animation:spin 18s linear infinite}.ring-one{inset:0;border-color:#9be7d740}.ring-two{inset:2.8rem;border-color:#ff8a5b42;animation-direction:reverse;animation-duration:12s}.ring-three{inset:5.4rem;border-style:dashed;animation-duration:9s}.core-center{inset:8.5rem;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 30% 30%,#ff8a5b3d,#ff8a5b0a),radial-gradient(circle at 70% 70%,#9be7d733,#9be7d708),#070f16d6;box-shadow:0 0 50px #9be7d726,inset 0 0 40px #ffffff0a}.core-center span{display:block;color:var(--text-soft);letter-spacing:.3em;font-size:.7rem}.core-center strong{font-size:clamp(2.4rem,4vw,4.8rem);line-height:.9}.orbit-tags span{position:absolute;left:50%;top:50%;padding:.65rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#070f16d9;color:#e8f9f7;font-size:.86rem;transform:rotate(calc(var(--index) * 90deg)) translateY(-15rem) rotate(calc(var(--index) * -90deg));animation:orbitalPulse 5s ease-in-out infinite;animation-delay:calc(var(--index) * .7s)}.command-stack{overflow:hidden}.command-header{display:flex;gap:.45rem;padding:.95rem 1rem;background:#ffffff0d}.command-header span{width:.72rem;height:.72rem;border-radius:50%}.command-header span:nth-child(1){background:#ffc06b}.command-header span:nth-child(2){background:var(--teal)}.command-header span:nth-child(3){background:var(--orange)}.command-body{padding:1.25rem}.command-body p{margin-bottom:.8rem;color:#d5fff5;font:.96rem/1.5 IBM Plex Mono,SFMono-Regular,monospace;opacity:0;animation:typeIn .7s ease forwards}.command-body p:nth-child(2){animation-delay:.35s}.command-body p:nth-child(3){animation-delay:.7s}.command-body p:nth-child(4){animation-delay:1.05s}.command-body p:nth-child(5){animation-delay:1.4s}.signal-wrap{overflow:hidden;margin:.6rem 0 2.5rem;border-block:1px solid rgba(255,255,255,.08);background:#ffffff05}.signal-track{display:flex;gap:1rem;width:max-content;padding:1rem 0;animation:marquee 22s linear infinite}.signal-track span{padding:.75rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;white-space:nowrap}.section{margin-top:2.5rem}.section-heading{margin-bottom:1.4rem}.feature-label,.matrix-header span,.experience-panel-top span,.capability-tab span,.project-select-card span{color:var(--teal);text-transform:uppercase;letter-spacing:.16em;font-size:.74rem}.capability-shell,.projects-console,.skills-console{display:grid;grid-template-columns:.38fr .62fr;gap:1rem}.capability-nav,.project-selector{display:grid;gap:.85rem}.capability-tab,.project-select-card,.matrix-row{text-align:left;border:1px solid rgba(255,255,255,.08);background:#ffffff08;padding:1rem;cursor:pointer}.capability-tab strong,.project-select-card strong{display:block;font-size:1.15rem;margin-top:.4rem}.capability-tab.active,.project-select-card.active,.matrix-row.active,.experience-panel.open{border-color:#9be7d780;background:linear-gradient(135deg,rgba(155,231,215,.12),transparent),#ffffff0d}.capability-stage,.featured-project,.skill-focus,.contact-shell{padding:1.4rem}.stage-grid,.featured-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:1rem;align-items:center}.capability-points{display:grid;gap:.85rem}.capability-point{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start;padding:.95rem;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.capability-point span{color:var(--orange);font-family:IBM Plex Mono,SFMono-Regular,monospace}.capability-point p{margin:0}.feature-display{position:relative;min-height:24rem}.feature-screen{position:absolute;inset:0;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 40%),radial-gradient(circle at center,rgba(155,231,215,.18),transparent 45%),var(--panel-strong)}.screen-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px}.screen-card{position:absolute;padding:.9rem 1rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#09121bcc;box-shadow:0 20px 60px #00000059;animation:float 6s ease-in-out infinite}.screen-card-one{top:15%;left:10%;max-width:16rem}.screen-card-two{right:12%;top:42%;animation-delay:-2s}.screen-card-three{left:18%;bottom:12%;animation-delay:-4s}.experience-stack{display:grid;gap:1rem}.experience-panel{padding:1.2rem 1.4rem;cursor:pointer}.experience-panel-top{display:flex;justify-content:space-between;gap:1rem;align-items:start}.experience-panel h3,.featured-project h3,.skill-focus h3{font-size:1.7rem;margin-bottom:.7rem}.experience-panel-body{max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease,margin-top .3s ease}.experience-panel.open .experience-panel-body{max-height:20rem;opacity:1;margin-top:.8rem}.matrix{display:grid;gap:1rem;align-self:start;padding:1.4rem}.matrix-header{display:flex;justify-content:space-between;gap:1rem;align-items:end}.matrix-header strong{font-size:1.2rem}.matrix-name{color:#ecf2f8;font-size:.96rem;margin-bottom:.65rem}.matrix-bar{height:10px;border-radius:999px;background:#ffffff0d;overflow:hidden}.matrix-bar span{display:block;width:var(--fill);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--orange));animation:barGlow 4s ease-in-out infinite}.skill-focus{position:relative;overflow:hidden}.skill-focus-glow{position:absolute;right:-4rem;top:-4rem;width:14rem;height:14rem;border-radius:999px;background:radial-gradient(circle,rgba(155,231,215,.24),transparent 70%);filter:blur(10px)}.tags{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}.tags span{padding:.5rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e8f1f8;font-size:.86rem}.highlight{color:#fff8ef}.contact-shell{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;align-items:start;margin-top:5rem}.contact-links{display:grid;gap:.85rem}.contact-links a,.contact-links p{padding:1rem;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}@keyframes drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(2rem,-1.5rem,0)}}@keyframes rain{0%{transform:translateY(-10rem) rotate(-90deg);opacity:0}20%,80%{opacity:1}to{transform:translateY(120vh) rotate(-90deg);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbitalPulse{0%,to{opacity:.7;box-shadow:0 0 #9be7d700}50%{opacity:1;box-shadow:0 0 30px #9be7d72e}}@keyframes typeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes barGlow{0%,to{filter:saturate(1)}50%{filter:saturate(1.4)}}@media(max-width:1080px){.hero,.capability-shell,.projects-console,.skills-console,.stage-grid,.featured-grid,.contact-shell{grid-template-columns:1fr}.hero{min-height:auto}.hero-copy{padding-right:0}}@media(max-width:760px){.page{width:min(100% - 1rem,1280px)}.hero-stats{grid-template-columns:1fr}.power-core,.command-stack,.capability-stage,.featured-project,.experience-panel,.matrix,.skill-focus,.contact-shell,.capability-tab,.project-select-card{border-radius:24px}.power-core,.capability-stage,.featured-project,.experience-panel,.matrix,.skill-focus,.contact-shell{padding:1.1rem}.core-rings{width:100%}.core-center{inset:6rem}.orbit-tags span{position:static;transform:none;display:inline-flex;margin:.25rem .35rem 0 0}.power-core{min-height:auto}.experience-panel-top,.matrix-header{flex-direction:column;align-items:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}