@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";.grainient-container{width:100%;height:100%;position:relative;overflow:hidden}.graph-backdrop{z-index:1;pointer-events:none;opacity:.4;position:absolute;inset:0}html[data-theme=light] .graph-backdrop{opacity:.58}.graph-backdrop canvas{vertical-align:top;width:120%;height:120%;display:block}.card-spotlight{border:1px solid var(--card-border);background-color:var(--card-surface);--mouse-x:50%;--mouse-y:50%;--spotlight-color:var(--spotlight-hover);border-radius:1rem;padding:1.5rem;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 80%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}.theme-toggle{z-index:10;border:1px solid var(--primary-border-soft);background:var(--primary-bg-soft);width:2.25rem;height:2.25rem;color:var(--text-muted);cursor:pointer;opacity:.55;border-radius:6px;place-items:center;padding:0;transition:opacity .25s,color .25s,border-color .25s,background .25s;display:grid;position:fixed;top:1rem;right:1rem}.theme-toggle:hover{opacity:.95;color:var(--purple-mid);border-color:var(--skill-tag-hover-border)}.theme-toggle:focus-visible{outline:2px solid var(--purple-mid);outline-offset:2px;opacity:1}.theme-toggle__icon{width:1.05rem;height:1.05rem}@media (prefers-reduced-motion:reduce){.theme-toggle{transition:none}}:root{--bg-deep:#050508;--purple-dim:#6b21a8;--purple-mid:#a855f7;--purple-bright:#c084fc;--purple-glow:#a855f740;--text-primary:#f0ecf4;--text-secondary:#c4b8d9;--text-muted:#8d82a3;--accent-warm:#a8592e;--accent-warm-bright:#c4703e;--accent-warm-glow:#a8592e33;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", monospace;--primary-border-soft:#a855f733;--primary-bg-soft:#a855f70f;--section-veil-bg:#050508e0;--name-text-glow:0 0 80px #a855f733, 0 0 120px #a8592e14;--divider-edge-primary:#a855f740;--skill-tag-border:#6b5f8040;--skill-tag-hover-border:#a855f74d;--skill-tag-hover-bg:#a855f70f;--link-underline:#a855f773;--card-border:#6b21a833;--card-surface:#05050899;--spotlight-hover:#a855f714}html[data-theme=light]{--bg-deep:#f4ede0;--purple-dim:#2f7a68;--purple-mid:#4a9d87;--purple-bright:#6cc0a8;--purple-glow:#4a9d8747;--text-primary:#1a160f;--text-secondary:#3d342a;--text-muted:#6b5d48;--accent-warm:#9c6d3e;--accent-warm-bright:#c08c5a;--accent-warm-glow:#9c6d3e42;--primary-border-soft:#2f7a6840;--primary-bg-soft:#4a9d871a;--section-veil-bg:#f4ede0eb;--name-text-glow:0 0 48px #4a9d8738, 0 0 96px #9c6d3e14;--divider-edge-primary:#2f7a6847;--skill-tag-border:#6b5d4838;--skill-tag-hover-border:#4a9d8761;--skill-tag-hover-bg:#4a9d8714;--link-underline:#4a9d8773;--card-border:#2f7a6838;--card-surface:#fffaf0b8;--spotlight-hover:#4a9d871f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%;font-size:115%}body,#root{width:100%;min-height:100%}body{font-family:var(--font-mono);background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{width:100%;min-height:100%;position:relative}.background{z-index:0;position:fixed;inset:0}.background .grainient-container{z-index:0}.content{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:100dvh;padding:2rem;display:flex;position:relative}.name-container{margin-bottom:.75rem}.name{letter-spacing:-.02em;color:var(--text-primary);text-align:center;text-shadow:var(--name-text-glow);font-size:clamp(2.8rem,8vw,5.5rem);font-weight:600;line-height:1.1}.tagline{letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);text-align:center;opacity:0;font-size:clamp(.75rem,2vw,1rem);font-weight:300;animation:.8s ease-out .9s forwards fadeSlideUp}.divider{background:linear-gradient(90deg, transparent, var(--purple-mid), var(--accent-warm), transparent);opacity:0;transform-origin:50%;width:48px;height:1px;margin:1.5rem 0;animation:.6s ease-out 1.3s forwards drawIn}.socials{opacity:0;align-items:center;gap:1.5rem;animation:.8s ease-out 1.5s forwards fadeSlideUp;display:flex}.social-link{color:var(--text-muted);letter-spacing:.04em;border:1px solid #0000;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;font-weight:400;text-decoration:none;transition:all .3s;display:flex}.social-link:hover{color:var(--purple-bright);border-color:var(--primary-border-soft);background:var(--primary-bg-soft);box-shadow:0 0 20px var(--purple-glow);transform:translateY(-1px)}.social-link:active{transform:translateY(0)}.social-link:focus-visible{outline:2px solid var(--purple-mid);outline-offset:2px;color:var(--purple-bright);border-color:var(--primary-border-soft);background:var(--primary-bg-soft)}.social-link svg{flex-shrink:0}.social-label{display:inline}.scroll-hint{opacity:0;animation:.6s ease-out 2.2s forwards fadeIn;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-hint svg{color:var(--accent-warm-bright);animation:2s ease-in-out infinite bounce}.sections-container{z-index:1;background:var(--section-veil-bg);position:relative}.section{max-width:720px;margin:0 auto;padding:5rem 2rem}.section-divider{background:linear-gradient(90deg, transparent, var(--divider-edge-primary), var(--accent-warm-glow), var(--divider-edge-primary), transparent);width:100%;max-width:720px;height:1px;margin:0 auto}.section-title{letter-spacing:.2em;text-transform:uppercase;color:var(--purple-mid);margin-bottom:2rem;font-size:clamp(.7rem,1.5vw,.85rem);font-weight:500}.section-title-char{color:var(--purple-mid)}.section-title-char-encrypted{color:var(--accent-warm);opacity:.4}.about-text{color:var(--text-secondary);font-size:clamp(.85rem,1.8vw,1rem);font-weight:300;line-height:1.8}.about-text+.about-text{margin-top:1.25rem}.about-text a{color:var(--purple-bright);text-decoration:underline;-webkit-text-decoration-color:var(--link-underline);text-decoration-color:var(--link-underline);text-underline-offset:.15em;transition:color .2s,text-decoration-color .2s}.about-text a:hover{color:var(--text-primary);-webkit-text-decoration-color:var(--purple-mid);text-decoration-color:var(--purple-mid)}.about-text a:focus-visible{outline:2px solid var(--purple-mid);outline-offset:2px;border-radius:2px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.skill-group-title{letter-spacing:.08em;color:var(--text-primary);margin-bottom:.75rem;font-size:.75rem;font-weight:500}.skill-tags{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{letter-spacing:.02em;color:var(--text-muted);border:1px solid var(--skill-tag-border);border-radius:4px;padding:.3rem .6rem;font-size:.7rem;font-weight:400;transition:all .3s}.skill-tag:hover{color:var(--purple-bright);border-color:var(--skill-tag-hover-border);background:var(--skill-tag-hover-bg)}.exp-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.25rem;display:flex}.exp-company{color:var(--text-primary);font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600}.exp-period{color:var(--text-muted);letter-spacing:.04em;font-size:.75rem;font-weight:300}.exp-role{color:var(--purple-bright);letter-spacing:.02em;margin-bottom:1.5rem;font-size:clamp(.8rem,1.8vw,.95rem);font-weight:400}.exp-bullets{flex-direction:column;gap:.75rem;list-style:none;display:flex}.exp-bullets li{color:var(--text-secondary);padding-left:1.25rem;font-size:clamp(.78rem,1.6vw,.88rem);font-weight:300;line-height:1.7;position:relative}.exp-bullets li:before{content:"";background:var(--purple-mid);border-radius:50%;width:5px;height:5px;position:absolute;top:.55em;left:0}.edu-entry{margin-bottom:1.25rem}.edu-entry:last-child{margin-bottom:0}.edu-school{color:var(--text-primary);margin-bottom:.25rem;font-size:clamp(.85rem,1.8vw,1rem);font-weight:500}.edu-degree{color:var(--text-secondary);font-size:clamp(.78rem,1.6vw,.88rem);font-weight:300;line-height:1.6}.site-footer{z-index:1;background:var(--section-veil-bg);text-align:center;padding:3rem 2rem;position:relative}.footer-links{justify-content:center;align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.footer-copy{color:var(--accent-warm);letter-spacing:.04em;opacity:.6;font-size:.7rem;font-weight:300}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (width<=480px){.socials,.footer-links{flex-direction:column;gap:.5rem}.social-link{justify-content:center;width:100%}.divider{margin:1.25rem 0}.section{padding:3rem 1.25rem}.skills-grid{grid-template-columns:1fr}.exp-header{flex-direction:column;gap:.25rem}}@media (width<=360px){.content{padding:1.5rem}}@media (prefers-reduced-motion:reduce){@keyframes fadeSlideUp{0%{opacity:0}to{opacity:1}}.name span{filter:none!important;opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.divider{animation:.4s ease-out 1.3s both fadeIn;transform:none}.scroll-hint svg{animation:none}}