:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#ece7dc;background:#0e1216;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh}button,input,textarea,select{font:inherit}:root{--bg: #070b10;--panel: #101722;--panel-2: #141d2a;--line: rgba(255, 255, 255, .1);--text: #f5f8fb;--muted: #aeb8c5;--accent: #2fd1b3;--accent-2: #e7b95e;--shadow: 0 26px 80px rgba(0, 0, 0, .38)}.site-shell{position:relative;isolation:isolate;min-height:100vh;overflow-x:hidden;background:linear-gradient(120deg,rgba(47,209,179,.12),transparent 32%),linear-gradient(235deg,rgba(231,185,94,.12),transparent 28%),var(--bg);color:var(--text)}.live-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background-image:linear-gradient(rgba(47,209,179,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(47,209,179,.035) 1px,transparent 1px);background-size:76px 76px;animation:grid-drift 38s linear infinite}.live-background:before,.live-background:after{content:"";position:absolute;width:38rem;height:38rem;border-radius:999px;filter:blur(70px);opacity:.18}.live-background:before{top:7%;left:-12rem;background:#2fd1b373;animation:glow-drift-one 28s ease-in-out infinite alternate}.live-background:after{right:-14rem;bottom:2%;background:#e7b95e47;animation:glow-drift-two 34s ease-in-out infinite alternate}.live-background span{position:absolute;display:block;width:.38rem;height:.38rem;border-radius:999px;background:#f5f8fb6b;box-shadow:0 0 22px #2fd1b38c;animation:point-float 16s ease-in-out infinite}.live-background span:nth-child(1){top:18%;left:18%}.live-background span:nth-child(2){top:36%;right:22%;animation-delay:-4s}.live-background span:nth-child(3){top:62%;left:8%;animation-delay:-8s}.live-background span:nth-child(4){right:12%;bottom:18%;animation-delay:-12s}.live-background span:nth-child(5){top:78%;left:48%;animation-delay:-6s}@keyframes grid-drift{0%{background-position:0 0}to{background-position:76px 76px}}@keyframes glow-drift-one{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(8rem,5rem,0) scale(1.08)}}@keyframes glow-drift-two{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-7rem,-4rem,0) scale(1.04)}}@keyframes point-float{0%,to{transform:translateZ(0);opacity:.2}50%{transform:translate3d(1.8rem,-1.4rem,0);opacity:.5}}@media (prefers-reduced-motion: reduce){.live-background,.live-background:before,.live-background:after,.live-background span{animation:none}}.navbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.05rem clamp(1rem,5vw,4.5rem);border-bottom:1px solid var(--line);background:#070b10d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.logo{color:var(--text);font-size:1.4rem;font-weight:800;text-decoration:none}.logo span,.section-kicker,.project-topline span{color:var(--accent)}.navbar nav{display:flex;align-items:center;gap:clamp(.7rem,1.8vw,1.35rem)}.navbar nav a,.hero-socials a,.contact-list a{color:var(--muted);text-decoration:none;transition:color .16s ease,border-color .16s ease,transform .16s ease}.navbar nav a:hover,.hero-socials a:hover,.contact-list a:hover{color:var(--accent)}.section{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(4.5rem,8vw,7rem) 0}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);align-items:center;min-height:calc(100vh - 4.7rem);gap:clamp(2.5rem,6vw,5.5rem);padding-top:clamp(3rem,8vw,6rem)}.hero-content{max-width:720px}.section-kicker{margin:0 0 .85rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero h1,.section-heading h2{margin:0;letter-spacing:0}.hero h1{font-size:clamp(3.3rem,8vw,6.75rem);line-height:.95}.hero h1 span{display:block;margin-top:.65rem;color:var(--accent-2);font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.2}.hero-copy,.about-panel p,.service-card p,.project-card p,.timeline-item p{color:var(--muted);line-height:1.72}.hero-copy{max-width:650px;margin:1.4rem 0 2rem;font-size:1.1rem}.hero-actions,.hero-socials{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}.btn{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;border-radius:6px;padding:.82rem 1.15rem;font-weight:800;text-decoration:none}.btn-primary{background:var(--accent);color:#04100e}.btn-secondary{border:1px solid rgba(231,185,94,.55);color:#ffe6ad}.hero-socials{margin-top:1.4rem}.hero-socials a{border-bottom:1px solid rgba(47,209,179,.35);padding-bottom:.16rem}.hero-portrait{position:relative;min-height:520px;border:1px solid rgba(47,209,179,.24);border-radius:18px;background:linear-gradient(160deg,rgba(47,209,179,.12),transparent),#0f1723;box-shadow:var(--shadow)}.hero-portrait:before{content:"";position:absolute;top:1.1rem;right:1.1rem;bottom:1.1rem;left:1.1rem;border:1px solid rgba(231,185,94,.22);border-radius:14px;pointer-events:none}.hero-portrait img{width:100%;height:100%;min-height:520px;border-radius:18px;object-fit:cover;object-position:center;display:block;opacity:.9}.status-card{position:absolute;right:-1rem;bottom:1.6rem;width:min(280px,calc(100% - 2rem));padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#101722e6;box-shadow:0 18px 45px #0000005c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.status-card strong,.status-card span{display:block}.status-card span{margin-top:.35rem;color:var(--muted);font-size:.92rem;line-height:1.45}.stats-strip{width:min(1180px,calc(100% - 2rem));margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stats-strip article,.about-panel,.about-info,.service-card,.project-card,.timeline-item,.contact-form,.contact-list a{border:1px solid var(--line);border-radius:12px;background:#101722d1;box-shadow:0 18px 50px #0003}.stats-strip article{padding:1.1rem;text-align:center}.stats-strip span{display:block;color:var(--accent-2);font-size:2rem;font-weight:900}.stats-strip p,.about-info span,.project-topline p,.project-card small,.timeline-item strong{color:var(--muted)}.section-heading{max-width:760px;margin-bottom:2rem}.section-heading.centered{margin-right:auto;margin-left:auto;text-align:center}.section-heading h2{font-size:clamp(2.3rem,5vw,4.1rem);line-height:1.05}.about-grid,.skills-layout,.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:1.4rem}.about-panel{padding:clamp(1.25rem,3vw,2rem)}.about-panel p:last-child{margin-bottom:0}.about-info{display:grid;gap:1rem;padding:clamp(1.25rem,3vw,2rem)}.about-info div{border-bottom:1px solid var(--line);padding-bottom:.85rem}.about-info div:last-child{border-bottom:0;padding-bottom:0}.about-info span{display:block;margin-bottom:.35rem;font-size:.86rem}.service-grid,.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.service-card,.project-card{position:relative;overflow:hidden;padding:1.35rem}.service-card:after,.project-card:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:.75}.service-card span{display:inline-grid;width:2.6rem;height:2.6rem;place-items:center;margin-bottom:1.1rem;border-radius:8px;background:#2fd1b31f;color:var(--accent)}.service-card h3,.project-card h3,.timeline-item h3{margin:0 0 .75rem;font-size:1.18rem}.skills-layout{align-items:start}.skill-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.skill-card{position:relative;min-height:150px;overflow:hidden;padding:1.1rem;border:1px solid var(--line);border-radius:12px;background:#141d2ad1}.skill-card:after{content:"";position:absolute;right:-2.5rem;bottom:-2.5rem;width:8rem;height:8rem;border:1px solid rgba(47,209,179,.16);border-radius:999px}.skill-card>span{display:block;width:2rem;height:.22rem;margin-bottom:1rem;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.skill-card h3{margin:0 0 .55rem;font-size:1.08rem}.skill-card p{margin:0;color:var(--muted);line-height:1.55}.tool-cloud{display:flex;flex-wrap:wrap;gap:.7rem;padding:1.25rem;border:1px solid var(--line);border-radius:12px;background:#101722d1}.tool-cloud span{border:1px solid rgba(47,209,179,.25);border-radius:6px;padding:.55rem .7rem;color:#dbe9e6;background:#2fd1b314}.project-card{min-height:430px;display:flex;flex-direction:column}.project-topline{display:flex;justify-content:space-between;gap:1rem;margin-bottom:2.4rem}.project-topline span{font-size:2.2rem;font-weight:900}.project-topline p{margin:0}.project-card small{display:block;margin:1rem 0;line-height:1.55}.project-card ul{display:grid;gap:.55rem;margin:auto 0 0;padding-left:1.1rem;color:#d6ddd9}.timeline{position:relative;display:grid;gap:1rem;max-width:880px}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:1rem;width:1px;background:linear-gradient(var(--accent),rgba(231,185,94,.25))}.timeline-item{position:relative;margin-left:2.4rem;padding:1.25rem}.timeline-item:before{content:"";position:absolute;top:1.45rem;left:-1.82rem;width:.8rem;height:.8rem;border:3px solid var(--bg);border-radius:999px;background:var(--accent)}.timeline-item span{display:block;margin-bottom:.55rem;color:var(--accent-2);font-weight:800}.timeline-item strong{display:block;margin-top:.45rem}.certificate:before{background:var(--accent-2)}.contact-grid{align-items:stretch}.contact-list{display:grid;gap:1rem}.contact-list a{display:grid;gap:.35rem;padding:1rem;word-break:break-word}.contact-list span{color:var(--accent);font-size:.86rem;font-weight:900;text-transform:uppercase}.contact-form{display:grid;gap:.9rem;padding:1.25rem}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#0b1119;color:var(--text);font:inherit;padding:.9rem 1rem}.contact-form textarea{resize:vertical}.contact-form button{min-height:3rem;border:0;border-radius:8px;background:var(--accent);color:#04100e;cursor:pointer;font:inherit;font-weight:900}@media (max-width: 1020px){.navbar{align-items:flex-start}.navbar nav{flex-wrap:wrap;justify-content:flex-end}.hero,.about-grid,.skills-layout,.contact-grid{grid-template-columns:1fr}.hero{min-height:auto}.service-grid,.project-grid,.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.status-card{right:1rem}}@media (max-width: 680px){.navbar{position:static;display:grid}.navbar nav{justify-content:flex-start;font-size:.9rem}.hero-portrait,.hero-portrait img{min-height:340px}.service-grid,.project-grid,.stats-strip,.skill-card-grid{grid-template-columns:1fr}.hero h1{font-size:3.15rem}.status-card{position:static;width:auto;margin:-1rem 1rem 1rem}}