@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}.graph-backdrop canvas{vertical-align:top;width:120%;height:120%;display:block}.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#a855f714;background-color:#05050899;border:1px solid #6b21a833;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}: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}*,: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:0 0 80px #a855f733,0 0 120px #a8592e14;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);box-shadow:0 0 20px var(--purple-glow);background:#a855f70f;border-color:#a855f733;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);background:#a855f70f;border-color:#a855f733}.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);animation:2s ease-in-out infinite bounce}.sections-container{z-index:1;background:#050508e0;position:relative}.section{max-width:720px;margin:0 auto;padding:5rem 2rem}.section-divider{background:linear-gradient(90deg, transparent, #a855f740, var(--accent-warm-glow), #a855f740, 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-underline-offset:.15em;-webkit-text-decoration:underline #a855f773;text-decoration:underline #a855f773;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 #6b5f8040;border-radius:4px;padding:.3rem .6rem;font-size:.7rem;font-weight:400;transition:all .3s}.skill-tag:hover{color:var(--purple-bright);background:#a855f70f;border-color:#a855f74d}.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;text-align:center;background:#050508e0;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}}