:root{--black: #0a0708;--black-soft: #120c0d;--maroon-deep: #3a1218;--maroon: #5c1f2a;--maroon-dust: #7d3a3f;--pale: #e7d9d0;--pale-dim: #a9948d;--pale-faint: #5f5250;--gradient-start: var(--maroon-deep);--gradient-mid: var(--maroon);--gradient-end: var(--black);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:var(--pale);background-color:var(--black);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--black: #fbf9f7;--black-soft: #f3ede7;--maroon-deep: #8b7278;--maroon: #a0878f;--maroon-dust: #c9abb8;--pale: #3a2f2c;--pale-dim: #6b5c57;--pale-faint: #9a8b86;--gradient-start: #e8d9d3;--gradient-mid: #dcc5bd;--gradient-end: #fbf9f7}*{box-sizing:border-box}html,body{margin:0;padding:0;min-width:320px;height:100%}body{background-color:var(--black);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}#root{min-height:100vh}a{color:var(--pale);text-decoration:none;transition:color .3s ease}a:hover{color:var(--maroon-dust)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.3}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.8rem}h4{font-size:1.4rem}h5{font-size:1.1rem}h6{font-size:1rem}p{margin:0;color:var(--pale)}html.lenis{scroll-behavior:auto}html.lenis body{overflow:hidden}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#130f33}a:hover{color:#747bff}button{background-color:#130f33}}.glass{background-color:#ffffff26;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.45);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}#root{background:radial-gradient(circle at 65% 20%,var(--gradient-start) 0%,var(--gradient-mid) 15%,var(--maroon-dust) 25%,var(--gradient-end) 45%,var(--gradient-end) 100%);min-height:100vh;position:relative;overflow-x:hidden;transition:background .3s ease}.app-container{position:relative;z-index:1}.read-the-docs{color:#888}.navbar{position:fixed;top:0;left:0;right:0;height:80px;display:flex;align-items:center;padding:0 2rem;background:transparent;z-index:1000;-webkit-backdrop-filter:none;backdrop-filter:none;transition:backdrop-filter .3s ease,background-color .3s ease}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#0a0708b3;box-shadow:0 4px 20px #0000004d}[data-theme=light] .navbar.scrolled{background-color:#f3ede7d9;box-shadow:0 4px 20px #00000014}.navbar-container{max-width:1200px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;gap:2rem}.navbar-brand{font-size:1.25rem;font-weight:600;color:var(--pale);letter-spacing:.05em;cursor:pointer;transition:color .3s ease;background:none;border:none;padding:0;font-family:inherit}.navbar-brand:hover{color:var(--maroon-dust)}.navbar-brand:focus-visible{outline:2px solid var(--maroon-dust);outline-offset:4px;border-radius:4px}.navbar-links{display:flex;gap:2.5rem;align-items:center;flex:1}.navbar-links button{background:none;border:none;color:var(--pale-dim);font-size:.95rem;cursor:pointer;transition:color .3s ease,text-shadow .3s ease;font-family:inherit;font-weight:500;position:relative;padding:.5rem 0}.navbar-links button:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--maroon-dust);transition:width .3s ease}.navbar-links button:hover{color:var(--pale)}.navbar-links button:hover:after{width:100%}.theme-toggle{background:none;border:1px solid var(--pale-faint);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .3s ease;color:var(--pale);padding:0}.theme-toggle:hover{border-color:var(--maroon-dust);background:#7d3a3f1a;box-shadow:0 0 12px #7d3a3f33}.hamburger-menu{display:none;flex-direction:column;background:none;border:none;cursor:pointer;gap:6px;padding:8px;margin-left:1rem}.hamburger-menu span{width:24px;height:2px;background:var(--pale);transition:all .3s ease;border-radius:2px}.hamburger-menu:hover span{background:var(--maroon-dust)}.mobile-menu{display:none;position:absolute;top:80px;left:0;right:0;background:#0a0708f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--maroon-dust);overflow:hidden}[data-theme=light] .mobile-menu{background:#f3ede7f2}.mobile-menu-content{display:flex;flex-direction:column;padding:1rem 0;max-height:calc(100vh - 80px);overflow-y:auto}.mobile-menu-link{background:none;border:none;color:var(--pale-dim);font-size:1rem;cursor:pointer;transition:all .3s ease;font-family:inherit;font-weight:500;padding:1rem 2rem;text-align:left;border-left:3px solid transparent}.mobile-menu-link:hover{color:var(--pale);background:#7d3a3f1a;border-left-color:var(--maroon-dust)}[data-theme=light] .mobile-menu-link:hover{background:#a0555d14;border-left-color:var(--maroon)}@media(max-width:768px){.navbar{height:64px;padding:0 1rem}.navbar-container{gap:1rem}.navbar-links{display:none}.hamburger-menu{display:flex}.mobile-menu{display:block}.theme-toggle{order:2}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 2rem 4rem;position:relative;overflow:hidden;transition:background .3s ease}.hero-content{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;z-index:2}.hero-text{display:flex;flex-direction:column;gap:1.5rem}.hero-title{font-size:3.5rem;font-weight:700;color:var(--pale);line-height:1.2;margin:0}.hero-subtitle{font-size:1.1rem;color:var(--pale-dim);line-height:1.8;min-height:4em}.hero-cta-buttons{display:flex;gap:1rem;margin-top:1rem}.cta-button{padding:.85rem 2rem;border-radius:4px;font-weight:500;font-size:1rem;text-decoration:none;transition:all .3s ease;display:inline-block;border:1px solid transparent}.cta-button.primary{background:linear-gradient(135deg,var(--maroon-dust),var(--maroon));color:var(--pale);border-color:var(--maroon-dust)}.cta-button.primary:hover{background:linear-gradient(135deg,var(--maroon),var(--maroon-deep));box-shadow:0 8px 24px #5d1f2a4d}[data-theme=light] .cta-button.primary{background:linear-gradient(135deg,var(--maroon),var(--maroon-deep));color:var(--black);border-color:var(--maroon)}[data-theme=light] .cta-button.primary:hover{background:linear-gradient(135deg,var(--maroon-deep),rgba(139,74,82,.9));box-shadow:0 8px 24px #8b4a5233}.cta-button.secondary{background:transparent;color:var(--pale);border-color:var(--pale-dim)}.cta-button.secondary:hover{border-color:var(--pale);box-shadow:inset 0 0 20px #e7d9d01a}[data-theme=light] .cta-button.secondary{color:var(--pale);border-color:var(--maroon)}[data-theme=light] .cta-button.secondary:hover{border-color:var(--maroon);box-shadow:inset 0 0 20px #a0555d1a}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.arcane-ring-container{position:relative;width:340px;height:340px;display:flex;justify-content:center;align-items:center}.arcane-ring{position:absolute;width:100%;height:100%;filter:drop-shadow(0 0 20px rgba(125,58,63,.3))}.arcane-text{position:absolute;width:100%;height:100%;animation:spin 30s linear infinite}.text-ring{width:100%;height:100%;filter:drop-shadow(0 0 8px rgba(95,82,80,.2))}.arcane-text-content{font-size:12px;letter-spacing:3px;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-image-container{position:absolute;width:200px;height:200px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3}.profile-image{position:relative;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--maroon-deep),var(--maroon-dust));display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--maroon-dust);box-shadow:inset 0 0 30px #7d3a3f4d;transition:all .3s ease}.glow-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(125,58,63,.2) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.image-placeholder{position:relative;z-index:1;font-size:3rem;font-weight:700;color:var(--pale);letter-spacing:.1em}.profile-photo{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:50%}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--pale-dim);font-size:.85rem;text-transform:uppercase;letter-spacing:1px;z-index:2}.scroll-dot{width:6px;height:6px;background:var(--maroon-dust);border-radius:50%}@media(max-width:768px){.hero{min-height:auto;padding:100px 1rem 3rem}.hero-content{grid-template-columns:1fr;gap:2rem}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem;min-height:auto}.hero-cta-buttons{flex-wrap:wrap;gap:.75rem}.cta-button{padding:.75rem 1.5rem;font-size:.95rem;flex:1;min-width:140px}.hero-visual{margin-top:1rem}.arcane-ring-container{width:220px;height:220px}.profile-image-container{width:120px;height:120px}}@media(max-width:480px){.hero{padding:90px 1rem 2rem}.hero-title{font-size:1.8rem;line-height:1.3}.hero-subtitle{font-size:.95rem}.cta-button{width:100%}.arcane-ring-container{width:180px;height:180px}.profile-image-container{width:100px;height:100px}}.about{padding:100px 2rem;min-height:100vh;display:flex;align-items:center;transition:background .3s ease}.about-container{max-width:1200px;margin:0 auto;width:100%}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.about-text{display:flex;flex-direction:column;gap:1.5rem}.about-text h2{font-size:2.5rem;color:var(--pale)}.about-text p{color:var(--pale-dim);line-height:1.8}.about-meta{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem;padding-top:2rem;border-top:1px solid var(--pale-faint);transition:border-color .3s ease}.meta-item{display:flex;justify-content:space-between;align-items:baseline}.meta-label{color:var(--maroon-dust);font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;font-family:Courier New,Monaco,monospace;background:#7d3a3f26;padding:.3rem .6rem;border-radius:3px;min-width:120px}[data-theme=light] .meta-label{color:var(--maroon);background:#a0555d14}.meta-value{color:var(--pale);font-weight:500}.about-stats{display:grid;grid-template-columns:1fr;gap:1.5rem}.stat-card{background:#0a070899;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--maroon-dust);border-radius:8px;padding:2rem;transition:all .3s ease}.stat-card:hover{background:#0a0708cc;border-color:var(--maroon);box-shadow:0 8px 24px #5c1f2a33}[data-theme=light] .stat-card{background:#f3ede7e6;border-color:var(--maroon-dust)}[data-theme=light] .stat-card:hover{background:#ece1d9f2;border-color:var(--maroon);box-shadow:0 8px 24px #8b4a521f}.stat-value{font-size:2.5rem;font-weight:700;color:var(--maroon-dust);margin-bottom:.5rem}[data-theme=light] .stat-value{color:var(--maroon)}.stat-label{font-size:1rem;font-weight:600;color:var(--pale);margin-bottom:.5rem}.stat-description{font-size:.85rem;color:var(--pale-dim)}@media(max-width:768px){.about{padding:60px 1rem}.about-grid{grid-template-columns:1fr;gap:2rem}.about-text h2{font-size:2rem}.about-text p{font-size:.95rem}.about-meta{flex-direction:row;flex-wrap:wrap;gap:1rem}.meta-item{flex:1 1 auto;min-width:150px}.about-stats{gap:1rem}.stat-card{padding:1.5rem}.stat-value{font-size:2rem}}.experience{padding:100px 2rem;background:linear-gradient(180deg,var(--black) 0%,var(--black-soft) 100%);transition:background .3s ease}.experience-container{max-width:900px;margin:0 auto}.experience h2{font-size:2.5rem;color:var(--pale);margin-bottom:3rem}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--maroon-dust) 0%,transparent 100%);transition:background .3s ease}[data-theme=light] .timeline:before{background:linear-gradient(180deg,var(--maroon) 0%,rgba(160,85,93,.3) 100%)}.timeline-item{position:relative;margin-bottom:2.5rem;padding-bottom:2.5rem}.timeline-dot{position:absolute;left:-13px;top:0;width:12px;height:12px;background:var(--maroon-dust);border:2px solid var(--black);border-radius:50%;transition:all .3s ease}[data-theme=light] .timeline-dot{border-color:var(--black-soft)}.timeline-item:hover .timeline-dot{width:20px;height:20px;left:-17px;background:var(--maroon);box-shadow:0 0 20px #7d3a3f66}.timeline-content{padding-left:1rem}.role-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem;gap:1rem}.timeline-content h3{font-size:1.25rem;color:var(--pale);margin:0;flex:1}.role-company{color:var(--maroon-dust);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;transition:color .3s ease}[data-theme=light] .role-company{color:var(--maroon)}.role-period{font-size:.9rem;color:var(--pale-dim);margin-bottom:.5rem}.role-description{color:var(--pale-dim);line-height:1.6}@media(max-width:768px){.experience{padding:60px 1rem}.experience h2{font-size:2rem}.timeline{padding-left:1rem}.timeline:before{left:-6px}.timeline-dot{width:10px;height:10px;left:-10px}.role-header{flex-direction:column;gap:.5rem;align-items:flex-start}.timeline-content h3{font-size:1rem}.role-period{font-size:.85rem}.role-description{font-size:.9rem}}.featured-project{padding:100px 2rem;background:linear-gradient(180deg,var(--black) 0%,var(--black-soft) 100%);transition:background .3s ease}.project-container{max-width:1200px;margin:0 auto}.project-header{margin-bottom:3rem}.project-header h2{font-size:2.5rem;color:var(--pale);margin-bottom:.5rem}.project-subtitle{font-size:1.3rem;color:var(--maroon-dust)}.featured-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.featured-project-card{display:flex;flex-direction:column;gap:1.5rem;padding:1.75rem;border:1px solid var(--pale-faint);border-radius:6px;background:#ffffff06}.featured-project-card h3{margin:0;color:var(--pale);font-size:1.5rem}.project-details{display:grid;gap:1rem}.project-detail{padding-top:.9rem;border-top:1px solid var(--pale-faint)}.project-detail h4{margin:0 0 .35rem;color:var(--maroon-dust);font-size:.9rem;font-weight:600}.project-detail p{margin:0;font-size:.98rem;color:var(--pale-dim);line-height:1.65}.tech-stack{display:flex;flex-wrap:wrap;gap:.75rem}.tech-stack span{background:#5c1f2a33;border:1px solid var(--maroon-dust);color:var(--pale);padding:.4rem .75rem;border-radius:4px;font-size:.85rem;font-weight:500}[data-theme=light] .tech-stack span{background:#a0555d14;border-color:var(--maroon);color:var(--pale)}.project-links{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:auto}.project-links a{color:var(--maroon-dust);font-weight:600;text-decoration:none}.project-links a:hover{color:var(--pale)}.project-links a:focus-visible{outline:2px solid var(--maroon-dust);outline-offset:4px}@media(max-width:768px){.featured-project{padding:60px 1rem}.project-header h2{font-size:2rem}.featured-project-grid{grid-template-columns:1fr}.featured-project-card{padding:1.25rem}.project-detail p{font-size:.95rem}.tech-stack{gap:.5rem}.tech-stack span{padding:.4rem .8rem;font-size:.8rem}}.skills{padding:100px 2rem;background:linear-gradient(180deg,var(--black-soft) 0%,var(--black) 100%);transition:background .3s ease}.skills-container{max-width:1200px;margin:0 auto}.skills h2{font-size:2.5rem;color:var(--pale);margin-bottom:3rem}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.skill-group{display:flex;flex-direction:column;gap:1.5rem}.skill-group h3{font-size:1.2rem;color:var(--maroon-dust);text-transform:uppercase;letter-spacing:1px;margin:0;font-weight:600}[data-theme=light] .skill-group h3{color:var(--maroon)}.skills-list{display:flex;flex-wrap:wrap;gap:.75rem}.skill-chip{background:#5c1f2a40;border:1px solid var(--maroon-dust);color:var(--pale);padding:.6rem 1.2rem;border-radius:20px;font-size:.9rem;font-weight:500;transition:all .3s ease;cursor:default}.skill-chip:hover{background:#5c1f2a66;border-color:var(--maroon);box-shadow:0 4px 12px #7d3a3f33;transform:translateY(-2px)}[data-theme=light] .skill-chip{background:#a0555d14;border-color:var(--maroon);color:var(--pale)}[data-theme=light] .skill-chip:hover{background:#a0555d26;box-shadow:0 4px 12px #8b4a521a}@media(max-width:1024px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.skills{padding:60px 1rem}.skills h2{font-size:2rem}.skills-grid{grid-template-columns:1fr;gap:1.5rem}.skill-group h3{font-size:1.1rem}.skill-chip{padding:.5rem 1rem;font-size:.85rem}}.recommendation{padding:100px 2rem;background:linear-gradient(180deg,var(--black) 0%,var(--black-soft) 100%);transition:background .3s ease}.recommendation-container{max-width:900px;margin:0 auto}.quote-card{background:#120c0dcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--maroon-dust);border-radius:12px;padding:3rem;position:relative;box-shadow:0 12px 40px #5c1f2a40;transition:all .3s ease}[data-theme=light] .quote-card{background:#f3ede7e6;border-color:var(--maroon-dust);box-shadow:0 12px 40px #8b4a521f}[data-theme=light] .quote-mark{color:var(--maroon);opacity:.2}[data-theme=light] .quote-text,[data-theme=light] .author-name{color:var(--pale)}[data-theme=light] .author-title{color:var(--pale-dim)}[data-theme=light] .quote-card{border-top:1px solid var(--pale-faint)}.quote-mark{font-size:4rem;font-weight:700;color:var(--maroon-dust);opacity:.3;position:absolute;top:-10px;left:20px;line-height:1}.quote-text{font-size:1.25rem;color:var(--pale);line-height:1.8;margin:1.5rem 0 2rem;font-style:italic;font-weight:300}.quote-author{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--pale-faint)}.author-name{font-weight:600;color:var(--pale);margin-bottom:.25rem}.author-title{font-size:.9rem;color:var(--pale-dim)}@media(max-width:768px){.recommendation{padding:60px 1rem}.quote-card{padding:2rem}.quote-text{font-size:1.05rem}.quote-mark{font-size:2rem}.author-name{font-size:1rem}.author-title{font-size:.85rem}}.contact{padding:100px 2rem;background:linear-gradient(180deg,var(--black) 0%,var(--maroon-deep) 100%);text-align:center;transition:background .3s ease}[data-theme=light] .contact{background:linear-gradient(180deg,var(--black) 0%,rgba(160,85,93,.1) 100%)}.contact-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.contact h2{font-size:2.5rem;color:var(--pale);margin:0 0 1rem}.contact-subtitle{font-size:1.1rem;color:var(--pale-dim);margin:0;line-height:1.6}.contact-links{display:flex;justify-content:center;gap:2rem;margin:1rem 0}.contact-link{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#0a070899;border:1px solid var(--maroon-dust);border-radius:8px;color:var(--pale);text-decoration:none;transition:all .3s ease;font-weight:500}.contact-link:hover{background:#5c1f2a33;border-color:var(--maroon);box-shadow:0 8px 24px #7d3a3f4d}[data-theme=light] .contact-link{background:#f3ede7e6;border-color:var(--maroon);color:var(--pale)}[data-theme=light] .contact-link:hover{background:#ece1d9f2;box-shadow:0 8px 24px #8b4a521a}.link-icon{font-weight:700;color:var(--maroon-dust);font-size:1.1rem}[data-theme=light] .link-icon{color:var(--maroon)}.link-label{font-size:1rem}.footer-bottom{padding-top:2rem;border-top:1px solid var(--pale-faint)}.footer-bottom p{color:var(--pale-dim);font-size:.9rem;margin:.5rem 0;line-height:1.6}@media(max-width:768px){.contact{padding:60px 1rem}.contact h2{font-size:2rem}.contact-subtitle{font-size:1rem}.contact-links{flex-direction:column;gap:1rem}.contact-link{width:100%;padding:1rem;justify-content:center}.link-label{font-size:.95rem}.footer-bottom p{font-size:.85rem}}