html{scroll-behavior:smooth}.hero-bg{background-image:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.88)),linear-gradient(135deg,rgba(75,36,148,.22),transparent 55%,rgba(0,212,255,.04)),url(https://images.unsplash.com/photo-1507842217343-583bb7270b66?w=1920&q=85&auto=format&fit=crop);background-size:cover;background-position:50%}.logo-plate img{display:block;max-height:2.25rem;width:auto}@media (min-width:640px){.logo-plate img{max-height:2.5rem}}.grain:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.float-book{position:absolute;width:72px;box-shadow:0 12px 40px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.12);animation:float 6s ease-in-out infinite}.float-book:nth-child(2){animation-delay:-1.5s}.float-book:nth-child(3){animation-delay:-3s}@keyframes float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(2deg)}}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px #00d4ff}.portfolio-tab.active{background:#4b2494;color:#fff;border-color:#5d3fd3}.portfolio-item.hidden{display:none}