@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg-color: #0d0d0d;--text-primary: #e6e6e6;--text-secondary: #888888;--accent-color: #ffffff;--card-bg: #1a1a1a;--font-main: "Inter", system-ui, -apple-system, sans-serif;--spacing-unit: 1rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:#000;color:var(--text-primary);line-height:1.6;cursor:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.cursor-active{cursor:auto}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1000px;margin:0 auto;padding:0 2rem;width:100%}h1,h2,h3{font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.section-label{text-transform:uppercase;font-size:.875rem;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.fade-in-delay{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) .1s forwards;opacity:0}.fade-in-delay-2{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) .2s forwards;opacity:0}.fade-in-delay-3{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) .3s forwards;opacity:0}.hero-section{height:90vh;display:flex;align-items:center;position:relative}.hero-name{font-size:clamp(3rem,8vw,6rem);line-height:1;margin-bottom:1rem}.hero-title{font-size:1.5rem;color:var(--text-secondary);margin-bottom:4rem;font-weight:300}.skills-container{margin-top:2rem}.skills-grid{display:flex;flex-wrap:wrap;gap:.75rem}.skill-tag{background:#ffffff0d;padding:.5rem 1rem;border-radius:9999px;font-size:.9rem;color:var(--text-primary);border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.skill-tag:hover{background:#ffffff1a;border-color:#fff3}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:var(--text-secondary);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)}40%{transform:translate(-50%,-10px)}60%{transform:translate(-50%,-5px)}}.projects-section{padding:6rem 0;background:var(--bg-color)}.section-title{font-size:2.5rem;margin-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.project-card{background:var(--card-bg);padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#ffffff26}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.project-title{font-size:1.25rem;font-weight:500}.project-link{color:var(--text-secondary);transition:color .2s}.project-link:hover{color:var(--accent-color)}.project-description{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem;min-height:3em}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-tag{font-size:.75rem;color:var(--text-secondary);font-family:monospace}.github-cta{margin-top:4rem;text-align:center}.btn-primary{display:inline-block;padding:1rem 2rem;background:var(--accent-color);color:var(--bg-color);text-decoration:none;font-weight:600;border-radius:6px;transition:all .2s ease}.btn-primary:hover{background:#ccc;transform:translateY(-2px)}.footer{padding:4rem 0 2rem;text-align:center;color:var(--text-secondary);font-size:.875rem}@media(max-width:768px){.hero-name{font-size:3.5rem}}