:root{--font-heading: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-accent: rgb(237, 216, 119);--color-accent-hover: rgb(255, 235, 150);--color-accent-muted: rgba(237, 216, 119, .8);--color-text-primary: rgb(255, 255, 255);--color-text-secondary: rgb(180, 180, 180);--color-text-muted: rgb(140, 140, 140);--color-text-warm: rgb(245, 230, 200);--color-bg-primary: rgb(12, 12, 14);--color-bg-secondary: rgb(20, 20, 22);--color-bg-gradient-start: rgb(18, 18, 20);--color-bg-gradient-end: rgb(5, 5, 6);--glass-bg: rgba(255, 255, 255, .03);--glass-bg-hover: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .15);--glass-shadow: rgba(0, 0, 0, .3);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--text-xs: clamp(11px, 1.2vw, 12px);--text-sm: clamp(13px, 1.4vw, 14px);--text-base: clamp(15px, 1.6vw, 16px);--text-lg: clamp(17px, 1.8vw, 18px);--text-xl: clamp(20px, 2.2vw, 22px);--text-2xl: clamp(24px, 2.8vw, 28px);--text-3xl: clamp(32px, 3.5vw, 40px);--text-4xl: clamp(40px, 4.5vw, 52px);--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.7;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .05em;--max-width-content: 1100px;--max-width-text: 680px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body{height:100%;width:100%;overflow-x:hidden}body{font-family:var(--font-body);font-weight:400;line-height:var(--leading-normal);color:var(--color-text-secondary);background:var(--color-bg-primary)}#root{height:100%;width:100%;overflow:auto}.root{background:radial-gradient(ellipse 800px 600px at 50% 50%,rgba(127,115,76,.263),transparent 70%),radial-gradient(ellipse at 50% 0%,var(--color-bg-gradient-start),var(--color-bg-gradient-end));display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;position:relative}.root:has(.aboutBox){background:radial-gradient(ellipse at 50% 0%,var(--color-bg-gradient-start),var(--color-bg-gradient-end))}.header{width:100%;display:flex;gap:clamp(24px,4vw,48px);justify-content:center;padding:var(--space-lg) 0;z-index:1000;position:relative}.header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:min(90%,600px);height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent)}.header a{text-decoration:none;position:relative}.header .MuiTypography-root{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-sm) var(--space-md);transition:color var(--transition-base);margin-top:var(--space-md)}.header a:hover .MuiTypography-root{color:var(--color-text-primary)}.header .active-link .MuiTypography-root{color:var(--color-accent)}.header .active-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--color-accent)}.content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-2xl) var(--space-lg);width:100%;max-width:var(--max-width-content);margin:0 auto;min-height:calc(100vh - 100px)}.homeBox{display:flex;flex-direction:column;gap:var(--space-xl);align-items:center;text-align:center;width:100%;max-width:var(--max-width-text)}.homeContent{display:flex;flex-direction:column;gap:var(--space-xl);align-items:center;width:100%}.intro-text{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:500;color:var(--color-text-warm);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:var(--space-sm)}.intro-text img{vertical-align:middle;margin-left:var(--space-sm)}.homeContent .MuiTypography-root{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:600px}.homeContent .MuiTypography-root a{color:var(--color-text-secondary);text-decoration:none;border-bottom:1px solid var(--color-accent-muted);transition:all var(--transition-fast)}.homeContent .MuiTypography-root a:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.icons{display:flex;gap:var(--space-lg);justify-content:center;padding:var(--space-xl) 0;flex-wrap:wrap}.icons svg{width:22px;height:22px;transition:transform var(--transition-fast)}.icons .MuiIconButton-root{padding:var(--space-md);border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);transition:all var(--transition-base)}.icons .MuiIconButton-root:hover{transform:translateY(-3px);background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.spotify:hover{box-shadow:0 8px 24px -8px #1ed76066;border-color:#1ed7604d}.twitter:hover{box-shadow:0 8px 24px -8px #1d9bf066;border-color:#1d9bf04d}.github:hover{box-shadow:0 8px 24px -8px #fff3;border-color:#fff3}.linkedIn:hover{box-shadow:0 8px 24px -8px #0077b566;border-color:#0077b54d}.email:hover{box-shadow:0 8px 24px -8px #ea433566;border-color:#ea43354d}.aboutBox{display:flex;flex-direction:row;gap:var(--space-3xl);align-items:flex-start;width:100%;max-width:var(--max-width-content);padding:var(--space-2xl) 0}.profile-container{width:260px;flex-shrink:0;border-radius:var(--radius-md);padding:var(--space-sm);background:transparent;border:none;box-shadow:none;transition:all var(--transition-base)}.profile-container:hover{transform:translateY(-2px)}.profilePic{border-radius:var(--radius-md);width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border:2px solid var(--glass-border);box-shadow:0 2px 16px -4px #0006;transition:all var(--transition-base)}.profilePic:hover{border-color:var(--color-accent-muted);box-shadow:0 4px 24px -4px #edd87733}.about-content{flex:1;display:flex;flex-direction:column;min-width:0}.about-text{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);letter-spacing:var(--tracking-normal)}.technologies-section{display:flex;flex-direction:column;gap:var(--space-lg);margin-top:var(--space-2xl)}.tech-header{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-body);font-size:var(--text-lg);font-weight:500;color:var(--color-text-secondary)}.tech-header img{width:28px;height:28px}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);width:100%;margin-top:var(--space-lg)}.tech-column{display:flex;flex-direction:column;gap:var(--space-md)}.tech-item{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);transition:all var(--transition-fast);white-space:nowrap}.tech-item:hover{transform:translate(6px);color:var(--color-accent)}.tech-arrow{color:var(--color-accent-muted);font-size:1.4rem;opacity:.6;transition:opacity var(--transition-fast)}.tech-item:hover .tech-arrow{opacity:1}@media (max-width: 1024px){.content{padding:var(--space-xl) var(--space-md)}.aboutBox{gap:var(--space-2xl)}}@media (max-width: 900px){.aboutBox{flex-direction:column;align-items:center;gap:var(--space-2xl);padding:var(--space-lg) 0}.profile-container{width:240px}.about-content{text-align:center}.tech-header{justify-content:center}.tech-grid{justify-items:center}}@media (max-width: 768px){.header{gap:var(--space-lg);padding:var(--space-md) 0}.header .MuiTypography-root{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}.homeBox{gap:var(--space-lg)}.tech-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.tech-item{font-size:var(--text-xs)}}@media (max-width: 600px){.content{padding:var(--space-lg) var(--space-md);min-height:calc(100vh - 80px)}.intro-text{font-size:var(--text-2xl)}.about-text{font-size:var(--text-sm)}.profile-container{width:220px}.aboutBox{padding:var(--space-md) 0}.icons{gap:var(--space-md);padding:var(--space-lg) 0}.icons svg{width:20px;height:20px}}@media (max-width: 480px){.header{gap:var(--space-sm)}.header .MuiTypography-root{font-size:11px;padding:var(--space-xs);letter-spacing:.03em}.icons{margin-top:var(--space-lg)}.aboutBox .MuiTypography-root,.homeContent .MuiTypography-root{font-size:var(--text-sm)}.tech-grid{gap:var(--space-md)}.tech-item{font-size:11px}.tech-arrow{font-size:1.1rem}}#fractal-tree{padding-bottom:20px}#fractal-tree .p5Canvas{width:250px!important;height:100%!important}@media only screen and (max-width: 600px){#fractal-tree .p5Canvas{width:150px!important;height:100%!important}}.fade-in-section{opacity:0;transform:translateY(16px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}#galaxy{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.template{opacity:.6;fill:var(--color-accent, rgb(237, 216, 119));filter:drop-shadow(0 0 2px rgba(237,216,119,.3))}.twinkle{animation:twinkle 4s infinite ease-in-out}@keyframes twinkle{0%{opacity:.15;transform:scale(.85)}50%{opacity:.8;transform:scale(1.15)}to{opacity:.15;transform:scale(.85)}}.twinkle:nth-child(2n){animation-duration:5s;animation-delay:.5s}.twinkle:nth-child(3n){animation-duration:6s;animation-delay:1s}.twinkle:nth-child(5n){animation-duration:7s;animation-delay:1.5s}.twinkle:nth-child(7n){animation-duration:4.5s;animation-delay:.3s}.projects-container{width:100%;max-width:var(--max-width-content)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg);padding:var(--space-md)}.project-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--space-lg);height:100%;display:flex;flex-direction:column;transition:all var(--transition-base);box-shadow:0 4px 24px -8px var(--glass-shadow),inset 0 1px #ffffff08;cursor:pointer;transform-style:preserve-3d;perspective:1000px}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(237,216,119,.04),transparent 40%);border-radius:var(--radius-lg);z-index:1;opacity:0;transition:opacity var(--transition-base)}.project-card:hover:before{opacity:1}.project-card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0;pointer-events:none}.project-card:hover{transform:translateY(-4px);background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:0 12px 40px -12px var(--glass-shadow),inset 0 1px #ffffff0f}.project-content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;gap:var(--space-md)}.project-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--color-accent);margin:0;line-height:var(--leading-tight);letter-spacing:var(--tracking-loose);transition:transform var(--transition-base)}.project-card:hover .project-title{transform:translate(4px)}.project-description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);flex-grow:1;margin:0}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-sm)}.project-tag{font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--color-accent-muted);background:#edd87714;padding:5px 10px;border-radius:20px;border:1px solid rgba(237,216,119,.12);transition:all var(--transition-fast)}.project-card:hover .project-tag{background:#edd8771f;border-color:#edd87733}.project-links{display:flex;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--glass-border)}.project-link{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:all var(--transition-fast);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm)}.project-link:hover{color:var(--color-accent);background:#edd87714;transform:translateY(-2px)}.project-link svg{width:16px;height:16px}@property --mouse-x{syntax: "<percentage>"; initial-value: 50%; inherits: false;}@property --mouse-y{syntax: "<percentage>"; initial-value: 50%; inherits: false;}@media (max-width: 768px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md);padding:var(--space-sm)}.project-card{padding:var(--space-lg)}.project-title{font-size:var(--text-lg)}}@media (max-width: 480px){.projects-grid{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-xs)}.project-card{padding:var(--space-md)}.project-title{font-size:var(--text-lg)}.project-description{font-size:var(--text-sm)}.project-tag{font-size:10px;padding:4px 8px}}.card-glass{position:relative;background:var(--glass-bg)!important;border:1px solid var(--glass-border);border-radius:var(--radius-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--space-xl);box-shadow:0 4px 32px -8px var(--glass-shadow),inset 0 1px #ffffff0d;margin:var(--space-md);display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:900px;height:min(580px,75vh);transition:all var(--transition-slow)}.card-glass:hover{border-color:var(--glass-border-hover);box-shadow:0 8px 48px -12px var(--glass-shadow),inset 0 1px #ffffff14}.content-wrapper{flex:1;display:flex;flex-direction:column;overflow-y:auto;margin-bottom:var(--space-lg);padding-right:var(--space-md);min-height:0}.company-info{flex-shrink:0;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--glass-border)}.work-content-container{flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:min-content;padding-top:var(--space-sm)}.content-wrapper::-webkit-scrollbar{width:4px}.content-wrapper::-webkit-scrollbar-track{background:#ffffff05;border-radius:2px}.content-wrapper::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.content-wrapper::-webkit-scrollbar-thumb:hover{background:#fff3}.company-name{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:600;line-height:var(--leading-tight);color:var(--color-accent);letter-spacing:var(--tracking-tight)}.company-location{font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;text-align:right;line-height:var(--leading-normal);color:var(--color-text-muted)}.role-date{font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;font-style:italic;line-height:var(--leading-normal);color:var(--color-text-secondary)}.work-content{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);padding-left:var(--space-sm);margin-bottom:var(--space-md);position:relative}.work-content:before{content:"";position:absolute;left:0;top:.6em;width:3px;height:3px;border-radius:50%;background:var(--color-accent-muted);opacity:0}@media (max-width: 768px){.card-glass{height:min(600px,80vh);margin:var(--space-sm);padding:var(--space-lg)}.company-name{font-size:var(--text-xl)}.company-location,.role-date,.work-content{font-size:var(--text-sm)}}@media (max-width: 600px){.card-glass{height:min(600px,85vh);margin:var(--space-sm);padding:var(--space-md);background:#ffffff0a}.company-info-grid{flex-direction:column;gap:var(--space-xs);align-items:flex-start}.company-location{text-align:left}.work-content{padding-left:var(--space-sm);margin-bottom:var(--space-sm)}.content-wrapper{padding-right:var(--space-sm)}.company-info{margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}}@media (max-width: 400px){.card-glass{padding:var(--space-sm);border-radius:var(--radius-lg)}.company-name{font-size:var(--text-lg)}}