@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg:#05080f;--panel:#0d1422;--panel-soft:#0d1422b3;--text:#d9e4ff;--muted:#92a3c7;--accent:#56ffd2;--accent-2:#00b6ff;--line:#93aadd3d;color:var(--text);background:var(--bg);text-rendering:optimizelegibility;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 15% 18%, #00b6ff1f, transparent 30%), radial-gradient(circle at 80% 0%, #56ffd224, transparent 25%), var(--bg);color:var(--text)}a{color:inherit}.app-shell{isolation:isolate;min-height:100vh;padding:1.2rem;position:relative;overflow:hidden}.bg-grid,.bg-glow,.bg-scanline{pointer-events:none;position:absolute;inset:0}.bg-grid{z-index:-4;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:44px 44px;animation:12s linear infinite drift;-webkit-mask-image:radial-gradient(circle,#000 48%,#0000 94%);mask-image:radial-gradient(circle,#000 48%,#0000 94%)}.bg-glow{z-index:-3;filter:blur(42px);opacity:.5}.bg-glow-a{background:radial-gradient(circle,#56ffd266,#0000 58%);width:44vw;height:44vw;animation:7s ease-in-out infinite floatA;top:-14vw;left:-10vw}.bg-glow-b{background:radial-gradient(circle,#00b6ff61,#0000 58%);width:36vw;height:36vw;animation:9s ease-in-out infinite floatB;bottom:-12vw;right:-8vw}.bg-scanline{z-index:-2;opacity:.35;background:repeating-linear-gradient(#ffffff05,#ffffff05 1px,#0000 1px 4px);animation:4s ease-in-out infinite pulse}.topbar,main,footer{width:min(1120px,100%);margin:0 auto}.topbar{justify-content:space-between;align-items:center;padding:.8rem .2rem 1.2rem;display:flex}.brand{letter-spacing:.2em;color:var(--accent);margin:0;font-family:JetBrains Mono,monospace;font-size:.8rem}.cta{border:1px solid var(--line);color:var(--text);background:linear-gradient(120deg,#56ffd22e,#00b6ff1f);border-radius:999px;padding:.45rem .95rem;font-size:.8rem;text-decoration:none;transition:transform .2s,border-color .2s}.cta:hover{border-color:#56ffd28c;transform:translateY(-2px)}.hero{border:1px solid var(--line);background:linear-gradient(170deg,#090e18ed,#060b16cc);border-radius:28px;padding:clamp(1.5rem,4vw,4rem);position:relative;overflow:hidden}.hero-layout{grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);align-items:start;gap:1.4rem;display:grid}.hero-main-content{min-width:0}.hero-photo-pane{justify-content:center;align-items:flex-start;display:flex}.hero-photo-orbit{aspect-ratio:1;background:radial-gradient(circle at 30% 20%,#56ffd247,#0000 45%),radial-gradient(circle at 80% 80%,#00b6ff38,#0000 40%),#030912e0;border:1px solid #56ffd273;border-radius:50%;width:clamp(210px,28vw,320px);padding:12px;overflow:hidden;box-shadow:0 0 0 2px #56ffd21a,0 0 35px #00b6ff3d,inset 0 0 20px #00b6ff1f}.hero-photo{object-fit:contain;object-position:center top;border:2px solid #93aadd57;border-radius:50%;width:100%;height:100%;transform:scale(.96)}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:.72rem}h1{max-width:14ch;margin:.9rem 0;font-size:clamp(2rem,6.5vw,4.85rem);line-height:1.04}h1 span{color:var(--accent-2);text-shadow:0 0 18px #00b6ff80}.hero-text{max-width:54ch;color:var(--muted);margin:0}.chip-row{flex-wrap:wrap;gap:.55rem;margin-top:1.35rem;display:flex}.chip{border:1px solid var(--line);background:#090f1ab3;border-radius:999px;padding:.35rem .7rem;font-family:JetBrains Mono,monospace;font-size:.76rem;animation:.6s both chipRise}.terminal-card{border:1px solid var(--line);background:#03070dd6;border-radius:16px;max-width:640px;margin-top:1.5rem;overflow:hidden}.terminal-head{border-bottom:1px solid var(--line);background:#ffffff05;align-items:center;gap:.45rem;padding:.65rem .8rem;display:flex}.terminal-head span{background:#fc6;border-radius:50%;width:9px;height:9px}.terminal-head span:nth-child(2){background:#ff7a90}.terminal-head span:nth-child(3){background:#56ffd2}.terminal-head p{color:var(--muted);margin:0 0 0 .5rem;font-family:JetBrains Mono,monospace;font-size:.73rem}.terminal-body{padding:.95rem 1rem;font-family:JetBrains Mono,monospace;font-size:.84rem}.terminal-body p{margin:.35rem 0}.hero-github-stats{border:1px solid var(--line);background:#030912b8;border-radius:16px;margin-top:1.2rem;padding:.9rem}.hero-github-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.github-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.7rem;display:grid}.section{border:1px solid var(--line);background:var(--panel-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:28px;margin-top:1.35rem;padding:clamp(1.3rem,2.5vw,2rem)}.section-title-wrap h2,.contact-box h2{margin:.5rem 0 0;font-size:clamp(1.35rem,3vw,2rem)}.about-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:.9rem;margin-top:1.2rem;display:grid}.about-card{border:1px solid var(--line);background:linear-gradient(165deg,#0c121ff0,#080d18cc);border-radius:16px;padding:1rem}.about-intro-card,.about-grid .about-card:nth-child(2),.about-grid .about-card:nth-child(3){grid-column:span 6}.about-card-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:0;font-family:JetBrains Mono,monospace;font-size:.72rem}.about-intro-text{color:var(--muted);margin:.72rem 0 0}.about-contact-list{gap:.42rem;margin-top:1rem;display:grid}.about-contact-list p,.about-meta-row p{margin:0;font-family:JetBrains Mono,monospace;font-size:.76rem}.about-contact-list span,.about-meta-row span{color:var(--accent)}.about-list,.about-education-list{gap:.55rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.about-list li,.about-education-list li{border:1px solid var(--line);background:#0309129e;border-radius:12px;padding:.58rem .68rem}.about-list p,.about-list span,.about-education-list p,.about-education-list h3{margin:0}.about-list span{color:var(--muted);margin-top:.2rem;font-family:JetBrains Mono,monospace;font-size:.72rem;display:inline-block}.about-skills{gap:.52rem;margin-top:.85rem;display:grid}.about-skill-item p{margin:0;font-size:.86rem}.about-meter{border:1px solid var(--line);background:#ffffff08;border-radius:999px;height:10px;margin-top:.32rem;overflow:hidden}.about-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;display:block;box-shadow:0 0 14px #00b6ff57}.about-education-list{margin-bottom:0}.about-education-list h3{font-size:.94rem}.about-education-list p{color:var(--muted);margin-top:.22rem;font-size:.8rem}.about-meta-row{gap:.35rem;margin-top:.92rem;display:grid}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1.25rem;display:grid}.project-card{border:1px solid var(--line);animation:.55s both reveal;animation-delay:var(--delay);background:linear-gradient(170deg,#0d1422f2,#090f19bf);border-radius:16px;padding:1rem}.project-card h3{margin:.35rem 0 .45rem;font-size:1.05rem}.project-card p{color:var(--muted);margin:0}.project-index,.project-tech{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.78rem}.project-tech{margin-top:.95rem}.project-link{color:var(--accent);border-bottom:1px solid #56ffd273;margin-top:.7rem;font-family:JetBrains Mono,monospace;font-size:.74rem;text-decoration:none;display:inline-block}.project-status{border:1px solid var(--line);color:var(--muted);border-radius:12px;margin:0;padding:.85rem;font-size:.86rem}.community-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem;margin-top:1.3rem;display:grid}.community-block{border:1px solid var(--line);background:linear-gradient(165deg,#0c121feb,#080d18c7);border-radius:18px;padding:1rem}.community-block h3{margin:0;font-size:1rem}.add-form{grid-template-columns:1fr;gap:.5rem;margin-top:.8rem;display:grid}.add-form input,.add-form button{border:1px solid var(--line);color:var(--text);background:#ffffff08;border-radius:10px;padding:.58rem .65rem;font-family:JetBrains Mono,monospace;font-size:.76rem}.add-form input:focus{border-color:#56ffd29e;outline:none;box-shadow:0 0 0 2px #56ffd224}.add-form button{cursor:pointer;background:linear-gradient(120deg,#56ffd238,#00b6ff2e);transition:transform .2s,border-color .2s}.add-form button:hover{border-color:#56ffd27a;transform:translateY(-1px)}.social-list{gap:.5rem;margin-top:.8rem;display:grid}.social-item{border:1px solid var(--line);background:#030a1494;border-radius:12px;justify-content:space-between;align-items:center;padding:.55rem .7rem;text-decoration:none;display:flex}.social-item p,.social-item span{margin:0;font-family:JetBrains Mono,monospace;font-size:.74rem}.social-item span{color:var(--muted)}.photo-grid{gap:.65rem;margin-top:.85rem;display:grid}.photo-card{border:1px solid var(--line);background:#020810ad;border-radius:14px;margin:0;overflow:hidden}.photo-card img{object-fit:cover;width:100%;height:150px;display:block}.photo-card figcaption{padding:.58rem .7rem .72rem}.photo-card p{margin:0;font-size:.82rem}.photo-card span{color:var(--muted);margin-top:.3rem;font-size:.72rem;display:block}.timeline-list{gap:.52rem;margin-top:.8rem;display:grid}.timeline-item{border:1px solid var(--line);background:#030912a3;border-radius:12px;padding:.55rem .7rem}.timeline-item p{margin:0;font-size:.8rem}.timeline-item span,.timeline-item strong{margin-top:.28rem;margin-right:.5rem;font-family:JetBrains Mono,monospace;font-size:.7rem;display:inline-block}.timeline-item span{color:var(--muted)}.timeline-item strong{color:var(--accent)}.github-block{flex-direction:column;display:flex}.github-note{color:var(--muted);margin:.6rem 0 0;font-size:.78rem}.github-link{width:fit-content;color:var(--accent);border-bottom:1px solid #56ffd273;margin-top:.8rem;font-family:JetBrains Mono,monospace;font-size:.73rem;text-decoration:none}.github-streak-image{border:1px solid var(--line);background:#020810b3;border-radius:12px;width:100%}.contact-box{text-align:center;border:1px solid var(--line);background:linear-gradient(135deg,#56ffd21f,#00b6ff1a);border-radius:20px;padding:clamp(1.2rem,4vw,2.2rem) clamp(1rem,4vw,2rem)}.contact-link{color:var(--text);border-bottom:1px solid #56ffd28c;margin-top:.8rem;font-family:JetBrains Mono,monospace;text-decoration:none;display:inline-block}footer{text-align:center;color:var(--muted);padding:1.1rem 0 .35rem;font-family:JetBrains Mono,monospace;font-size:.78rem}.floating-particles span{width:6px;height:6px;top:calc((var(--i) + 2) * 6%);left:calc((var(--i) * 11%) % 100%);animation:dotFloat calc(2.8s + var(--i) * .17s) ease-in-out infinite;animation-delay:calc(var(--i) * 90ms);background:#56ffd2cc;border-radius:50%;position:absolute;box-shadow:0 0 16px #56ffd2a6}@keyframes reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dotFloat{0%,to{opacity:.45;transform:translateY(0)scale(.92)}50%{opacity:1;transform:translateY(-10px)scale(1)}}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(44px)}}@keyframes chipRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes floatA{0%,to{transform:translate(0)}50%{transform:translate(3vw,2vw)}}@keyframes floatB{0%,to{transform:translate(0)}50%{transform:translate(-2vw,-2vw)}}@keyframes pulse{0%,to{opacity:.25}50%{opacity:.42}}@media (width<=980px){.about-intro-card,.about-grid .about-card:nth-child(2),.about-grid .about-card:nth-child(3){grid-column:span 12}.project-grid,.community-layout{grid-template-columns:1fr}.topbar{padding-top:.2rem}.hero{border-radius:22px}.hero-layout{grid-template-columns:1fr}.hero-photo-pane{order:-1;justify-content:flex-start}.hero-photo-orbit{width:min(72vw,260px)}.github-stats-grid{grid-template-columns:1fr}}