:root{color:#f4f4f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#0a0a0a;--bg-soft:#111;--panel:#161616b8;--panel-strong:#121212eb;--border:#ffffff1a;--text:#f5f5f5;--muted:#ffffffb8;--muted-soft:#ffffff8f;--shadow:0 30px 90px #00000073;--glow:#ffffff1f;background:radial-gradient(circle at top,#ffffff12,#0000 28%),linear-gradient(#111 0%,#080808 45%,#050505 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);background:radial-gradient(circle at top,#ffffff0d,#0000 22%),linear-gradient(#0d0d0d 0%,#070707 45%,#040404 100%);margin:0}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 20%,#ffffff0f,#0000 18%),radial-gradient(circle at 80% 0,#ffffff0d,#0000 22%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}#app{isolation:isolate;position:relative}.page-shell{max-width:1240px;margin:0 auto;padding:28px 24px 72px;position:relative;overflow:hidden}.page-noise{opacity:.08;pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:120px 120px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 45%,#0000 100%);mask-image:radial-gradient(circle,#000 45%,#0000 100%)}.cursor-spotlight{pointer-events:none;background:radial-gradient(380px circle at var(--pointer-x,50%) var(--pointer-y,20%), #ffffff1c, transparent 60%);opacity:.8;z-index:0;position:fixed;inset:0}.topbar,.section,.hero-grid,.project-card,.contact-grid,.about-grid{z-index:1;position:relative}.glass-panel{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);background:linear-gradient(#2828288f 0%,#101010b8 100%)}.topbar{border-radius:24px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px;padding:14px 18px;display:flex;position:sticky;top:20px}.brand{letter-spacing:.08em;white-space:nowrap;text-transform:uppercase;background:#ffffff0f;border-radius:16px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-size:.88rem;display:inline-flex}.topnav{flex-wrap:wrap;gap:18px;display:flex}.topnav a{color:var(--muted);transition:color .25s,text-shadow .25s}.topnav a:hover{color:#fff;text-shadow:0 0 18px #ffffff40}.section{padding:42px 0}.hero-section{padding-top:22px}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:40px;display:grid}.hero-copy h1,.section-heading h2,.project-card h3,.contact-card h3{letter-spacing:-.04em;margin:0}.hero-copy h1{max-width:12ch;font-size:clamp(3.4rem,7vw,6.3rem);line-height:.96}.hero-role{color:#ffffffd1;letter-spacing:.16em;text-transform:uppercase;margin-top:18px;font-size:1rem}.hero-text,.section-heading p,.about-card p,.project-card p,.contact-card p{color:var(--muted);line-height:1.8}.about-highlight+.about-highlight{margin-top:16px}.hero-text{max-width:620px;margin-top:24px;font-size:1.08rem}.eyebrow{color:#ffffffd6;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px;font-size:.82rem;display:inline-flex}.hero-meta{margin-top:30px}.pill-list{border-radius:18px;flex-wrap:wrap;gap:12px;padding:14px 16px;display:inline-flex}.pill-list span{color:#ebebeb;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;padding:8px 12px}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:28px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:156px;padding:14px 22px;transition:transform .28s,box-shadow .28s,border-color .28s,background .28s;display:inline-flex}.button:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 0 32px #ffffff1f}.button-primary{color:#090909;background:linear-gradient(#f4f4f4 0%,#d6d6d6 100%)}.button-secondary{color:#f4f4f5;background:#ffffff0a;border-color:#ffffff14}.hero-visual-wrap{justify-content:center;display:flex}.hero-visual-shell{aspect-ratio:.9;perspective:1400px;width:min(100%,460px);position:relative}.hero-orbit{filter:blur(12px);background:radial-gradient(circle,#ffffff2e,#0000 68%);border-radius:50%;width:180px;height:180px;position:absolute;inset:8% 6% auto auto}.portrait-card{height:100%;transform-style:preserve-3d;border-radius:34px;position:relative;overflow:hidden}.portrait-card:after{content:"";background:linear-gradient(#0000,#00000057);height:28%;position:absolute;inset:auto 0 0}.portrait-shine{pointer-events:none;z-index:2;background:linear-gradient(145deg,#ffffff38,#0000 24% 70%,#ffffff0f);position:absolute;inset:0}.portrait-image{object-fit:cover;transform-origin:50%;width:100%;height:100%;display:block}.portrait-caption{z-index:3;border-radius:20px;flex-direction:column;gap:6px;padding:16px 18px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.portrait-caption span{color:var(--muted-soft);font-size:.9rem}.portrait-caption strong{font-size:1rem}.section-heading{max-width:720px}.section-heading h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.02}.section-heading p{max-width:62ch;margin-top:16px}.about-grid,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px;display:grid}.about-card,.skills-panel,.contact-card,.contact-form{border-radius:28px;padding:28px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.stat-card{border-radius:24px;padding:24px 20px}.stat-card strong{margin-bottom:10px;font-size:2rem;display:block}.stat-card span{color:var(--muted);line-height:1.6}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px;display:grid}.project-column{height:100%}.project-card{border-radius:28px;height:100%;padding:26px;position:relative;overflow:hidden}.project-card:before,.contact-card:before,.contact-form:before,.about-card:before,.skills-panel:before{content:"";pointer-events:none;background:linear-gradient(145deg,#ffffff14,#0000 28% 72%,#ffffff0d);position:absolute;inset:0}.project-category{color:#fffc;background:#ffffff0d;border-radius:999px;margin-bottom:16px;padding:8px 12px;font-size:.85rem;display:inline-flex}.project-card h3,.contact-card h3{font-size:1.45rem}.project-card p{margin-top:14px}.tag-list,.skill-cloud,.contact-links{flex-wrap:wrap;gap:12px;display:flex}.tag-list{margin-top:22px}.tag,.skill-chip{color:#ededed;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;padding:10px 14px;display:inline-flex}.skills-panel{margin-top:30px}.skill-cloud{gap:14px}.contact-card,.contact-form{position:relative}.contact-links{margin-top:22px}.contact-links a{color:#f4f4f4;border-bottom:1px solid #ffffff2e;padding-bottom:4px}.contact-form{gap:16px;display:grid}.contact-form label{color:var(--muted);gap:10px;display:grid}.contact-form input,.contact-form textarea{color:#f7f7f7;background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;outline:none;width:100%;padding:14px 16px;transition:border-color .25s,box-shadow .25s}.contact-form input:focus,.contact-form textarea:focus{border-color:#ffffff3d;box-shadow:0 0 0 3px #ffffff0d}@media (width<=1080px){.hero-grid,.projects-grid,.about-grid,.contact-grid,.stats-grid{grid-template-columns:1fr}.hero-copy h1{max-width:11ch}.hero-visual-wrap{order:-1}}@media (width<=720px){.page-shell{padding:18px 16px 56px}.topbar{border-radius:20px;padding:14px}.topnav{gap:12px;font-size:.94rem}.section{padding:34px 0}.hero-copy h1{font-size:clamp(2.7rem,15vw,4rem)}.hero-text,.section-heading p{font-size:.98rem}.about-card,.skills-panel,.contact-card,.contact-form,.project-card{border-radius:24px;padding:22px}.portrait-caption{bottom:14px;left:14px;right:14px}}