*,:before,:after{box-sizing:border-box}:root{--font-mono:"Fira Code","JetBrains Mono","SF Mono",Consolas,monospace;--bg-primary:#1d1d27;--bg-secondary:#282838;--bg-tertiary:#2d2d3d;--bg-card:#ffffff05;--bg-card-hover:#ffffff0a;--border-color:#abb2bf33;--border-hover:#c778dd66;--text-primary:#fff;--text-secondary:#abb2bf;--text-muted:#abb2bf;--accent:#c778dd;--accent-secondary:#61afef;--accent-hover:#d9a9e8;--accent-bg:#c778dd1a;--accent-bg-hover:#c778dd26;--accent-border:#c778dd4d;--gradient-hero:linear-gradient(135deg,#1d1d27 0%,#282838 100%);--gradient-accent:linear-gradient(135deg,#c778dd1a 0%,#61afef1a 100%);--gradient-accent-hover:linear-gradient(135deg,#c778dd33 0%,#61afef33 100%);--gradient-line:linear-gradient(180deg,#c778dd 0%,#61afef 50%,transparent 100%);--gradient-title-bar:linear-gradient(180deg,#c778dd 0%,#61afef 100%);--hero-glow:#c778dd14;--scrollbar-track:#1d1d27;--scrollbar-thumb:#3e3e52;--selection-bg:#c778dd4d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:400;line-height:1.6}@media (prefers-color-scheme:light){:root{--bg-primary:#fafafa;--bg-secondary:#fff;--bg-tertiary:#f5f5f5;--bg-card:#00000005;--bg-card-hover:#0000000a;--border-color:#0000001a;--border-hover:#9333ea4d;--text-primary:#1a1a2e;--text-secondary:#4a4a5a;--text-muted:#6b7280;--accent:#9333ea;--accent-secondary:#3b82f6;--accent-hover:#7c3aed;--accent-bg:#9333ea14;--accent-bg-hover:#9333ea1f;--accent-border:#9333ea40;--gradient-hero:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);--gradient-accent:linear-gradient(135deg,#9333ea14 0%,#3b82f614 100%);--gradient-accent-hover:linear-gradient(135deg,#9333ea26 0%,#3b82f626 100%);--gradient-line:linear-gradient(180deg,#9333ea 0%,#3b82f6 50%,transparent 100%);--gradient-title-bar:linear-gradient(180deg,#9333ea 0%,#3b82f6 100%);--hero-glow:#9333ea1a;--scrollbar-track:#f5f5f5;--scrollbar-thumb:#d1d5db;--selection-bg:#9333ea33;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}a{color:var(--accent);font-weight:500;text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}body{min-width:320px;min-height:100vh;margin:0}h1,h2,h3,h4,h5,h6{line-height:1.3}#root{width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--selection-bg);color:var(--text-primary)}.site{background:var(--bg-primary);min-height:100vh;position:relative}.social-sidebar{z-index:100;flex-direction:column;align-items:center;gap:1rem;display:flex;position:fixed;top:50%;left:1.5rem;transform:translateY(-50%)}.social-sidebar a{color:var(--text-muted);padding:.5rem;transition:all .3s}.social-sidebar a:hover{color:var(--accent);transform:translateY(-2px)}.sidebar-line{background:var(--text-muted);width:2px;height:100px;margin-top:.5rem}.nav{background:var(--bg-primary);z-index:1000;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 4rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--font-mono);font-size:1.1rem;font-weight:600}.logo-bracket{color:var(--accent)}.logo-text{color:var(--text-primary)}.nav-links{gap:.5rem;display:flex}.nav-link{color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.9rem;transition:all .3s}.nav-link:hover{color:var(--text-primary)}.nav-link .hash{color:var(--accent)}.dots-decoration{z-index:1;pointer-events:none;grid-template-columns:repeat(5,1fr);gap:12px;display:grid;position:fixed}.dots-1{top:200px;right:80px}.dots-2{bottom:200px;right:80px}.dot{background:var(--text-muted);opacity:.5;width:4px;height:4px}.hero{align-items:center;min-height:100vh;padding:6rem 8rem;display:flex;position:relative}.hero-content{justify-content:space-between;align-items:center;gap:4rem;width:100%;max-width:1200px;margin:0 auto;display:flex}.hero-text{flex:1;max-width:600px}.hero-greeting{color:var(--text-primary);margin:0 0 .5rem;font-size:1.1rem}.hero-title{color:var(--text-primary);margin:0 0 1.5rem;font-size:2rem;font-weight:600;line-height:1.4}.hero-title .highlight{color:var(--accent)}.hero-tagline{color:var(--text-muted);margin:0 0 2rem;font-size:1rem}.cta-button{border:1px solid var(--accent);color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;background:0 0;padding:.75rem 1.5rem;font-size:.95rem;transition:all .3s}.cta-button:hover{background:var(--accent-bg)}.hero-image{position:relative}.image-frame{background:var(--bg-secondary);justify-content:center;align-items:center;width:300px;height:380px;display:flex;position:relative}.placeholder-avatar{opacity:.8;font-size:8rem}.frame-corner{border:2px solid var(--accent);width:16px;height:16px;position:absolute}.frame-tl{border-bottom:none;border-right:none;top:-8px;left:-8px}.frame-br{border-top:none;border-left:none;bottom:-8px;right:-8px}.status-badge{border:1px solid var(--border-color);color:var(--text-muted);align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:10px;height:10px}.status-badge strong{color:var(--text-primary)}.quote-section{justify-content:center;padding:4rem 8rem;display:flex}.quote-container{max-width:700px}.quote-box{border:1px solid var(--border-color);padding:2rem 3rem;position:relative}.quote-mark{color:var(--text-muted);font-size:4rem;font-family:var(--font-mono);opacity:.5;line-height:1;position:absolute}.quote-open{top:-1.5rem;left:1rem}.quote-close{bottom:-2.5rem;right:1rem}.quote-text{color:var(--text-primary);text-align:center;font-size:1.25rem;font-family:var(--font-mono);margin:0}.quote-author{text-align:right;color:var(--text-muted);margin-top:1.5rem;padding-right:1rem;font-size:.95rem}.section{max-width:1200px;margin:0 auto;padding:4rem 8rem}.section-header{align-items:center;gap:1rem;margin-bottom:2.5rem;padding-top:2.5rem;display:flex}.section-title{font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;margin:0;font-size:1.75rem;font-weight:500}.section-title .hash{color:var(--accent)}.section-line{background:var(--accent);opacity:.3;flex:1;max-width:300px;height:1px}.about-content{gap:4rem;display:flex}.about-text{flex:1;max-width:600px}.about-text .subtitle{color:var(--text-muted);margin:0 0 1.5rem}.about-text p{color:var(--text-muted);margin:0 0 1.5rem;line-height:1.8}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.skill-box{border:1px solid var(--border-color)}.skill-box-title{font-family:var(--font-mono);color:var(--text-primary);border-bottom:1px solid var(--border-color);margin:0;padding:.75rem 1rem;font-size:1rem;font-weight:600}.skill-list{flex-wrap:wrap;gap:.5rem;padding:1rem;display:flex}.skill-item{color:var(--text-muted);font-size:.9rem}.skill-item:after{content:" "}.experience-grid{gap:2rem;display:grid}.experience-card{border:1px solid var(--border-color);padding:1.5rem;transition:all .3s}.experience-card:hover{border-color:var(--accent-border)}.experience-header{margin-bottom:1rem}.company-name{color:var(--accent);margin:0;font-size:1.25rem;font-weight:500}.role-item{border-top:1px solid var(--border-color);padding:1rem 0}.role-item:first-of-type{border-top:none;padding-top:0}.role-meta{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;display:flex}.role-title{color:var(--text-primary);font-weight:500}.role-period{color:var(--text-muted);font-size:.9rem;font-family:var(--font-mono)}.role-highlights{margin:0;padding-left:1.25rem;list-style:none}.role-highlights li{color:var(--text-muted);margin-bottom:.4rem;font-size:.95rem;line-height:1.6;position:relative}.role-highlights li:before{content:"-";color:var(--accent);position:absolute;left:-1rem}.contact-section{padding-bottom:6rem}.contact-content{align-items:flex-start;gap:4rem;display:flex}.contact-text{max-width:400px;color:var(--text-muted);flex:1;margin:0;line-height:1.7}.contact-box{border:1px solid var(--border-color);min-width:280px;padding:1.5rem}.contact-box h3{font-family:var(--font-mono);color:var(--text-primary);margin:0 0 1rem;font-size:1rem;font-weight:600}.contact-item{color:var(--text-muted);align-items:center;gap:.75rem;padding:.5rem 0;font-size:.95rem;transition:color .3s;display:flex}.contact-item:hover{color:var(--text-primary)}.contact-item svg{color:var(--text-muted)}.footer{border-top:1px solid var(--border-color);padding:2rem 8rem}.footer-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.footer-info p{color:var(--text-muted);margin:.5rem 0 0;font-size:.9rem}.footer-logo{font-family:var(--font-mono);font-size:1.1rem}.footer-copy{color:var(--text-muted);margin:0;font-size:.9rem}@media (max-width:1024px){.social-sidebar,.dots-decoration{display:none}.nav{padding:1rem 2rem}.nav-links{display:none}.hero{padding:6rem 2rem}.hero-content{text-align:center;flex-direction:column}.hero-text{max-width:100%}.section,.quote-section{padding:3rem 2rem}.contact-content{flex-direction:column}.contact-text{max-width:100%}.footer{padding:2rem}.footer-content{text-align:center;flex-direction:column;gap:1rem}}@media (max-width:640px){.hero-title{font-size:1.5rem}.image-frame{width:250px;height:300px}.section-title{font-size:1.4rem}.skills-grid{grid-template-columns:repeat(2,1fr)}}