:root{--primary-bg:#0a0a0a;--secondary-bg:#1a1a1a;--accent-primary:#00ff87;--accent-secondary:#ff006e;--accent-tertiary:#7b2cbf;--text-primary:#fff;--text-secondary:#b3b3b3;--border-color:#2a2a2a;--font-primary:'Inter' , -apple-system , BlinkMacSystemFont , 'Segoe UI' , sans-serif;--font-heading:'Space Grotesk' , sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--transition-fast:.2s ease;--transition-medium:.4s ease;--transition-slow:.6s ease;--radius-sm:4px;--radius-md:8px;--radius-lg:16px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family: var(--font-primary);background-color:var(--primary-bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family: var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm);letter-spacing:-.02em}h1{font-size:clamp(2.5rem,8vw,6rem);text-transform:uppercase;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:clamp(2rem,5vw,4rem);text-transform:uppercase}h3{font-size:clamp(1.5rem,3vw,2.5rem)}p{margin-bottom:var(--spacing-sm);color:var(--text-secondary);font-size:1.125rem}a{color:var(--accent-primary);text-decoration:none;transition:all var(--transition-fast)}a:hover{color:var(--accent-secondary)}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.site-content{min-height:100vh;padding:var(--spacing-lg) 0}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,10,10,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);transition:all var(--transition-medium)}.site-header.scrolled{box-shadow:0 4px 20px rgba(0,0,0,.5)}.header-container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md)}.site-logo{font-family: var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.site-logo:hover{color:var(--accent-primary)}.main-navigation ul{display:flex;list-style:none;gap:var(--spacing-md)}.main-navigation a{color:var(--text-primary);font-weight:500;text-transform:uppercase;font-size:.875rem;letter-spacing:.1em;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.main-navigation a:hover,.main-navigation .current-menu-item a{background:var(--accent-primary);color:var(--primary-bg)}.mobile-menu-toggle{display:none;background:transparent;border:2px solid var(--accent-primary);color:var(--accent-primary);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;border-radius:var(--radius-sm);font-size:1rem;text-transform:uppercase;font-weight:600;transition:all var(--transition-fast)}.mobile-menu-toggle:hover{background:var(--accent-primary);color:var(--primary-bg)}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding-top:80px;background:linear-gradient(180deg,var(--primary-bg) 0%,var(--secondary-bg) 100%)}.hero-content{max-width:900px;padding:var(--spacing-md)}.hero-subtitle{font-size:1.25rem;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--spacing-sm);font-weight:600}.hero-description{font-size:1.5rem;color:var(--text-secondary);margin:var(--spacing-md) 0;line-height:1.8}.hero-cta{margin-top:var(--spacing-lg)}.btn{display:inline-block;padding:1rem 2.5rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-md);transition:all var(--transition-medium);cursor:pointer;border:none;font-family: var(--font-heading)}.btn-primary{background:var(--accent-primary);color:var(--primary-bg)}.btn-primary:hover{background:transparent;color:var(--accent-primary);box-shadow:inset 0 0 0 3px var(--accent-primary);transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--accent-secondary);box-shadow:inset 0 0 0 3px var(--accent-secondary)}.btn-secondary:hover{background:var(--accent-secondary);color:var(--primary-bg);transform:translateY(-2px)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}.portfolio-item{position:relative;background:var(--secondary-bg);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-medium);border:1px solid var(--border-color)}.portfolio-item:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,255,135,.2);border-color:var(--accent-primary)}.portfolio-item-image{width:100%;height:280px;object-fit:cover;transition:transform var(--transition-slow)}.portfolio-item:hover .portfolio-item-image{transform:scale(1.05)}.portfolio-item-content{padding:var(--spacing-md)}.portfolio-item-title{font-size:1.5rem;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.portfolio-item-category{display:inline-block;padding:.25rem .75rem;background:var(--accent-tertiary);color:var(--text-primary);border-radius:var(--radius-sm);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:var(--spacing-sm)}.portfolio-item-excerpt{color:var(--text-secondary);line-height:1.6}.site-footer{background:var(--secondary-bg);border-top:1px solid var(--border-color);padding:var(--spacing-lg) 0 var(--spacing-md);margin-top:var(--spacing-xl)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-section h3{font-size:1.25rem;margin-bottom:var(--spacing-sm);color:var(--accent-primary)}.footer-section ul{list-style:none}.footer-section li{margin-bottom:var(--spacing-xs)}.footer-section a{color:var(--text-secondary);transition:color var(--transition-fast)}.footer-section a:hover{color:var(--accent-primary)}.social-links{display:flex;gap:var(--spacing-sm)}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--border-color);border-radius:50%;transition:all var(--transition-fast)}.social-links a:hover{background:var(--accent-primary);color:var(--primary-bg);transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:var(--spacing-md);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem}.project-header{text-align:center;padding:var(--spacing-xl) 0 var(--spacing-lg);background:linear-gradient(180deg,var(--secondary-bg) 0%,var(--primary-bg) 100%)}.project-meta{display:flex;justify-content:center;gap:var(--spacing-md);margin:var(--spacing-md) 0;flex-wrap:wrap}.project-meta-item{padding:var(--spacing-xs) var(--spacing-sm);background:var(--secondary-bg);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.project-content{max-width:900px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}.project-content img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--spacing-md) 0}@media (max-width:768px){.main-navigation{position:fixed;top:70px;left:0;right:0;background:rgba(10,10,10,.98);backdrop-filter:blur(10px);padding:var(--spacing-md);transform:translateX(-100%);transition:transform var(--transition-medium);border-bottom:1px solid var(--border-color)}.main-navigation.active{transform:translateX(0)}.main-navigation ul{flex-direction:column;gap:var(--spacing-sm)}.mobile-menu-toggle{display:block}.portfolio-grid{grid-template-columns:1fr}h1{font-size:2.5rem}.hero-description{font-size:1.125rem}}@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}.fade-in-up{animation:fadeInUp .8s ease forwards}.portfolio-item{opacity:0;animation:fadeInUp .6s ease forwards}.portfolio-item:nth-child(1) {animation-delay:.1s}.portfolio-item:nth-child(2) {animation-delay:.2s}.portfolio-item:nth-child(3) {animation-delay:.3s}.portfolio-item:nth-child(4) {animation-delay:.4s}.portfolio-item:nth-child(5) {animation-delay:.5s}.portfolio-item:nth-child(6) {animation-delay:.6s}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}