.typing-animation{overflow:hidden;white-space:nowrap;letter-spacing:.15em;animation:typing 3s;animation-fill-mode:both}@keyframes typing{0%{width:25%}to{width:100%}}.gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2)}.hero-pattern{background-image:radial-gradient(circle at 25% 25%,#fbbf24 2px,transparent 2px),radial-gradient(circle at 75% 75%,#3b82f6 2px,transparent 2px);background-size:60px 60px}.floating-shapes{position:absolute;width:100%;height:100%;overflow:hidden}.shape{position:absolute;opacity:.1;animation:float 6s ease-in-out infinite}.shape:nth-child(1){top:20%;left:10%;animation-delay:0s}.shape:nth-child(2){top:60%;left:80%;animation-delay:2s}.shape:nth-child(3){top:40%;left:20%;animation-delay:4s}.shape:nth-child(4){top:80%;left:60%;animation-delay:1s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.scroll-smooth{scroll-behavior:smooth}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a}.project-card{transition:all .3s ease;transform:perspective(1000px) rotateY(0)}.project-card:hover{transform:perspective(1000px) rotateY(-5deg) translateY(-10px);box-shadow:0 20px 40px #0003}.side-project-card{position:relative;transition:all .3s ease;cursor:default;pointer-events:none}.side-project-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.coming-soon-badge{position:absolute;top:16px;right:16px;background:#fbbf24;color:#1f2937;padding:6px 12px;border-radius:12px;font-size:.75rem;font-weight:600;z-index:20;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #fbbf244d}