:root{--space-black:#02040a;--deep-space:#060b18;--nebula-blue:#0d1f3c;--star-white:#e8f0fe;--cyan-glow:#7ee8fa;--purple-nebula:#a78bfa;--pink-star:#f472b6;--gold-star:#fbbf24;--text-main:#cdd6f4;--text-muted:#6c7a9c;--border:#1a2744;--border-bright:#243460;--font-display:"Syne",sans-serif;--font-mono:"Space Mono",monospace;--font-body:"Outfit",sans-serif}html{scroll-behavior:smooth}body{background:#02040a;background:var(--space-black);color:#cdd6f4;color:var(--text-main);font-family:Outfit,sans-serif;font-family:var(--font-body);overflow-x:hidden}::selection{background:#7ee8fa30;color:#7ee8fa}.canvas-container{inset:0;pointer-events:none;position:fixed;z-index:0}.scroll-container{position:relative;z-index:10}.nav{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#02040a90,#0000);border-bottom:1px solid #ffffff05;display:flex;justify-content:space-between;left:0;padding:20px 48px;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.nav.scrolled{background:#02040aee;border-bottom-color:#1a2744;border-bottom-color:var(--border);padding:14px 48px}.nav-logo{color:#e8f0fe;color:var(--star-white);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:-.5px}.nav-logo span{color:#7ee8fa;color:var(--cyan-glow)}.nav-links{display:flex;gap:36px;list-style:none}.nav-links a{color:#6c7a9c;color:var(--text-muted);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:12px;letter-spacing:1px;position:relative;text-decoration:none;text-transform:uppercase;transition:color .3s}.nav-links a:after{background:#7ee8fa;background:var(--cyan-glow);bottom:-4px;content:"";height:1px;left:0;position:absolute;transition:width .3s;width:0}.nav-links a:hover{color:#7ee8fa;color:var(--cyan-glow)}.nav-links a:hover:after{width:100%}section{min-height:100vh;padding:120px 48px 80px;position:relative}.section-label{align-items:center;color:#7ee8fa;color:var(--cyan-glow);display:flex;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:11px;gap:12px;letter-spacing:4px;margin-bottom:16px;text-transform:uppercase}.section-label:after{background:#7ee8fa;background:var(--cyan-glow);content:"";flex:1 1;height:1px;max-width:60px;opacity:.4}.section-title{color:#e8f0fe;color:var(--star-white);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.05;margin-bottom:24px}.hero{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;max-width:900px;min-height:100vh;padding:0 48px}.hero-greeting{align-items:center;color:#7ee8fa;color:var(--cyan-glow);display:flex;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:14px;gap:12px;letter-spacing:3px;margin-bottom:20px;text-transform:uppercase}.hero-greeting:before{background:#7ee8fa;background:var(--cyan-glow);content:"";height:1px;width:40px}.hero-name{color:#e8f0fe;color:var(--star-white);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:clamp(56px,9vw,120px);font-weight:800;letter-spacing:-3px;line-height:.95;margin-bottom:8px}.hero-name .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7ee8fa,#a78bfa);background:linear-gradient(135deg,var(--cyan-glow),var(--purple-nebula));-webkit-background-clip:text;background-clip:text}.hero-role{font-family:Syne,sans-serif;font-family:var(--font-display);font-size:clamp(18px,3vw,32px);font-weight:400;letter-spacing:1px;margin-bottom:28px}.hero-bio,.hero-role{color:#6c7a9c;color:var(--text-muted)}.hero-bio{font-size:16px;line-height:1.8;margin-bottom:48px;max-width:560px}.hero-cta{display:flex;flex-wrap:wrap;gap:16px}.btn-primary{align-items:center;background:linear-gradient(135deg,#7ee8fa,#5eaffa);background:linear-gradient(135deg,var(--cyan-glow),#5eaffa);border:none;border-radius:4px;color:#02040a;cursor:pointer;display:inline-flex;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:13px;font-weight:700;gap:8px;letter-spacing:1px;padding:14px 32px;text-decoration:none;text-transform:uppercase;transition:all .3s}.btn-primary:hover{box-shadow:0 12px 40px #7ee8fa40;transform:translateY(-2px)}.btn-ghost{background:#0000;border:1px solid #243460;border:1px solid var(--border-bright);border-radius:4px;color:#cdd6f4;color:var(--text-main);cursor:pointer;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:13px;letter-spacing:1px;padding:14px 32px;text-decoration:none;text-transform:uppercase;transition:all .3s}.btn-ghost:hover{border-color:#7ee8fa;border-color:var(--cyan-glow);color:#7ee8fa;color:var(--cyan-glow);transform:translateY(-2px)}.hero-scroll-hint{align-items:center;animation:bounce 2s ease-in-out infinite;bottom:40px;color:#6c7a9c;color:var(--text-muted);display:flex;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:11px;gap:12px;left:48px;letter-spacing:2px;position:absolute}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.about-grid{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.about-text p{color:#6c7a9c;color:var(--text-muted);font-size:16px;line-height:1.9;margin-bottom:20px}.about-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:40px}.stat-card{background:#0a152808;border:1px solid #1a2744;border:1px solid var(--border);border-radius:8px;padding:24px;transition:all .3s}.stat-card:hover{background:#7ee8fa06;border-color:#7ee8fa;border-color:var(--cyan-glow);transform:translateY(-4px)}.stat-number{color:#7ee8fa;color:var(--cyan-glow);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:40px;font-weight:800;line-height:1;margin-bottom:6px}.stat-label{color:#6c7a9c;color:var(--text-muted);font-size:13px;letter-spacing:.5px}.about-3d{align-items:center;display:flex;height:400px;justify-content:center}.skills-section{margin:0 auto;max-width:1200px}.skills-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:60px}.skill-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060b1888;border:1px solid #1a2744;border:1px solid var(--border);border-radius:12px;overflow:hidden;padding:32px;position:relative;transition:all .4s}.skill-category:before{background:linear-gradient(90deg,#0000,#7ee8fa,#0000);background:linear-gradient(90deg,#0000,var(--category-color,#7ee8fa),#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.skill-category:hover:before{opacity:1}.skill-category:hover{border-color:#7ee8fa;border-color:var(--category-color,#7ee8fa);transform:translateY(-6px)}.skill-cat-title{align-items:center;color:#7ee8fa;color:var(--category-color,#7ee8fa);display:flex;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:12px;gap:10px;letter-spacing:3px;margin-bottom:24px;text-transform:uppercase}.skill-tags{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{border:1px solid #243460;border:1px solid var(--border-bright);border-radius:100px;color:#6c7a9c;color:var(--text-muted);cursor:default;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:11px;padding:6px 14px;transition:all .3s}.skill-tag:hover{background:#7ee8fa10;background:var(--category-color,#7ee8fa)10;border-color:#7ee8fa;border-color:var(--category-color,#7ee8fa);color:#7ee8fa;color:var(--category-color,#7ee8fa);transform:scale(1.05)}.projects-section{margin:0 auto;max-width:1200px}.projects-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin-top:60px}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060b1888;border:1px solid #1a2744;border:1px solid var(--border);border-radius:16px;cursor:pointer;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.project-card:after{background:radial-gradient(circle at 50% 50%,#7ee8fa10 0,#0000 60%);background:radial-gradient(circle at var(--mx,50%) var(--my,50%),var(--project-color,#7ee8fa)10 0,#0000 60%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s}.project-card:hover:after{opacity:1}.project-card:hover{border-color:#7ee8fa;border-color:var(--project-color,#7ee8fa);box-shadow:0 24px 60px #00000050;transform:translateY(-8px)}.project-num{color:#6c7a9c;color:var(--text-muted);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:11px;letter-spacing:2px;margin-bottom:16px}.project-icon{display:block;font-size:36px;margin-bottom:20px}.project-title{color:#e8f0fe;color:var(--star-white);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1.2;margin-bottom:12px}.project-desc{color:#6c7a9c;color:var(--text-muted);font-size:14px;line-height:1.8;margin-bottom:24px}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.project-tag{background:#7ee8fa15;background:var(--project-color,#7ee8fa)15;border:1px solid #7ee8fa30;border:1px solid var(--project-color,#7ee8fa)30;border-radius:4px;color:#7ee8fa;color:var(--project-color,#7ee8fa);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:10px;letter-spacing:.5px;padding:4px 10px}.timeline{margin:60px auto 0;max-width:800px;position:relative}.timeline:before{background:linear-gradient(180deg,#0000,#7ee8fa,#0000);background:linear-gradient(180deg,#0000,var(--cyan-glow),#0000);bottom:0;content:"";left:20px;position:absolute;top:0;width:1px}.timeline-item{grid-gap:24px;display:grid;gap:24px;grid-template-columns:60px 1fr;margin-bottom:52px;position:relative}.timeline-dot{align-items:center;background:#02040a;background:var(--space-black);border:2px solid #7ee8fa;border:2px solid var(--cyan-glow);border-radius:50%;box-shadow:0 0 20px #7ee8fa40;box-shadow:0 0 20px var(--cyan-glow)40;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px;z-index:1}.timeline-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060b1888;border:1px solid #1a2744;border:1px solid var(--border);border-radius:12px;padding:28px 32px;transition:border-color .3s}.timeline-content:hover{border-color:#243460;border-color:var(--border-bright)}.timeline-date{color:#7ee8fa;color:var(--cyan-glow);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:11px;letter-spacing:2px;margin-bottom:8px}.timeline-title{color:#e8f0fe;color:var(--star-white);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:4px}.timeline-sub{color:#6c7a9c;color:var(--text-muted);font-size:14px;margin-bottom:8px}.timeline-grade{color:#fbbf24;color:var(--gold-star);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:12px}.contact-section{margin:0 auto;max-width:800px;text-align:center}.contact-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:48px}.contact-link{align-items:center;background:#060b1888;border:1px solid #1a2744;border:1px solid var(--border);border-radius:8px;color:#e8f0fe;color:var(--star-white);display:flex;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:13px;gap:10px;letter-spacing:.5px;padding:16px 28px;text-decoration:none;transition:all .3s}.contact-link:hover{border-color:#7ee8fa;border-color:var(--cyan-glow);box-shadow:0 12px 40px #7ee8fa15;color:#7ee8fa;color:var(--cyan-glow);transform:translateY(-4px)}.contact-big-text{color:#e8f0fe;color:var(--star-white);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:clamp(40px,6vw,80px);font-weight:800;line-height:1.1;margin-bottom:24px}.contact-big-text span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7ee8fa,#a78bfa,#f472b6);background:linear-gradient(135deg,var(--cyan-glow),var(--purple-nebula),var(--pink-star));-webkit-background-clip:text;background-clip:text}footer{border-top:1px solid #1a2744;border-top:1px solid var(--border);color:#6c7a9c;color:var(--text-muted);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:12px;padding:32px 48px;text-align:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glow{0%,to{text-shadow:0 0 20px #7ee8fa40}50%{text-shadow:0 0 60px #7ee8fa80,0 0 100px #7ee8fa30}}.animate-up{animation:fadeUp .8s cubic-bezier(.16,1,.3,1) forwards}.animate-in{animation:fadeIn .8s ease forwards}.delay-1{animation-delay:.1s;opacity:0}.delay-2{animation-delay:.2s;opacity:0}.delay-3{animation-delay:.3s;opacity:0}.delay-4{animation-delay:.4s;opacity:0}.delay-5{animation-delay:.6s;opacity:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#02040a;background:var(--space-black)}::-webkit-scrollbar-thumb{background:#1a2744;border-radius:2px}@media (max-width:768px){section{padding:100px 24px 60px}.hero{padding:0 24px}.nav{padding:16px 24px}.about-grid{gap:40px;grid-template-columns:1fr}.about-3d{height:260px}.timeline:before{left:16px}.timeline-item{grid-template-columns:48px 1fr}}
/*# sourceMappingURL=main.aff7ee5c.css.map*/