:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent: #646cff;--accent-hover: #535bf2}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5}#app{min-height:100vh}nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;position:fixed;width:100%;top:0;background-color:#0a0a0ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{font-size:2.5rem;font-weight:700;color:var(--accent)}nav ul{display:flex;gap:2rem;list-style:none}nav a{color:var(--text-primary);text-decoration:none;font-weight:500;transition:color .3s ease}nav a:hover{color:var(--accent)}main{padding-top:5rem}#hero{height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 2rem}h1{font-size:4rem;margin-bottom:1rem;background:linear-gradient(to right,var(--text-primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}h2{font-size:2rem;color:var(--text-secondary);margin-bottom:1.5rem}h3{font-size:2.5rem;text-align:center;margin-bottom:2rem;color:var(--text-primary)}.cta-buttons{display:flex;gap:1rem;margin-top:2rem}button{padding:.8rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}#view-work{background-color:var(--accent);color:var(--text-primary);text-decoration:none}#view-work a{color:unset;text-decoration:none}#view-work:hover{background-color:var(--accent-hover);transform:translateY(-2px)}#contact-me{background-color:transparent;border:2px solid var(--accent);color:var(--text-primary)}#contact-me:hover{background-color:var(--accent);transform:translateY(-2px)}#tech-stack{padding:4rem 2rem}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.tech-item{background-color:var(--bg-secondary);padding:2rem;border-radius:12px;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:1rem;border:1px solid rgba(255,255,255,.1)}.tech-item:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 5px 15px #646cff33}.tech-item i{font-size:2.5rem;color:var(--accent)}.tech-item span{font-size:1.2rem;font-weight:500}@media (max-width: 768px){h1{font-size:3rem}h2{font-size:1.5rem}h3{font-size:2rem}.cta-buttons{flex-direction:column}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.tech-item{padding:1.5rem}.tech-item i{font-size:2rem}.tech-item span{font-size:1rem}}