.google-card{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.google-card:hover{transform:translateY(-4px);box-shadow:0 4px 20px #0000001a}.gradient-shift{background-size:200% 200%;animation:3s infinite gradient-shift}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.ripple{position:relative;overflow:hidden}.ripple:before{content:"";background:#ffffff80;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ripple:hover:before{width:300px;height:300px}.typewriter{white-space:nowrap;margin:0 auto;animation:3.5s steps(40,end) typing;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}.pulse-subtle{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-subtle}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.8}}.scroll-indicator{animation:2s infinite bounce;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.stagger-item{opacity:0;animation:.5s forwards fadeInUp;transform:translateY(20px)}.stagger-item:first-child{animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.google-focus:focus{outline:none;box-shadow:0 0 0 2px #4285f4}.collapse-transition{transition:height .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.code-highlight{transition:all .3s;position:relative}.code-highlight:hover{background-color:#4285f40d;border-left:3px solid #4285f4;padding-left:1rem}.progress-fill{background:linear-gradient(90deg,#4285f4 0%,#34a853 100%);border-radius:9999px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.fab{color:#fff;cursor:pointer;background:#4285f4;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 12px #4285f466}.fab:hover{transform:scale(1.1);box-shadow:0 6px 20px #4285f499}.page-transition-enter{opacity:0;transform:translate(20px)}.page-transition-enter-active{opacity:1;transition:all .3s;transform:translate(0)}.page-transition-exit{opacity:1;transform:translate(0)}.page-transition-exit-active{opacity:0;transition:all .3s;transform:translate(-20px)}