.home-root{--bg-primary:#fafaf9;--bg-elevated:#f5f5f4;--bg-card:#fff;--text-primary:#18181b;--text-secondary:#52525b;--text-muted:#a1a1aa;--accent:#e84430;--accent-glow:#e844301a;--accent-soft:#dc2626;--border:#0000000f;--border-hover:#0000001f;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}.home-root:before{content:"";z-index:1;pointer-events:none;opacity:.018;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.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px;position:fixed;inset:0}.home-root .home-nav{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(1.4);border-bottom:1px solid var(--border);background:#fafaf9d9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:1.25rem 3rem;transition:background .4s;display:flex;position:fixed;top:0}.home-root .nav-logo{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:1.3rem;text-decoration:none}.home-root .nav-links{align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.home-root .nav-links a{color:var(--text-secondary);letter-spacing:.02em;font-size:.82rem;font-weight:400;text-decoration:none;transition:color .3s;position:relative}.home-root .nav-links a:after{content:"";background:var(--accent);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.home-root .nav-links a:hover{color:var(--text-primary)}.home-root .nav-links a:hover:after{width:100%}.home-root .nav-links a.active{color:var(--text-primary);font-weight:500}.home-root .nav-mobile-toggle{border:1px solid var(--border-hover);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;padding:.45rem .9rem;font-size:.82rem;display:none}.home-root .home-theme-toggle{border:1px solid var(--border-hover);width:2.5rem;height:2.5rem;color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.home-root .home-theme-toggle:hover{border-color:var(--text-secondary);background:#0000000a}.home-root .nav-mobile-list{flex-direction:column;gap:.5rem;width:100%;margin:0;padding:.75rem 0 0;list-style:none;display:flex}.home-root .nav-mobile-list a{color:var(--text-secondary);padding:.35rem 0;font-size:.9rem;text-decoration:none}.home-root .hero{grid-template-columns:1fr 1fr;align-items:center;min-height:100dvh;padding:0 6vw;display:grid;position:relative;overflow:hidden}.home-root .hero:before{content:"";filter:blur(80px);pointer-events:none;background:radial-gradient(circle at 30% 40%,#e8443014 0%,#0000 50%),radial-gradient(circle at 70% 60%,#643cb40d 0%,#0000 50%);width:70vw;height:70vw;animation:12s ease-in-out infinite alternate home-mesh-float;position:absolute;top:-20%;right:-10%}@keyframes home-mesh-float{0%{transform:translate(0)scale(1)}to{transform:translate(-40px,30px)scale(1.05)}}.home-root .hero-content{z-index:2;animation:1s ease-out home-fade-up;position:relative}@keyframes home-fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-root .hero-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.72rem;display:flex}.home-root .hero-label:before{content:"";background:var(--accent);width:2rem;height:1px}.home-root .hero-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.3rem;font-size:clamp(3.2rem,6vw,5.5rem);font-weight:400;line-height:1.05}.home-root .hero-role{font-family:var(--font-display);color:var(--text-secondary);margin-bottom:2rem;font-size:clamp(1.6rem,3vw,2.6rem);font-style:italic;font-weight:400}.home-root .hero-desc{color:var(--text-secondary);white-space:pre-line;max-width:480px;margin-bottom:2.5rem;font-size:1.05rem;font-weight:300;line-height:1.7}.home-root .hero-photo-mobile{display:none}.home-root .hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.home-root .btn-primary{background:var(--accent);color:#fff;font-family:var(--font-body);letter-spacing:.03em;cursor:pointer;box-shadow:0 0 0 0 var(--accent-glow);border:none;border-radius:50px;padding:.85rem 2rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .3s,box-shadow .3s,transform .3s;display:inline-block}.home-root .btn-primary:hover{background:var(--accent-soft);box-shadow:0 8px 30px var(--accent-glow);transform:translateY(-2px)}.home-root .btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.home-root .btn-secondary{color:var(--text-primary);border:1px solid var(--border-hover);font-family:var(--font-body);letter-spacing:.03em;cursor:pointer;background:0 0;border-radius:50px;padding:.85rem 2rem;font-size:.85rem;font-weight:400;text-decoration:none;transition:border-color .3s,background .3s,color .3s;display:inline-block}.home-root .btn-secondary:hover{border-color:var(--text-secondary);background:#00000008}.home-root .btn-secondary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.home-root .social-links{gap:.5rem;margin-left:.5rem;display:flex}.home-root .social-link{border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:border-color .3s,color .3s,transform .3s;display:flex}.home-root .social-link:hover{border-color:var(--text-secondary);color:var(--text-primary);transform:translateY(-2px)}.home-root .social-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.home-root .social-link svg{width:16px;height:16px}.home-root .hero-visual{justify-content:center;align-items:center;height:100%;animation:1s ease-out .3s both home-fade-up;display:flex;position:relative}.home-root .orbital-container{width:min(540px,90vw);height:min(540px,90vw);margin:.5rem;position:relative}.home-root .orbital-ring{border:1px solid var(--border);will-change:transform;border-radius:50%;animation:linear infinite home-orbit-spin;position:absolute}.home-root .orbital-ring:first-child{border-color:#0000000d;width:100%;height:100%;animation-duration:30s;top:0;left:0}.home-root .orbital-ring:nth-child(2){border-color:#00000012;width:75%;height:75%;animation-duration:22s;animation-direction:reverse;top:12.5%;left:12.5%}.home-root .orbital-ring:nth-child(3){border-color:#e8443033;width:50%;height:50%;animation-duration:16s;top:25%;left:25%}.home-root .orbital-ring:nth-child(4){border-color:#0000000a;width:88%;height:88%;animation-duration:35s;top:6%;left:6%}.home-root .orbital-ring:nth-child(5){border-color:#e8443014;width:62%;height:62%;animation-duration:26s;animation-direction:reverse;top:19%;left:19%}@keyframes home-orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-root .orbital-node{background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent-glow);border-radius:50%;position:absolute}.home-root .orbital-ring:first-child .orbital-node{top:-4px;left:50%}.home-root .orbital-ring:nth-child(2) .orbital-node{bottom:-4px;right:20%}.home-root .orbital-ring:nth-child(3) .orbital-node{top:20%;left:-4px}.home-root .orbital-ring:nth-child(4) .orbital-node{bottom:15%;left:-4px}.home-root .orbital-ring:nth-child(5) .orbital-node{top:-4px;right:30%}.home-root .orbital-node--b{inset:auto!important}.home-root .orbital-ring:nth-child(2) .orbital-node--b{top:10%;left:-4px}.home-root .orbital-ring:nth-child(5) .orbital-node--b{bottom:-4px;left:30%}.home-root .orbital-center{background:radial-gradient(circle,#e844301f 0%,#0000 70%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-root .orbital-center--photo{aspect-ratio:1;z-index:3;background:linear-gradient(145deg,#e8443014 0%,#fafaf9f2 50%);border:2px solid #00000014;border-radius:50%;width:min(200px,44vw);height:min(200px,44vw);overflow:hidden;box-shadow:0 20px 60px #00000014,inset 0 0 0 1px #e844301a}.home-root .hero-photo-img{object-fit:cover;object-position:center 20%;width:100%;height:100%;display:block}.home-root .orbital-center-dot{background:var(--accent);border-radius:50%;width:12px;height:12px;animation:3s ease-in-out infinite home-pulse;box-shadow:0 0 20px #e8443066}@keyframes home-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.home-root .tech-tag{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-muted);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;z-index:2;text-overflow:ellipsis;background:#ffffffe0;border-radius:20px;max-width:min(42%,140px);padding:.35rem .65rem;font-size:.62rem;animation:6s ease-in-out infinite alternate home-tag-float;position:absolute;overflow:hidden}.home-root .tech-tag.t1{animation-delay:0s;top:5%;left:50%;transform:translate(-50%)}.home-root .tech-tag.t2{animation-delay:-1.2s;top:10%;right:6%}.home-root .tech-tag.t3{animation-delay:-2.4s;top:50%;right:3%;transform:translateY(-50%)}.home-root .tech-tag.t4{animation-delay:-3.6s;bottom:26%;right:8%}.home-root .tech-tag.t5{animation-delay:-4.8s;bottom:26%;left:8%}.home-root .tech-tag.t6{animation-delay:-.6s;bottom:8%;left:50%;transform:translate(-50%)}.home-root .tech-tag.t7{animation-delay:-1.8s;top:18%;left:3%}.home-root .tech-tag.t8{animation-delay:-3s;bottom:8%;right:10%}.home-root .tech-tag.t9{animation-delay:-4.2s;top:36%;left:1%}.home-root .tech-tag.t10{animation-delay:-5.4s;bottom:42%;left:2%}.home-root .tech-tag.t11{animation-delay:-2s;top:30%;right:2%}.home-root .tech-tag.t12{animation-delay:-3.4s;bottom:14%;left:22%}@keyframes home-tag-float{0%{translate:0}to{translate:0 -6px}}.home-root .section-divider{background:linear-gradient(90deg, transparent, var(--border-hover) 30%, var(--border-hover) 70%, transparent);width:100%;height:1px}.home-root .skills-section{padding:8rem 6vw;position:relative}.home-root .section-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:1rem;margin-bottom:4rem;font-size:.7rem;display:flex}.home-root .section-label:after{content:"";background:var(--border);flex:1;max-width:200px;height:1px}.home-root .skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.home-root .skill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2.2rem;transition:border-color .4s cubic-bezier(.2,0,0,1),transform .4s cubic-bezier(.2,0,0,1),box-shadow .4s cubic-bezier(.2,0,0,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.home-root .skill-card:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);opacity:0;height:2px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.home-root .skill-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 20px 60px #00000014}.home-root .skill-card:hover:before{opacity:1}.home-root .skill-icon{background:var(--accent-glow);width:40px;height:40px;color:var(--accent);border:1px solid #e8443026;border-radius:10px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.home-root .skill-icon svg{width:18px;height:18px}.home-root .skill-card h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.8rem;font-size:1.35rem;font-weight:400}.home-root .skill-card p{color:var(--text-secondary);white-space:pre-line;font-size:.88rem;font-weight:300;line-height:1.65}.home-root .skill-tags{flex-wrap:wrap;gap:.4rem;margin-top:1.2rem;display:flex}.home-root .skill-tags span{font-family:var(--font-mono);letter-spacing:.03em;border:1px solid var(--border);color:var(--text-muted);background:#00000008;border-radius:20px;padding:.25rem .6rem;font-size:.62rem}.home-root .status-bar{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;letter-spacing:.03em;background:#ffffffe0;border-radius:40px;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;max-width:calc(100vw - 2rem);padding:.5rem 1.5rem;font-size:.65rem;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000000f}.home-root .status-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:3s ease-in-out infinite home-pulse;box-shadow:0 0 8px #22c55e66}:where(.dark,.dark *) .home-root{--bg-primary:#08080c;--bg-elevated:#0e0e14;--bg-card:#12121a;--text-primary:#e8e6e1;--text-secondary:#8a8880;--text-muted:#55534e;--accent:#e84430;--accent-glow:#e8443026;--accent-soft:#ff6b55;--border:#ffffff0f;--border-hover:#ffffff1f}:where(.dark,.dark *) .home-root:before{opacity:.035}:where(.dark,.dark *) .home-nav{border-bottom-color:var(--border);background:#08080ce0}:where(.dark,.dark *) .home-theme-toggle:hover{background:#ffffff0f}:where(.dark,.dark *) .hero:before{background:radial-gradient(circle at 30% 40%,#e844301a 0%,#0000 50%),radial-gradient(circle at 70% 60%,#643cb40f 0%,#0000 50%)}:where(.dark,.dark *) .orbital-center--photo{background:linear-gradient(145deg,#e844301f 0%,#08080cf2 50%);border:2px solid #ffffff14;box-shadow:0 20px 60px #00000080,inset 0 0 0 1px #e8443026}:where(.dark,.dark *) .btn-secondary:hover{background:#ffffff0f}:where(.dark,.dark *) .orbital-ring:first-child{border-color:#ffffff0f}:where(.dark,.dark *) .orbital-ring:nth-child(2){border-color:#ffffff14}:where(.dark,.dark *) .orbital-ring:nth-child(3){border-color:#e844301f}:where(.dark,.dark *) .orbital-ring:nth-child(4){border-color:#ffffff0a}:where(.dark,.dark *) .orbital-ring:nth-child(5){border-color:#e844301a}:where(.dark,.dark *) .tech-tag{background:#14141ceb}:where(.dark,.dark *) .skill-card{box-shadow:0 1px 3px #00000059}:where(.dark,.dark *) .skill-card:hover{box-shadow:0 20px 60px #00000080}:where(.dark,.dark *) .skill-icon{border-color:#e8443026}:where(.dark,.dark *) .skill-tags span{background:#ffffff0d}:where(.dark,.dark *) .status-bar{background:#14141ceb;box-shadow:0 4px 20px #0006}:where(.dark,.dark *) .hero-photo-mobile{border:2px solid #ffffff1a;box-shadow:0 16px 48px #00000073}@media (prefers-reduced-motion:reduce){.home-root .hero:before,.home-root .hero-content,.home-root .hero-visual,.home-root .orbital-ring,.home-root .orbital-center-dot,.home-root .status-dot,.home-root .tech-tag{animation:none!important}.home-root .btn-primary,.home-root .btn-secondary,.home-root .social-link,.home-root .skill-card,.home-root .nav-links a:after{transition:none!important}.home-root .btn-primary:hover,.home-root .btn-secondary:hover,.home-root .social-link:hover,.home-root .skill-card:hover{transform:none}}@media (max-width:900px){.home-root .home-nav{padding:1rem 1.5rem}.home-root .nav-links{display:none}.home-root .nav-mobile-toggle{display:inline-flex}.home-root .hero{grid-template-columns:1fr;min-height:auto;padding:7rem 1.5rem 0}.home-root .hero-visual{display:none}.home-root .hero-photo-mobile{aspect-ratio:1;border:2px solid #00000014;border-radius:50%;width:min(220px,70vw);margin:0 auto 2rem;display:block;overflow:hidden;box-shadow:0 16px 48px #0000001a}.home-root .skills-section{padding:5rem 1.5rem}.home-root .status-bar{display:none}}