:root{--text-primary: #f5f8f9;--text-secondary: rgba(245, 248, 249, .7);--font-family-mono: "Courier New", monospace;--animation-duration: 20s}.hoverpages{background:url(/img/banner3.png) no-repeat center center fixed;background-size:cover;overflow-x:hidden;overflow-y:auto;width:100%;min-height:100vh;position:relative}.main{width:100%}.typewriter-container{width:100%;height:1000px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.typewriter{width:600px;height:65px;text-align:left;overflow:hidden;font-size:48px;font-weight:700;color:#f5f8f9;font-family:Courier New,monospace;white-space:nowrap;margin:0 auto;animation:typing 20s steps(40,end) infinite}.typewriter-text-1{display:inline-block;animation:text-fade 20s ease-in-out infinite}.typewriter-text-2{font-size:43px;display:inline-block;animation:text-fade-2 20s ease-in-out infinite}.typewriter-text-cat{font-size:15px;color:#fff}@keyframes typing{0%{width:0}20%{width:600px}50%{width:600px}to{width:600px}}@keyframes text-fade{0%{opacity:1;transform:translateY(0)}20%{opacity:1;transform:translateY(0)}30%{opacity:1;transform:translateY(0)}40%{opacity:.5;transform:translateY(-12px)}50%{opacity:0;transform:translateY(-20px)}to{opacity:0;transform:translateY(-20px)}}@keyframes text-fade-2{0%{opacity:0;transform:translate(0)}35%{opacity:0;transform:translate(0)}50%{opacity:1;transform:translate(0)}55%{opacity:1;transform:translate(-150px)}60%{opacity:1;transform:translate(-300px)}65%{opacity:1;transform:translate(-450px)}70%{opacity:1;transform:translate(-600px)}80%{opacity:1;transform:translate(-600px)}85%{opacity:1;transform:translate(-750px)}90%{opacity:1;transform:translate(-900px)}95%{opacity:1;transform:translate(-1050px)}to{opacity:0;transform:translate(-1200px)}}.typewriter-hint{color:#f5f8f9b3;font-size:16px;font-style:italic;margin-top:10px;animation:hint-fade 20s ease-in-out infinite}@keyframes hint-fade{0%{opacity:0}5%{opacity:1}25%{opacity:1}30%{opacity:.5}35%{opacity:0}to{opacity:0}}.main .container{min-height:600px;display:flex;justify-content:center;align-items:center;padding:50px}.glass-container{width:100%;max-width:600px;background-color:#ffffff1a;border-radius:8px;backdrop-filter:blur(10px);padding:40px}.runtime{margin-bottom:30px}#site-runtime{width:100%;height:120px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-primary)}#site-runtime span{font-size:40px;font-weight:700}#now-time{width:100%;max-width:400px;height:60px;font-size:14px;margin:15px auto auto;text-align:center;color:var(--text-primary);padding:15px}.blog-stats{display:flex;justify-content:center;gap:60px;padding:30px 0 20px;border-top:1px solid rgba(255,255,255,.2)}.stat-item{text-align:center;color:var(--text-primary)}.stat-number{display:block;font-size:42px;font-weight:700;margin-bottom:10px}.stat-label{display:block;font-size:18px;color:var(--text-secondary)}@media(max-width:768px){.blog-stats{flex-direction:column;gap:20px;padding:15px}.stat-number{font-size:24px}.stat-label{font-size:14px}.typewriter-container{height:800px;position:relative}.typewriter{width:100%;max-width:320px;font-size:24px;height:45px;font-family:Courier New,monospace;font-weight:700}.typewriter-text-2{font-size:22px}.typewriter-text-cat{font-size:12px}.typewriter-hint{font-size:14px}#site-runtime span{font-size:28px}#now-time{font-size:12px;height:50px;padding:10px}.glass-container{padding:20px}@keyframes typing{0%{width:0}20%{width:320px}50%{width:320px}to{width:320px}}@keyframes text-fade{0%{opacity:1;transform:translateY(0)}20%{opacity:1;transform:translateY(0)}30%{opacity:1;transform:translateY(0)}40%{opacity:.5;transform:translateY(-10px)}50%{opacity:0;transform:translateY(-15px)}to{opacity:0;transform:translateY(-15px)}}@keyframes text-fade-2{0%{opacity:0;transform:translate(0)}35%{opacity:0;transform:translate(0)}50%{opacity:1;transform:translate(0)}55%{opacity:1;transform:translate(-80px)}60%{opacity:1;transform:translate(-160px)}65%{opacity:1;transform:translate(-240px)}70%{opacity:1;transform:translate(-320px)}80%{opacity:1;transform:translate(-320px)}85%{opacity:1;transform:translate(-400px)}90%{opacity:1;transform:translate(-480px)}95%{opacity:1;transform:translate(-560px)}to{opacity:0;transform:translate(-640px)}}@keyframes hint-fade{0%{opacity:0}5%{opacity:1}25%{opacity:1}30%{opacity:.5}35%{opacity:0}to{opacity:0}}}