*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--surface:#111118;--surface2:#1a1a24;--accent:#6ee7b7;--accent2:#818cf8;--text:#f1f5f9;--muted:#64748b;--border:#1e1e2e;--font-display:"Syne",sans-serif;--font-mono:"DM Mono",monospace}html{scroll-behavior:smooth}body{background:#0a0a0f;background:var(--bg);color:#f1f5f9;color:var(--text);font-family:Syne,sans-serif;font-family:var(--font-display);overflow-x:hidden}nav{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0fb3;border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.2rem 2rem;position:fixed;top:0;width:100%;z-index:100}.logo{color:#6ee7b7;color:var(--accent);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:1.1rem;font-weight:700;letter-spacing:.05em}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:#64748b;color:var(--muted);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.04em;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#6ee7b7;color:var(--accent)}#hero{display:flex;min-height:100vh;overflow:hidden;padding:8rem 2rem 4rem;position:relative}#hero,.hero-grid{align-items:center}.hero-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1100px;width:100%}.hero-label{color:#6ee7b7;color:var(--accent);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;margin-bottom:1rem;text-transform:uppercase}.hero-name{font-size:clamp(3rem,7vw,5.5rem);font-weight:800;letter-spacing:-.02em;line-height:1}.hero-name span{color:#818cf8;color:var(--accent2)}.hero-tagline{color:#64748b;color:var(--muted);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.9rem;line-height:1.8;margin-top:1.5rem}.hero-tagline .highlight{color:#6ee7b7;color:var(--accent)}.hero-cta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.5rem}.btn-primary{background:#6ee7b7;background:var(--accent);border-radius:4px;color:#0a0a0f;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.85rem;font-weight:700;letter-spacing:.05em;padding:.75rem 2rem;text-decoration:none;transition:all .2s}.btn-primary:hover{background:#a7f3d0}.btn-outline{border:1px solid #1e1e2e;border:1px solid var(--border);border-radius:4px;color:#64748b;color:var(--muted);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.85rem;font-weight:400;letter-spacing:.05em;padding:.75rem 2rem;text-decoration:none;transition:all .2s}.btn-outline:hover{border-color:#818cf8;border-color:var(--accent2);color:#818cf8;color:var(--accent2)}.hero-card{background:#111118;background:var(--surface);border:1px solid #1e1e2e;border:1px solid var(--border);border-radius:12px;padding:2rem;position:relative}.hero-card:before{background:linear-gradient(90deg,#6ee7b7,#818cf8);background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:2px;content:"";height:2px;left:2rem;position:absolute;right:2rem;top:-1px}.card-top{align-items:center;color:#64748b;color:var(--muted);display:flex;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.78rem;gap:8px;margin-bottom:1rem}.open-label{color:#6ee7b7;color:var(--accent)}.status-dot{animation:pulse 2s infinite;background:#6ee7b7;background:var(--accent);border-radius:50%;display:inline-block;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.code-block{color:#64748b;color:var(--muted);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.82rem;line-height:1.8}.kw{color:#818cf8;color:var(--accent2)}.key{color:#6ee7b7;color:var(--accent)}.str{color:#f9a8d4}.str2{color:#6ee7b7}.num{color:#fcd34d}.stat-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;margin-top:1.5rem}.stat{background:#1a1a24;background:var(--surface2);border-radius:8px;padding:1rem;text-align:center}.stat-num{color:#6ee7b7;color:var(--accent);font-size:1.4rem;font-weight:700}.stat-label{color:#64748b;color:var(--muted);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.7rem;margin-top:4px}.bg-orb{border-radius:50%;filter:blur(80px);opacity:.12;pointer-events:none;position:absolute}.orb1{background:#818cf8;background:var(--accent2);height:500px;right:-100px;top:-200px;width:500px}.orb2{background:#6ee7b7;background:var(--accent);bottom:-100px;height:400px;left:-150px;width:400px}section{margin:0 auto;max-width:1100px;padding:6rem 2rem}.section-label{color:#6ee7b7;color:var(--accent);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;margin-bottom:.75rem;text-transform:uppercase}.section-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.02em;margin-bottom:3rem}.section-title span{color:#818cf8;color:var(--accent2)}.about-grid{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.about-text{color:#64748b;color:var(--muted);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.88rem;line-height:2}.about-text p{margin-bottom:1rem}.about-text em{color:#f1f5f9;color:var(--text);font-style:normal}.stack-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.tag{background:#111118;background:var(--surface);border:1px solid #1e1e2e;border:1px solid var(--border);border-radius:4px;color:#64748b;color:var(--muted);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.72rem;padding:.35rem .9rem;transition:all .2s}.tag:hover{border-color:#818cf8;border-color:var(--accent2);color:#818cf8;color:var(--accent2)}.learning-card{background:#111118;background:var(--surface);border:1px solid #1e1e2e;border:1px solid var(--border);border-radius:12px;padding:1.5rem}.learning-title{color:#6ee7b7;color:var(--accent);font-size:.72rem;letter-spacing:.1em;margin-bottom:1rem}.learn-item,.learning-title{font-family:DM Mono,monospace;font-family:var(--font-mono)}.learn-item{align-items:center;border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--border);color:#64748b;color:var(--muted);display:flex;font-size:.82rem;gap:.75rem;padding:.75rem 0}.learn-item:last-child{border-bottom:none}.learn-icon{align-items:center;background:#1a1a24;background:var(--surface2);border-radius:6px;display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.progress-bar{background:#1e1e2e;background:var(--border);border-radius:2px;flex:1 1;height:3px;margin-left:auto;max-width:80px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6ee7b7,#818cf8);background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:2px;height:100%}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.project-card{background:#111118;background:var(--surface);border:1px solid #1e1e2e;border:1px solid var(--border);border-radius:12px;color:inherit;cursor:pointer;display:block;overflow:hidden;padding:1.75rem;position:relative;text-decoration:none;transition:all .3s}.project-card:hover{border-color:#818cf8;border-color:var(--accent2);transform:translateY(-3px)}.project-card.featured{grid-column:span 2}.proj-stripe{height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.project-card:hover .proj-stripe{opacity:1}.stripe-green{background:linear-gradient(90deg,#6ee7b7,#0000);background:linear-gradient(90deg,var(--accent),#0000)}.stripe-purple{background:linear-gradient(90deg,#818cf8,#0000);background:linear-gradient(90deg,var(--accent2),#0000)}.proj-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.proj-icon{font-size:1.5rem}.proj-links{display:flex;gap:.5rem}.proj-link{border:1px solid #1e1e2e;border:1px solid var(--border);border-radius:4px;color:#64748b;color:var(--muted);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.7rem;padding:.3rem .7rem;text-decoration:none;transition:all .2s}.proj-link:hover{border-color:#6ee7b7;border-color:var(--accent);color:#6ee7b7;color:var(--accent)}.proj-title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.proj-desc{color:#64748b;color:var(--muted);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.82rem;line-height:1.7;margin-bottom:1.25rem}.proj-tech{display:flex;flex-wrap:wrap;gap:.4rem}.tech-pill{background:#1a1a24;background:var(--surface2);border-radius:3px;color:#818cf8;color:var(--accent2);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.68rem;padding:.2rem .6rem}.skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.skill-block{background:#111118;background:var(--surface);border:1px solid #1e1e2e;border:1px solid var(--border);border-radius:12px;padding:1.5rem}.skill-cat{color:#818cf8;color:var(--accent2);font-size:.7rem;letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}.skill-cat,.skill-row{font-family:DM Mono,monospace;font-family:var(--font-mono)}.skill-row{align-items:center;border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--border);color:#64748b;color:var(--muted);display:flex;font-size:.8rem;justify-content:space-between;padding:.4rem 0}.skill-row:last-child{border-bottom:none}.skill-level{display:flex;gap:3px}.dot{background:#1e1e2e;background:var(--border);border-radius:50%;height:6px;width:6px}.dot.on{background:#6ee7b7;background:var(--accent)}.contact-section{background:#111118;background:var(--surface);border:1px solid #1e1e2e;border:1px solid var(--border);border-radius:16px;margin:0 auto 4rem;max-width:700px;overflow:hidden;padding:4rem;position:relative;text-align:center}.contact-section:before{background:linear-gradient(90deg,#0000,#6ee7b7,#818cf8,#0000);background:linear-gradient(90deg,#0000,var(--accent),var(--accent2),#0000);content:"";height:2px;left:4rem;position:absolute;right:4rem;top:-1px}.contact-sub{color:#64748b;color:var(--muted);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.85rem;line-height:1.8;margin:1rem 0 2.5rem}.contact-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.contact-link{align-items:center;border:1px solid #1e1e2e;border:1px solid var(--border);border-radius:6px;color:#64748b;color:var(--muted);display:flex;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.8rem;gap:.5rem;padding:.7rem 1.5rem;text-decoration:none;transition:all .2s}.contact-link:hover{border-color:#6ee7b7;border-color:var(--accent);color:#6ee7b7;color:var(--accent)}footer{border-top:1px solid #1e1e2e;border-top:1px solid var(--border);color:#64748b;color:var(--muted);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.72rem;padding:2rem;text-align:center}@media (max-width:768px){.about-grid,.hero-grid,.projects-grid,.skills-grid{grid-template-columns:1fr}.project-card.featured{grid-column:span 1}.stat-row{grid-template-columns:1fr 1fr}nav{padding:1rem}.nav-links{gap:1rem}.contact-section{padding:2rem}}
/*# sourceMappingURL=main.37123cd0.css.map*/