:root{--bg:#06060e;--bg-card:#ffffff08;--accent-pink:#ff6b9d;--accent-purple:#9d4edd;--accent-blue:#4cc9f0;--accent-gold:gold;--text-primary:#e2e0f0;--text-muted:#6060a0;--border:#9d4edd33;--font-heading:"Press Start 2P", monospace;--font-label:"Orbitron", sans-serif;--font-body:"Oxanium", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body)}.app{background-color:var(--bg);min-height:100vh;color:var(--text-primary)}.app.light{--bg:#f0eeff;--bg-card:#ffffffb3;--text-primary:#1a0a3d;--text-muted:#6b4fa0;--border:#9333ea33;--accent-pink:#ec4899;--accent-purple:#7c3aed;--accent-blue:#2563eb}.nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.nav-logo{color:var(--accent-pink);letter-spacing:.1em;font-family:Oxanium,monospace;font-size:.9rem}.nav-link{font-family:var(--font-body);color:var(--text-muted);letter-spacing:.06em;font-size:.85rem;text-decoration:none;transition:color .2s}.hero-name{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:1.5rem;font-size:3.5rem;line-height:1.8}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-link:hover{color:var(--accent-blue)}.theme-toggle{cursor:pointer;color:var(--accent-gold);background:0 0;border:none;padding:0;font-size:1.2rem}.hero{padding:5rem 2rem 4rem;position:relative;overflow:hidden}.hero-tag{font-family:var(--font-label);color:var(--accent-purple);letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.5rem;font-size:.7rem}.hero-name-accent{color:var(--accent-pink)}.hero-tagline{color:var(--text-muted);letter-spacing:.03em;margin-bottom:2.5rem;font-size:1rem}.hero-links{gap:1rem;display:flex}.hero-btn{font-family:var(--font-label);letter-spacing:.08em;border:1px solid;border-radius:4px;align-items:center;gap:.5rem;padding:.85rem 1.8rem;font-size:.85rem;text-decoration:none;transition:opacity .2s;display:flex}.hero-btn:hover{opacity:.8}.btn-github{color:var(--accent-pink);border-color:var(--accent-pink);background:0 0}.btn-linkedin{color:var(--accent-blue);border-color:var(--accent-blue);background:0 0}.hero-inner{z-index:1;position:relative}.star{pointer-events:none;background:#fff;border-radius:50%;position:absolute}.page-title{font-family:var(--font-heading);color:var(--accent-pink);letter-spacing:.1em;margin-bottom:2.5rem;font-size:1.2rem}.featured-card{border:1px solid var(--accent-purple);border-top:3px solid var(--accent-pink);background:var(--bg-card);border-radius:8px;margin-bottom:2.5rem;padding:2rem;position:relative}.featured-card h2{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:.08em;margin-bottom:1rem;font-size:.9rem}.featured-card p{color:var(--text-muted);max-width:700px;margin-bottom:1.5rem;font-size:.95rem;line-height:1.7}.featured-tech{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;list-style:none;display:flex}.featured-tech li{font-family:var(--font-label);color:var(--accent-blue);letter-spacing:.05em;background:#4cc9f00d;border:1px solid #4cc9f04d;border-radius:3px;padding:.3rem .75rem;font-size:.7rem}.featured-links{flex-wrap:wrap;gap:.75rem;display:flex}.featured-links a{font-family:var(--font-label);letter-spacing:.06em;border:1px solid var(--accent-pink);color:var(--accent-pink);border-radius:4px;padding:.5rem 1.2rem;font-size:.72rem;text-decoration:none;transition:opacity .2s}.featured-links a:hover{opacity:.7}.projects-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border);border-top:2px solid var(--accent-purple);border-radius:8px;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.card-title{font-family:var(--font-body);color:var(--text-primary);letter-spacing:.05em;font-size:1rem;font-weight:600}.card-desc{color:var(--text-muted);flex:1;font-size:.85rem;line-height:1.6}.card-tech{flex-wrap:wrap;gap:.4rem;list-style:none;display:flex}.card-tech li{font-family:var(--font-label);color:var(--accent-purple);background:#9d4edd0d;border:1px solid #9d4edd4d;border-radius:3px;padding:.25rem .6rem;font-size:.62rem}.card-link{font-family:var(--font-label);color:var(--accent-blue);letter-spacing:.05em;margin-top:auto;font-size:.7rem;text-decoration:none}.card-link:hover{opacity:.7}.experience-page,.projects-page{max-width:1100px;margin:0 auto;padding:3rem 2rem}.timeline{flex-direction:column;display:flex}.timeline-item{gap:1.5rem;display:flex}.timeline-left{flex-direction:column;flex-shrink:0;align-items:center;width:24px;display:flex}.timeline-planet{border:2px solid var(--accent-pink);background:#ff6b9d26;border-radius:50%;flex-shrink:0;width:20px;height:20px;margin-top:4px;position:relative}.timeline-planet:after{content:"";border:1.5px solid #ff6b9d80;border-radius:50%;width:28px;height:8px;position:absolute;top:4px;left:-5px;transform:rotate(-20deg)}.timeline-line{background:var(--border);flex:1;width:1px;min-height:2rem;margin:4px 0}.timeline-content{flex:1;padding-bottom:2.5rem}.tl-title{font-family:var(--font-body);color:var(--text-primary);margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.tl-company{font-family:var(--font-label);color:var(--accent-purple);letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem}.tl-date{font-family:var(--font-label);color:var(--text-muted);letter-spacing:.04em;margin-bottom:1rem;font-size:.7rem}.tl-desc{flex-direction:column;gap:.5rem;list-style:none;display:flex}.tl-desc li{color:var(--text-muted);padding-left:1rem;font-size:.9rem;line-height:1.6;position:relative}.tl-desc li:before{content:"✦";color:var(--accent-pink);font-size:.5rem;position:absolute;top:.35rem;left:0}.planet-pink{border-color:var(--accent-pink);background:#ff6b9d26}.planet-purple{border-color:var(--accent-purple);background:#9d4edd26}.planet-blue{border-color:var(--accent-blue);background:#4cc9f026}.planet-pink:after{border-color:#ff6b9d80}.planet-purple:after{border-color:#9d4edd80}.planet-blue:after{border-color:#4cc9f080}.education-page{max-width:1100px;margin:0 auto;padding:3rem 2rem}.edu-poster{border:1px solid var(--border);border-top:3px solid var(--accent-blue);background:var(--bg-card);border-radius:8px;flex-direction:column;gap:2rem;padding:3rem;display:flex;position:relative;overflow:hidden}.edu-grid-overlay{background-image:repeating-linear-gradient(to right, var(--border) 0, var(--border) 1px, transparent 1px, transparent 40px), repeating-linear-gradient(to bottom, var(--border) 0, var(--border) 1px, transparent 1px, transparent 40px);opacity:.3;pointer-events:none;z-index:0;position:absolute;inset:0}.edu-poster>*{z-index:1;position:relative}.edu-poster-top{flex-direction:row;align-items:center;gap:3rem;display:flex}.edu-stat-block{flex-direction:column;align-items:center;gap:.5rem;display:flex}.edu-gpa-big{font-family:var(--font-heading);color:var(--accent-pink);font-size:4rem;line-height:1}.edu-gpa-label{font-family:var(--font-label);color:var(--text-muted);letter-spacing:.15em;font-size:.85rem}.edu-title-block{flex-direction:column;gap:.5rem;display:flex}.edu-degree{font-family:var(--font-body);color:var(--text-primary);letter-spacing:.05em;font-size:1.5rem;font-weight:600}.edu-institution{font-family:var(--font-label);color:var(--accent-purple);letter-spacing:.08em;font-size:1rem}.edu-date{font-family:var(--font-label);color:var(--text-muted);letter-spacing:.05em;font-size:.8rem}.edu-divider{background:var(--border);width:100%;height:1px}.edu-objectives{flex-direction:column;gap:1rem;display:flex}.edu-objectives-label{font-family:var(--font-label);color:var(--accent-blue);letter-spacing:.1em;font-size:.8rem}.edu-highlights{flex-direction:column;gap:.75rem;list-style:none;display:flex}.edu-highlights li{color:var(--text-muted);padding-left:1.5rem;font-size:.95rem;line-height:1.6;position:relative}.edu-highlights li:before{content:">";color:var(--accent-gold);font-family:var(--font-heading);font-size:.6rem;position:absolute;top:.35rem;left:0}.edu-badge{font-family:var(--font-label);color:var(--accent-pink);border:1px solid var(--accent-pink);letter-spacing:.05em;border-radius:4px;width:fit-content;padding:.75rem 1.5rem;font-size:.8rem;text-decoration:none;transition:all .2s;display:inline-block}.edu-badge:hover{opacity:.8;background:#ff6b9d1a}@media (width<=768px){.edu-poster-top{flex-direction:column;align-items:flex-start;gap:1.5rem}.edu-stat-block{align-items:flex-start}.edu-gpa-big{font-size:3rem}}@media (width<=480px){.nav{flex-direction:column;align-items:flex-start;gap:1rem}.nav-links{flex-wrap:wrap;gap:.75rem}.hero-name{font-size:1.6rem}.hero-tagline{font-size:.85rem}.hero-links{flex-direction:column}.edu-gpa-big{font-size:3rem}}@media (width<=768px){.nav{padding:1rem 1.25rem}.nav-links{gap:1rem}.hero-name{font-size:2.2rem}.projects-grid{grid-template-columns:1fr}.experience-page,.projects-page{padding:2rem 1.25rem}}