html{scroll-behavior:smooth}section[id]{scroll-margin-top:2rem}.content-section{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.content-section:nth-child(2){animation-delay:.1s}.content-section:nth-child(3){animation-delay:.2s}.content-section:nth-child(4){animation-delay:.3s}.content-section:nth-child(5){animation-delay:.4s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.article-card,.game-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.article-card:hover,.game-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.gradient-text{background-size:200% auto;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.progress-bar{animation:progressGrow 2s ease-in-out}@keyframes progressGrow{0%{width:0}to{width:25%}}@media (max-width:768px){.hero-title{font-size:2rem;line-height:1.2}.hero-subtitle{font-size:1.1rem}.content-section h2{font-size:1.8rem}.content-section h3{font-size:1.4rem}.card-grid{grid-template-columns:1fr;gap:1rem}.floating-btn{bottom:1rem;right:1rem;width:40px;height:40px}.floating-nav-panel{bottom:1rem;left:1rem;right:1rem;max-width:none;width:auto}}.dark .gradient-text{background-image:linear-gradient(90deg,#f97316,#f59e0b,#84cc16)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:hsl(var(--muted));border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f97316,#f59e0b);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ea580c,#d97706)}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#f97316,#f59e0b);transform-origin:left;z-index:1000}.floating-btn{position:fixed;bottom:2rem;right:2rem;z-index:1000;width:44px;height:44px;border-radius:50%;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;cursor:pointer;box-shadow:0 4px 12px hsl(var(--primary)/.3);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);will-change:transform}.floating-btn:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 8px 24px hsl(var(--primary)/.5)}.floating-btn:active{transform:scale(.95)}.floating-nav-panel{animation:slideInFromRight .3s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.highlight-box{position:relative;background:hsl(var(--muted)/.3);border-left:4px solid hsl(var(--primary));padding:1.5rem;border-radius:.5rem;margin:1.5rem 0;border:1px solid hsl(var(--border))}.highlight-box:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:hsl(var(--primary)/.1);border-radius:.5rem;z-index:-1;opacity:0;transition:opacity .3s ease}.highlight-box:hover:before{opacity:1}.loading-skeleton{background:linear-gradient(90deg,hsl(var(--muted)) 25%,hsla(var(--muted),.5) 50%,hsl(var(--muted)) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.typewriter{overflow:hidden;border-right:2px solid #f97316;white-space:nowrap;animation:typing 3s steps(40),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#f97316}}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 rgba(249,115,22,.4)}50%{box-shadow:0 0 0 20px rgba(249,115,22,0)}}