:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f4f5;background:#09090b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-weight:400;--bg: #09090b;--panel: rgba(255, 255, 255, .06);--panel-strong: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .11);--text: #f4f4f5;--muted: #a1a1aa;--soft: #71717a;--accent: #ffffff;--dark-text: #0a0a0f}*{box-sizing:border-box}html{scroll-behavior:smooth}body,#root{margin:0;min-height:100vh;background:var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.page-shell{position:relative;overflow:hidden;min-height:100vh;background:radial-gradient(circle at top left,rgba(255,255,255,.06),transparent 28%),radial-gradient(circle at top right,rgba(255,255,255,.05),transparent 24%),linear-gradient(180deg,#101014,#09090b,#07070a)}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.ambient{position:absolute;width:24rem;height:24rem;border-radius:999px;filter:blur(70px);pointer-events:none;opacity:.55}.ambient-a{background:radial-gradient(circle,rgba(255,255,255,.14),rgba(255,255,255,.02) 60%,transparent 70%)}.ambient-b{right:-8rem;top:12rem;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 65%)}.ambient-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,#00000059,#0000000a);mask-image:linear-gradient(to bottom,#00000059,#0000000a);pointer-events:none}.glass{background:var(--panel);border:1px solid var(--border);box-shadow:0 24px 70px #0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.glass-inset{background:#00000047;border:1px solid rgba(255,255,255,.08)}.site-header{position:sticky;top:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;margin:16px auto 0;width:min(1180px,calc(100% - 32px));border-radius:22px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#ffffff2e,#ffffff0f);border:1px solid rgba(255,255,255,.14);font-weight:700;text-transform:lowercase}.brand-title{font-weight:700;letter-spacing:.02em}.eyebrow{font-size:.73rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.eyebrow.dark{color:#0a0a0f99}.site-nav{display:flex;align-items:center;gap:8px}.nav-link{border:0;padding:10px 14px;color:var(--muted);background:transparent;border-radius:999px;text-transform:capitalize;transition:.18s ease}.nav-link:hover,.nav-link.active{background:#ffffff14;color:var(--text)}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:16px;padding:14px 18px;border:1px solid transparent;transition:transform .18s ease,opacity .18s ease,background .18s ease}.header-cta,.button.primary,.button.dark{background:#fff;color:var(--dark-text);font-weight:700}.button.secondary{color:#fff;background:#ffffff0a;border-color:#ffffff1a}.header-cta:hover,.button:hover{transform:translateY(-1px)}.button.dark{background:#0d0d12;color:#fff}.section{padding:42px 0}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start;min-height:calc(100vh - 170px);padding-top:48px}.hero-copy,.hero-panel,.about-card,.project-card,.metrics-card,.contact-card,.skill-card,.stat-card{border-radius:28px}.contact-link-wrap{display:block;text-decoration:none;color:inherit}.contact-note{margin-top:1rem;padding:1rem 1.1rem;border-radius:18px;color:#ffffffd1;line-height:1.6}.contact-note strong{color:#fff}.pill{display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#d4d4d8;font-size:.93rem}.hero h1{margin:18px 0 0;font-size:clamp(3rem,7vw,5.7rem);line-height:.95;letter-spacing:-.05em;max-width:11ch}.hero h1 span{display:block;color:#a1a1aa}.hero-text{max-width:64ch;margin:20px 0 0;color:#d4d4d8;font-size:1.06rem;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.stat-card{padding:18px}.stat-value{font-size:1.1rem;font-weight:700}.stat-label{margin-top:4px;color:var(--soft);font-size:.92rem}.hero-panel{padding:22px}.terminal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.terminal-head h3{margin:6px 0 0;font-size:1.35rem}.terminal{border-radius:24px;padding:16px}.command-list{display:flex;flex-wrap:wrap;gap:10px}.command-list button{border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#d4d4d8;padding:8px 12px;border-radius:999px}.command-list button:hover{background:#ffffff1a}.terminal-input-row{margin-top:14px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.terminal-input-row span{color:#71717a}.terminal-input-row input{width:100%;border:0;outline:0;color:#fff;background:transparent}.terminal-input-row input::placeholder{color:#71717a}.terminal-output{margin-top:14px;min-height:118px;border-radius:18px;background:#060609eb;border:1px solid rgba(255,255,255,.08);color:#d4d4d8;padding:16px;line-height:1.8}.mini-grid{display:grid;gap:12px;margin-top:16px}.mini-card{padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.mini-card strong{display:block;margin-bottom:4px}.mini-card p{margin:0;color:#a1a1aa}.section-heading{max-width:760px;margin-bottom:20px}.section-heading h2,.about-card h2,.contact-card h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;margin:10px 0 0}.section-heading p,.about-card p,.contact-card p{color:#c4c4ca;line-height:1.8}.skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:26px}.skill-card{padding:24px}.skill-icon-wrap{width:50px;height:50px;display:grid;place-items:center;border-radius:18px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);margin-bottom:18px}.skill-card h3{margin:0 0 8px;font-size:1.2rem}.skill-card p{margin:0;color:#b4b4bb;line-height:1.75}.split-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:start}.about-card{padding:28px;position:sticky;top:100px}.about-points{display:grid;gap:14px;margin-top:22px}.about-point{padding:16px;border-radius:20px;background:#0003;border:1px solid rgba(255,255,255,.07)}.about-point-title{font-weight:700;margin-bottom:4px}.about-point-text{color:#a1a1aa}.projects-col{display:grid;gap:16px}.project-card{padding:24px}.project-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.project-tag{display:inline-flex;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);color:#d4d4d8;background:#ffffff0d;font-size:.82rem}.project-card h3{margin:0 0 8px;font-size:1.34rem}.project-card p{margin:0;color:#c4c4ca;line-height:1.8}.project-stats{margin-top:14px;color:#fff;font-weight:700}.stack-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.stack-list span{border-radius:999px;padding:8px 11px;background:#00000047;border:1px solid rgba(255,255,255,.07);color:#d4d4d8;font-size:.82rem}.cta-card{padding:24px;border-radius:28px;background:#fff;color:#0a0a0f;display:flex;justify-content:space-between;align-items:center;gap:20px}.cta-card h3{margin:6px 0 0;font-size:1.6rem;max-width:18ch}.metrics-section{display:grid;grid-template-columns:.86fr 1.14fr;gap:20px;align-items:start}.metrics-card,.contact-card{padding:28px}.meter-list{display:grid;gap:18px;margin-top:18px}.meter-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;color:#d4d4d8}.meter-bar{height:12px;border-radius:999px;background:#ffffff14;overflow:hidden}.meter-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#fff,#ffffffb8)}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.contact-item{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:18px}.contact-item span{display:block;color:#a1a1aa;font-size:.92rem;margin-bottom:2px}.contact-item strong{font-size:1rem}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0 36px}.footer-title{font-weight:700;margin-bottom:4px}.site-footer p{margin:0;color:#8f8f97}.footer-icons{display:flex;gap:10px;flex-wrap:wrap}.footer-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.icon-16{width:16px;height:16px}.icon-18{width:18px;height:18px}@media(max-width:1080px){.hero,.split-section,.metrics-section,.skill-grid{grid-template-columns:1fr 1fr}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-card{position:static}}@media(max-width:840px){.site-header{flex-wrap:wrap;justify-content:center}.site-nav{order:3;width:100%;justify-content:center;flex-wrap:wrap}.hero,.split-section,.metrics-section,.stats-grid,.contact-grid,.skill-grid{grid-template-columns:1fr}.cta-card,.site-footer{flex-direction:column;align-items:flex-start}.hero{min-height:auto}}@media(max-width:560px){.container,.site-header{width:min(100% - 20px,1180px)}.site-header{top:8px;border-radius:18px}.hero h1{font-size:2.8rem}.button,.header-cta{width:100%}.hero-actions,.contact-actions{flex-direction:column}}.hero-signature{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center;min-height:82vh;padding:5rem 0 3rem;overflow:hidden}.hero-signature-copy,.hero-signature-visual{position:relative;z-index:2}.tech-side{position:absolute;top:5%;bottom:0;width:220px;height:500px;pointer-events:none;z-index:1}.tech-side-left{left:40px}.tech-side-right{right:40px}.tech-pill{position:absolute;display:inline-flex;align-items:center;gap:.55rem;padding:.72rem .95rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 30px #0000002e,inset 0 1px #ffffff14;color:#ffffffd6;-webkit-user-select:none;user-select:none;animation:techFloat 7s ease-in-out infinite}.tech-pill-short{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 .45rem;border-radius:999px;background:#ffffff14;font-size:.72rem;font-weight:700;color:#fff}.tech-pill-label{font-size:.85rem;white-space:nowrap}.hero-signature-copy h1{max-width:12ch;margin:.5rem 0 1rem;font-size:clamp(2.9rem,6vw,6.4rem);line-height:.95;letter-spacing:-.05em}.hero-signature-copy p{max-width:60ch;color:#ffffffc2;font-size:1.05rem;line-height:1.8}.hero-signature-copy h1 span{display:block;color:#a1a1aa}.hero-signature-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.5rem}.hero-signature-visual{position:relative;display:grid;gap:1.2rem;justify-items:center}.core-shell{position:relative;width:min(420px,88vw);aspect-ratio:1;display:grid;place-items:center;border-radius:999px;background:radial-gradient(circle at center,rgba(255,255,255,.08),transparent 45%),radial-gradient(circle at 30% 30%,rgba(255,255,255,.12),transparent 30%);overflow:hidden}.core-shell:before{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%);filter:blur(25px)}.core-object{position:relative;width:44%;aspect-ratio:1;border-radius:28px;transform:rotate(18deg);background:linear-gradient(145deg,#fff3,#ffffff0a),#ffffff0a;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 60px #ffffff14,inset 0 1px #ffffff2e;animation:coreFloat 6s ease-in-out infinite;display:grid;place-items:center}.core-inner{width:74%;height:74%;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.18),transparent 40%),linear-gradient(180deg,#ffffff14,#ffffff05);display:grid;place-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.core-inner span{font-size:.95rem;letter-spacing:.35em;color:#ffffffeb}.core-orbit{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:999px;border:1px solid rgba(255,255,255,.08)}.orbit-a{animation:spinA 16s linear infinite}.orbit-b{top:21%;right:21%;bottom:21%;left:21%;transform:rotate(55deg);animation:spinB 13s linear infinite}.orbit-c{top:31%;right:31%;bottom:31%;left:31%;transform:rotate(-25deg);animation:spinA 10s linear infinite reverse}.core-pulse{position:absolute;top:24%;right:24%;bottom:24%;left:24%;border-radius:999px;border:1px solid rgba(255,255,255,.08);animation:pulseRing 3.2s ease-out infinite}.pulse-b{animation-delay:1.4s}.terminal-card{width:min(520px,100%);padding:1rem;border-radius:24px}.terminal-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.terminal-dots{display:flex;gap:.45rem}.terminal-dots span{width:10px;height:10px;border-radius:999px;background:#ffffff47}.terminal-title{display:flex;align-items:center;gap:.5rem;color:#ffffffb8;font-size:.9rem;text-transform:lowercase}.terminal-body{min-height:220px;max-height:280px;overflow:auto;padding:1rem;border-radius:18px;background:#00000047;border:1px solid rgba(255,255,255,.08);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.terminal-line{color:#ffffffc7;font-size:.92rem;line-height:1.7;white-space:pre-wrap;word-break:break-word}.terminal-input-row{display:flex;align-items:center;gap:.7rem;margin-top:.5rem}.terminal-prefix{color:#ffffff80;flex-shrink:0;font-size:.9rem}.terminal-input-row input{width:100%;background:transparent;border:0;outline:0;color:#fff;font:inherit}.terminal-input-row input::placeholder{color:#ffffff4d}.terminal-shortcuts{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem}.terminal-shortcuts button{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffd6;border-radius:999px;padding:.5rem .85rem;cursor:pointer;transition:.18s ease}.terminal-shortcuts button:hover{background:#ffffff14;border-color:#ffffff2e;transform:translateY(-1px)}@keyframes coreFloat{0%,to{transform:rotate(18deg) translateY(0)}50%{transform:rotate(22deg) translateY(-10px)}}@keyframes spinA{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinB{0%{transform:rotate(55deg)}to{transform:rotate(415deg)}}@keyframes pulseRing{0%{transform:scale(.82);opacity:.7}to{transform:scale(1.25);opacity:0}}@media(max-width:1024px){.hero-signature{grid-template-columns:1fr;padding-top:3rem}.hero-signature-copy h1{max-width:100%}}@media(max-width:640px){.hero-signature-copy h1{font-size:2.7rem}.terminal-body{min-height:190px}}.pill-ts{top:8%;left:18px;animation-delay:0s}.pill-react{top:28%;left:56px;animation-delay:1.1s}.pill-node{top:52%;left:6px;animation-delay:2s}.pill-api{top:74%;left:42px;animation-delay:.7s}.pill-db{top:12%;right:18px;animation-delay:.4s}.pill-docker{top:34%;right:58px;animation-delay:1.5s}.pill-github{top:58%;right:12px;animation-delay:2.2s}.pill-stack{top:80%;right:44px;animation-delay:.9s}.pill-node,.pill-docker,.pill-github{opacity:.62;filter:blur(.2px)}.pill-ts,.pill-react,.pill-db{opacity:.92}@keyframes techFloat{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-8px) translate(4px)}50%{transform:translateY(6px) translate(-3px)}75%{transform:translateY(-5px) translate(2px)}}@media(max-width:1100px){.tech-side{width:140px;opacity:.75}.tech-pill-label{display:none}}@media(max-width:860px){.tech-side{display:none}}