:root{--bg-deep: #0f0b0c;--bg-surface: #161113;--bg-elevated: #1d1618;--bg-card: #1a1416;--text-primary: #f8f4f4;--text-secondary: #c5b8ba;--text-muted: #938083;--border: #35292c;--border-hover: #4a373b;--accent: #ef4444;--accent-dim: #9f2323;--accent-ink: #210505;--accent-glow: rgba(239, 68, 68, .2);--accent-soft: rgba(239, 68, 68, .1);--accent-shadow: rgba(239, 68, 68, .35);--radius: 16px;--radius-sm: 10px;--radius-xs: 6px;--max-width: 1080px;--nav-height: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-dm-sans),-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-deep);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}.bg-noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23n)'/%3E%3C/svg%3E")}.bg-gradient{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 800px 600px at 20% 0%,var(--accent-soft) 0%,transparent 50%),radial-gradient(ellipse 600px 500px at 80% 60%,rgba(239,68,68,.08) 0%,transparent 50%),radial-gradient(ellipse 500px 400px at 60% 100%,rgba(125,34,34,.1) 0%,transparent 50%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--accent-dim);color:var(--text-primary)}.mono{font-family:var(--font-mono),monospace}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:transparent;backdrop-filter:none;border-bottom:1px solid var(--border);z-index:100;transition:background .22s ease,backdrop-filter .22s ease,-webkit-backdrop-filter .22s ease}.nav.nav-scrolled{background:#0c0c0cd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.nav-logo{display:flex;align-items:center;line-height:0}.nav-logo-image{width:44px!important;height:44px!important;display:block;border-radius:10px;object-fit:cover;transition:transform .22s ease}.nav-logo:hover .nav-logo-image{transform:translateY(-1px)}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{font-size:14px;color:var(--text-secondary);transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.nav-cta{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border) 65%);background:color-mix(in srgb,var(--accent) 14%,var(--bg-elevated) 86%);color:color-mix(in srgb,var(--accent) 80%,white 20%)!important;border-radius:8px;font-weight:500;transition:border-color .2s ease,color .2s ease,transform .2s ease!important}.nav-cta:hover{border-color:var(--accent);color:var(--accent)!important;transform:translateY(-1px)}.nav-mobile-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.nav-mobile-toggle span{width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:.3s}.nav-mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-mobile-toggle.active span:nth-child(2){opacity:0}.nav-mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}main{max-width:var(--max-width);margin:0 auto;padding:calc(var(--nav-height) + 40px) 24px 80px}.hero{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;min-height:70vh;padding:40px 0}.hero-content{max-width:640px;width:100%;min-width:0}.hero-side{display:flex;flex-direction:column;align-items:center;gap:18px}.hero-photo-shell{--photo-size: clamp(220px, 30vw, 320px);position:relative;width:var(--photo-size);height:var(--photo-size);margin:0;border-radius:50%;padding:7px;overflow:hidden;background:var(--bg-card);box-shadow:0 18px 40px #00000057,0 0 0 1px #ffffff14 inset;animation:heroFloat 5.8s ease-in-out infinite}.hero-photo-shell:before{content:"";position:absolute;inset:1px;border-radius:50%;border:1px solid rgba(255,255,255,.2);opacity:.55;pointer-events:none}.hero-photo-shell:after{content:"";position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 84%,color-mix(in srgb,var(--accent) 25%,white 75%) 88%,var(--accent) 92%,transparent 98%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));filter:drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 60%,transparent));animation:heroBeamOrbit 3.2s linear infinite;pointer-events:none}.hero-photo{position:absolute;inset:7px;z-index:1;width:calc(100% - 14px)!important;height:calc(100% - 14px)!important;border-radius:50%;object-fit:cover;object-position:62% 42%;aspect-ratio:1 / 1;display:block;border:2px solid rgba(255,255,255,.14);transition:opacity .38s ease}.hero-photo-base{opacity:1}.hero-photo-hover{opacity:0}.hero-photo-shell:hover .hero-photo-hover{opacity:1}.hero-photo-shell:hover .hero-photo-base{opacity:0}.hero-label{font-family:var(--font-mono),monospace;font-size:13px;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:16px}.hero-title{font-family:var(--font-outfit),sans-serif;font-size:clamp(48px,7vw,72px);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin-bottom:20px;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:18px;color:var(--text-secondary);line-height:1.7;margin-bottom:24px;max-width:540px}.hero-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;color:var(--text-muted);margin-bottom:24px}.hero-meta-item{display:inline-flex;align-items:center;gap:6px}.hero-meta .separator{color:var(--border)}.hero-meta-icon{width:14px;height:14px;flex:0 0 auto;opacity:.85}.hero-meta a{color:var(--text-secondary);border-bottom:1px solid transparent;transition:border-color .2s,color .2s}.hero-meta a:hover{color:var(--accent);border-color:var(--accent)}.hero-tags{position:relative;overflow:hidden;width:100%;max-width:620px;min-width:0;contain:paint;mask-image:linear-gradient(to right,transparent 0,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,black 8%,black 92%,transparent 100%)}.hero-marquee{display:flex;gap:10px;width:max-content;animation:heroSkillsMarquee 48s linear infinite}.hero-tags:hover .hero-marquee{animation-play-state:paused}.tag{flex:0 0 auto;white-space:nowrap;padding:6px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:100px;font-size:13px;font-family:var(--font-mono),monospace;color:var(--text-secondary)}.tag-with-icon{display:inline-flex;align-items:center;gap:6px}.tag-icon{width:12px;height:12px;flex:0 0 auto;opacity:.9}.hero-stats{display:flex;flex-direction:row;justify-content:center;align-self:center;gap:12px;width:fit-content;max-width:100%}.hero-stats .stat-card{flex:0 0 auto;width:170px;padding:18px 16px}.stat-card,.proof-block,.experience-card,.project-card,.education-card{--card-hover-y: -3px;--card-hover-x: 0px;--card-hover-border: var(--accent);--card-hover-shadow: 0 12px 28px rgba(0, 0, 0, .22);transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease,background .25s ease}.stat-card:hover,.proof-block:hover,.experience-card:hover,.project-card:hover,.education-card:hover{border-color:var(--card-hover-border);transform:translate(var(--card-hover-x),var(--card-hover-y));box-shadow:var(--card-hover-shadow)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px 32px;text-align:center;--card-hover-y: -2px;--card-hover-shadow: 0 10px 22px rgba(239, 68, 68, .12)}.stat-value{display:block;font-family:var(--font-outfit),sans-serif;font-size:42px;font-weight:700;color:var(--accent);line-height:1}.stat-label{font-size:13px;color:var(--text-muted);margin-top:8px;display:block;line-height:1.4}.section{padding:80px 0}.section-header{margin-bottom:40px}.section-header h2{position:relative;display:inline-block;font-family:var(--font-outfit),sans-serif;font-size:32px;font-weight:600;letter-spacing:-.02em}.section-header h2:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:linear-gradient(90deg,var(--accent) 0%,transparent 100%);transform:scaleX(0);transform-origin:left center;opacity:0;transition:transform .36s ease,opacity .28s ease}.section-header.center-active h2:after{transform:scaleX(1);opacity:1}.about-editorial{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:22px;align-items:stretch}.about-lead{position:relative;background:linear-gradient(140deg,#24181af2,#181214e6);border:1px solid var(--border);border-radius:var(--radius);padding:30px;overflow:hidden}.about-lead:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,var(--accent) 0%,var(--accent-dim) 100%)}.about-kicker{font-family:var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--accent);margin-bottom:16px}.about-intro{color:var(--text-primary);font-size:19px;line-height:1.65;margin-bottom:18px;max-width:58ch}.about-intro strong{color:var(--accent);font-weight:600}.about-body{color:var(--text-secondary);line-height:1.75;max-width:62ch}.about-lead .about-body+.about-intro{margin-top:18px}.about-lead .about-intro+.about-body{margin-bottom:8px}.about-proofs{display:grid;grid-template-rows:auto;gap:12px}.proof-block{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px 22px;--card-hover-x: 3px;--card-hover-y: 0px;--card-hover-shadow: 0 10px 24px rgba(239, 68, 68, .16)}.proof-block:hover{background:linear-gradient(130deg,#ef44441a,#1f0e10bf)}.proof-value{font-family:var(--font-outfit),sans-serif;font-size:19px;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:8px}.proof-copy{font-size:14px;line-height:1.65;color:var(--text-secondary)}.experience-list{display:flex;flex-direction:column;gap:20px}.experience-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;--card-hover-x: 3px;--card-hover-y: 0px;--card-hover-border: var(--border-hover);--card-hover-shadow: 0 12px 26px rgba(0, 0, 0, .24)}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}.experience-role h3{font-family:var(--font-outfit),sans-serif;font-size:18px;font-weight:600;margin-bottom:4px}.experience-role .company{color:var(--accent);font-size:14px}.experience-meta{display:flex;gap:10px;align-items:center}.period{font-family:var(--font-mono),monospace;font-size:12px;color:var(--text-muted)}.location-tag,.setup-tag{font-size:11px;padding:4px 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:100px;color:var(--text-muted)}.experience-tasks{list-style:none;padding:0}.experience-tasks li{position:relative;padding-left:20px;margin-bottom:8px;color:var(--text-secondary);font-size:15px}.experience-tasks li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:var(--accent);border-radius:50%}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.projects-more{margin-top:24px;display:flex;justify-content:center}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;--card-hover-y: -4px;--card-hover-shadow: 0 20px 40px rgba(0, 0, 0, .3);cursor:pointer}.project-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.project-type{font-family:var(--font-mono),monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.project-period{font-size:12px;color:var(--text-muted)}.project-card h3{font-family:var(--font-outfit),sans-serif;font-size:20px;font-weight:600;margin-bottom:10px}.project-card p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:16px}.project-preview{aspect-ratio:16 / 9;height:auto;border-radius:12px;border:1px dashed color-mix(in srgb,var(--border) 70%,var(--accent) 30%);background:linear-gradient(160deg,#ef44441f,#161011f2 72%),repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 8px,transparent 8px 16px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:12px;font-family:var(--font-mono),monospace;letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px;overflow:hidden}.project-preview.has-media{border-style:solid;border-color:var(--border);background:var(--bg-elevated);padding:0}.project-preview-media{width:100%!important;height:100%!important;display:block;object-fit:cover;object-position:center}.project-preview-icon{width:24px;height:24px;color:var(--accent);opacity:.9}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.project-tags span{padding:4px 10px;background:var(--bg-elevated);border-radius:6px;font-size:12px;color:var(--text-muted);font-family:var(--font-mono),monospace}.project-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:16px}.project-live,.project-github{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:13px;font-family:var(--font-mono),monospace;transition:border-color .2s ease,color .2s ease,transform .2s ease}.project-action-icon{width:14px;height:14px;flex:0 0 auto}.project-live{background:color-mix(in srgb,var(--accent) 14%,var(--bg-elevated) 86%);border-color:color-mix(in srgb,var(--accent) 35%,var(--border) 65%);color:color-mix(in srgb,var(--accent) 80%,white 20%)}.project-live:hover,.project-github:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.education-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.education-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:24px;--card-hover-y: -2px;--card-hover-border: var(--border-hover);--card-hover-shadow: 0 10px 22px rgba(0, 0, 0, .2)}.education-period{font-family:var(--font-mono),monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);display:block;margin-bottom:10px}.education-card h3{font-family:var(--font-outfit),sans-serif;font-size:17px;font-weight:650;line-height:1.35;color:var(--text-primary);margin-bottom:6px}.education-meta{font-size:14px;font-weight:500;line-height:1.45;color:var(--accent);margin-bottom:10px}.education-summary{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0;max-width:46ch}.skills-container{display:flex;flex-direction:column;gap:24px}.skills-group-item{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease,filter .25s ease;transition-delay:var(--skill-delay, 0ms)}.skills-container.visible .skills-group-item{opacity:1;transform:translateY(0)}.skills-container:hover .skills-group-item{opacity:.86;filter:saturate(.92)}.skills-container:hover .skills-group-item:hover{opacity:1;filter:saturate(1)}.skills-heading{position:relative;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-outfit),sans-serif;font-size:14px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.skills-heading:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:linear-gradient(90deg,var(--accent) 0%,transparent 100%);transform:scaleX(0);transform-origin:left center;opacity:.6;transition:transform .24s ease,opacity .24s ease}.skills-group:hover .skills-heading:after{transform:scaleX(1);opacity:1}.skill-icon{width:16px;height:16px;color:var(--text-muted);opacity:.9;transition:color .2s ease,opacity .2s ease,filter .2s ease,transform .2s ease}.skills-group:hover .skill-icon{color:var(--accent);opacity:1;transform:translateY(-1px);filter:drop-shadow(0 0 6px var(--accent-glow))}.skills-tags{display:flex;flex-wrap:wrap;gap:10px}.skill-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text-secondary);transition:border-color .2s,color .2s,background .2s,transform .2s ease,box-shadow .2s ease}.skill-chip-icon{width:14px;height:14px;flex:0 0 auto;opacity:.85;transition:opacity .2s ease,transform .2s ease}.skill-chip:hover .skill-chip-icon{opacity:1;transform:translate(1px,-.5px)}.skill-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow);transform:translateY(-2px);box-shadow:0 8px 16px #ef44441f}.contact-section{padding:100px 0}.contact-content{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-elevated) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:48px;text-align:center}.contact-content h2{font-family:var(--font-outfit),sans-serif;font-size:36px;font-weight:600;margin-bottom:16px}.contact-content p{color:var(--text-secondary);font-size:16px;max-width:500px;margin:0 auto 32px}.contact-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.contact-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;font-size:14px;font-weight:500;color:var(--text-secondary);transition:all .25s}.contact-btn:hover{border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-2px)}.contact-btn.primary{background:color-mix(in srgb,var(--accent) 14%,var(--bg-elevated) 86%);border-color:color-mix(in srgb,var(--accent) 35%,var(--border) 65%);color:color-mix(in srgb,var(--accent) 80%,white 20%)}.contact-btn.primary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.footer{max-width:var(--max-width);margin:0 auto;padding:32px 24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);font-size:14px;color:var(--text-muted)}.back-to-top{display:flex;align-items:center;gap:6px;color:var(--text-muted);transition:color .2s}.back-to-top:hover{color:var(--accent)}.fade-in{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards;animation-delay:var(--delay, 0s)}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.scroll-reveal.visible{opacity:1;transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes heroSkillsMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes heroBeamOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto}.hero-side{order:-1;align-items:stretch}.hero-photo-shell{--photo-size: clamp(200px, 58vw, 300px);margin-inline:auto}.hero-stats{max-width:100%}.hero-stats .stat-card{width:min(38vw,186px);padding:18px 16px}.stat-value{font-size:32px}.about-editorial{grid-template-columns:1fr}.about-proofs{grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.hero{padding:0 0 40px;overflow-x:clip}.section{padding:40px 0}.section[id]{scroll-margin-top:calc(var(--nav-height) + 14px)}.hero-side{order:-1;margin-bottom:8px}.nav-links{position:fixed;top:var(--nav-height);left:0;right:0;background:var(--bg-surface);flex-direction:column;padding:24px;gap:20px;border-bottom:1px solid var(--border);z-index:1;transform-origin:top center;transform:translateY(-8px) scaleY(.85);opacity:0;pointer-events:none;transition:transform .24s ease,opacity .24s ease}.nav-links.active{transform:translateY(0) scaleY(1);opacity:1;pointer-events:all}.nav-mobile-toggle{display:flex}.hero-title{font-size:40px}.hero-subtitle{font-size:16px}.hero-marquee{animation:heroSkillsMarquee 34s linear infinite;width:max-content}.hero-tags{width:100%;max-width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent 0,black 9%,black 91%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,black 9%,black 91%,transparent 100%)}.hero-tags .tag{padding:5px 11px;font-size:12px}.hero-stats{flex-direction:row;justify-content:center;align-self:center;width:fit-content;max-width:100%;gap:10px}.hero-stats .stat-card{flex:0 0 auto;width:min(45vw,170px);padding:14px 12px}.hero-photo-shell{--photo-size: clamp(190px, 70vw, 260px)}.contact-content{padding:32px 24px}.contact-content h2{font-size:28px}.footer{flex-direction:column;gap:16px;text-align:center}.projects-grid{grid-template-columns:1fr}.about-lead{padding:24px 22px}.about-intro{font-size:17px}.about-proofs{grid-template-columns:1fr}.proof-block{padding:18px}}