/* Critical CSS - Above the fold styles only */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#9b59b6;--primary-dark:#8e44ad;--secondary:#2ecc71;--dark:#121212;--darker:#0a0a0a;--light:#f8f9fa;--gray:#343a40;--accent:#ff6b6b;--gradient-primary:linear-gradient(135deg,#9b59b6 0%,#8e44ad 100%);--gradient-tech:linear-gradient(135deg,#9b59b6 0%,#3498db 100%);--gradient-dark:linear-gradient(135deg,#121212 0%,#1a1a1a 100%);--transition:all .3s cubic-bezier(.25,.8,.25,1);--shadow-sm:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);--shadow-md:0 4px 6px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08);--shadow-lg:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);--shadow-hover:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}body{font-family:'Poppins',sans-serif;background-color:var(--dark);color:var(--light);line-height:1.6;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}header{background-color:transparent;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:0}nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;z-index:100;background-color:rgba(10,10,10,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);transition:var(--transition)}nav.scrolled{padding:1rem 5%;background-color:rgba(10,10,10,.95);box-shadow:var(--shadow-md)}nav .logo img{height:48px;width:auto;transition:var(--transition)}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-menu a{color:var(--light);text-decoration:none;font-weight:500;transition:var(--transition);position:relative}.nav-menu a:hover,.nav-menu a.active{color:var(--primary)}.hamburger-menu{display:none;flex-direction:column;cursor:pointer;gap:4px}.hamburger-menu span{width:25px;height:3px;background:var(--light);transition:var(--transition)}#hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-dark);position:relative;overflow:hidden;padding:2rem}.greeting{text-align:center;max-width:800px;z-index:2}.greeting h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--light) 0%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 8px rgba(0,0,0,.3)}.greeting p{font-size:1.2rem;margin-bottom:2.5rem;opacity:.9;line-height:1.8}.btn{display:inline-block;padding:1rem 2.5rem;background:var(--gradient-primary);color:var(--light);text-decoration:none;border-radius:8px;font-weight:600;font-size:1.1rem;transition:var(--transition);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.btn:active{transform:translateY(-1px)}@media (max-width:768px){nav{padding:1rem 3%}.nav-menu{position:fixed;top:0;right:-100%;height:100vh;width:70%;max-width:300px;background:var(--darker);flex-direction:column;justify-content:center;align-items:center;transition:right .3s ease;box-shadow:var(--shadow-lg)}.nav-menu.active{right:0}.hamburger-menu{display:flex}.hamburger-menu.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}#hero{padding:1rem}.greeting h1{font-size:clamp(2rem,8vw,3rem)}.greeting p{font-size:1.1rem}.btn{padding:.8rem 2rem;font-size:1rem}}