/* Premium CSS (combined) */
:root{--bg:#0a1f2f;--card:#081822;--accent:#ff6600;--accent-2:#ff9f0a;--muted:#c0c0c0;--glass:rgba(255,255,255,0.04);--shadow:0 8px 30px rgba(0,0,0,0.35);--transition:all .28s cubic-bezier(.25,.8,.25,1);}html{scroll-behavior:smooth;}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;background:linear-gradient(180deg,var(--bg),#071023);color:#e6eef6;line-height:1.55;} .container{max-width:1100px;margin:0 auto;padding:32px;} header{position:fixed;top:0;left:0;right:0;backdrop-filter:blur(12px);background:rgba(15,23,36,0.75);border-bottom:1px solid rgba(255,255,255,0.06);z-index:1000;padding:18px 0;transition:var(--transition);} header.scrolled{padding:10px 0;background:rgba(10,16,26,0.9);box-shadow:var(--shadow);} .container.nav{display:flex;justify-content:space-between;align-items:center;gap:16px;} .brand{display:flex;align-items:center;gap:12px;} .logo{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#ff9933);display:flex;align-items:center;justify-content:center;color:#042030;font-weight:700;} .brand-text{font-weight:700;font-size:1rem;} nav.nav-menu ul{list-style:none;display:flex;gap:20px;margin:0;padding:0;} nav.nav-menu a{color:inherit;text-decoration:none;opacity:.95;} .hamburger{display:none;flex-direction:column;width:26px;cursor:pointer;gap:6px;background:none;border:0;} .hamburger span{height:3px;background:#fff;border-radius:3px;transition:var(--transition);display:block;} .hamburger.active span:nth-child(1){transform:rotate(45deg) translateY(7px);} .hamburger.active span:nth-child(2){opacity:0;} .hamburger.active span:nth-child(3){transform:rotate(-45deg) translateY(-7px);} .mobile-menu{position:fixed;top:0;right:-100%;height:100vh;width:70%;max-width:320px;background:rgba(10,16,26,0.98);backdrop-filter:blur(14px);padding:80px 24px;display:flex;flex-direction:column;gap:24px;transition:right .28s ease;z-index:999;} .mobile-menu.active{right:0;} .mobile-menu a{font-size:1.1rem;color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.05);padding-bottom:8px;} .hero{display:grid;grid-template-columns:1fr 360px;gap:32px;align-items:center;padding:120px 0 60px;} .hero-aside.card{background:var(--card);padding:18px;border-radius:12px;} .hero h1{font-size:clamp(28px,5vw,44px);margin:0 0 12px;} .muted{color:var(--muted);} .cta-row{display:flex;gap:12px;margin-top:8px;} .btn{padding:12px 20px;border-radius:10px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;display:inline-block;} .btn.ghost{background:transparent;border:2px solid var(--accent);color:var(--accent);} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:18px;} .card{background:var(--card);padding:18px;border-radius:12px;box-shadow:var(--shadow);transition:var(--transition);} .card:hover{transform:translateY(-6px);} .portfolio{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;} .thumb{height:150px;border-radius:10px;background:var(--glass);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:var(--transition);} form{display:grid;gap:10px;} input,textarea{padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,0.06);background:transparent;color:inherit;} textarea{min-height:120px;} .footer{padding:50px 0;background:#081822;color:var(--muted);} .footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;} .footer a{color:var(--muted);text-decoration:none;} .footer a:hover{color:var(--accent);} .sticky-cta{position:fixed;bottom:20px;right:20px;background:var(--accent-2);padding:12px 20px;border-radius:10px;font-weight:700;color:#000;box-shadow:var(--shadow);display:none;animation:pulse 2s infinite ease-in-out;} @keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.07);}} .fade-in{opacity:0;transform:translateY(20px);transition:var(--transition);} .fade-in.visible{opacity:1;transform:translateY(0);} @media(max-width:900px){.hero{grid-template-columns:1fr;}.nav-menu{display:none}.hamburger{display:flex}.container{padding:20px;} }