:root{--dark: #121212;--dark-lighter: #1E1E1E;--accent: #00A6E6;--text: #e0e0e0}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--dark);color:var(--text);font-family:system-ui,-apple-system,sans-serif;line-height:1.6}.navbar{position:fixed;width:100%;background-color:#121212f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 10px #00a6e61a;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:2rem}.nav-link{color:var(--text);text-decoration:none;padding:.5rem 1rem;position:relative;transition:all .3s ease}.nav-link:hover{transform:scale(1.1)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#ff69b4,#9370db,#0ff);transition:width .3s ease}.nav-link:hover:after{width:100%}.rainbow-text{background:linear-gradient(90deg,#ff69b4,#9370db,#0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;background:linear-gradient(135deg,var(--dark) 0%,var(--dark-lighter) 100%)}.hero h1{font-size:4rem;margin-bottom:1rem}.subtitle{color:var(--accent);font-size:1.5rem;margin-bottom:1rem}.description{max-width:600px;margin-bottom:2rem}.button-group{display:flex;gap:1rem}.btn{display:inline-block;padding:.75rem 1.5rem;border:2px solid var(--text);color:var(--text);text-decoration:none;border-radius:.5rem;transition:all .3s ease;background:#0000004d}.btn:hover{background-color:#ffffff1a;transform:scale(1.05)}.section{padding:6rem 2rem;background:linear-gradient(135deg,var(--dark) 0%,var(--dark-lighter) 100%)}.section-title{text-align:center;font-size:3rem;margin-bottom:3rem}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.portfolio-item{background:#ffffff0d;border-radius:1rem;padding:1.5rem;transition:transform .3s ease}.portfolio-item h3{margin:1rem 0}.portfolio-item p{margin-bottom:1.5rem}.portfolio-item:hover{transform:translateY(-5px)}.portfolio-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:.5rem}.contact-content{max-width:600px;margin:0 auto;text-align:center}@media (max-width: 768px){.nav-links{display:none}.menu-button{display:block}.nav-links.active{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:#121212f2;padding:1rem}.portfolio-grid{grid-template-columns:1fr}.hero h1{font-size:2.5rem}}.section{padding:6rem 2rem;background:linear-gradient(135deg,var(--dark) 0%,var(--dark-lighter) 100%);position:relative}.section:before{content:"";position:absolute;top:-16px;left:0;width:100%;height:8px;background:linear-gradient(90deg,#ff69b4,#9370db,#0ff,#ff69b4)}.footer{background-color:var(--dark-lighter);color:var(--text);text-align:center;padding:1rem;font-size:.9rem}.footer p{margin:0}