body{background:radial-gradient(circle at 20% 20%,#0f0f2d,#050510 70%);font-family:ui-sans-serif,-apple-system,system-ui,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;overflow-x:hidden}section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;opacity:0;padding:80px 20px;transform:translateY(80px);transition:all 1s ease}section.visible{opacity:1;transform:translateY(0)}h1{background:linear-gradient(90deg,#7bd3f6,#a4e4f4,#ffbeda);-webkit-background-clip:text;font-size:72px;font-weight:900;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(0,255,255,.5)}h2{font-size:36px;margin-bottom:20px;text-transform:uppercase}p{line-height:1.6;max-width:600px;opacity:.8}.hero,p{text-align:center}.pixel-box{background:url(https://www.shutterstock.com/image-photo/dreamy-pink-blue-clouds-pastel-600nw-2683919035.jpg) 50%/cover no-repeat;filter:drop-shadow(0 0 20px cyan);height:200px;image-rendering:pixelated;margin:40px;width:200px}.btn{background:linear-gradient(90deg,#00f0ff,#ff00f0);border:none;border-radius:30px;box-shadow:0 0 20px rgba(255,0,255,.6);color:#fff;cursor:pointer;font-size:16px;margin-top:30px;padding:15px 30px;text-decoration:none;text-transform:uppercase;transition:.3s}.btn:hover{box-shadow:0 0 40px rgba(0,255,255,.9);transform:scale(1.1)}.glow-line{animation:glow 3s infinite;background:linear-gradient(90deg,transparent,#00f0ff,transparent);height:2px;margin:40px 0;width:60%}@keyframes glow{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:0 0 30px rgba(0,255,255,.1);margin:20px;padding:30px;transition:.3s}.card:hover{box-shadow:0 0 50px rgba(255,0,255,.3);transform:translateY(-10px) scale(1.03)}.grid{display:flex;flex-wrap:wrap;justify-content:center}footer{opacity:.5;padding:40px;text-align:center}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;touch-action:pan-y}#vibes-container,body{height:100vh;overflow:hidden}#vibes-container{position:relative;width:100%}.vibe{align-items:center;background:radial-gradient(circle at center,#1a1a2e 0,#0a0a0a 70%);display:flex;flex-direction:column;inset:0;justify-content:center;padding:40px 30px;position:absolute;text-align:center;transition:transform .4s cubic-bezier(.32,.72,0,1);user-select:none}h2{font-size:2.85rem;font-weight:700;line-height:1.15;margin-bottom:16px;text-shadow:0 0 40px rgba(0,255,204,.5)}.glow-line{background:linear-gradient(90deg,transparent,#0fc,#0cf,transparent);box-shadow:0 0 25px rgba(0,255,204,.7);height:3px;margin:28px 0;width:96px}.text-content{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:680px;min-height:280px;padding:20px 0;position:relative}.text-content p{font-size:1.42rem;line-height:1.62;opacity:.95;text-align:center}.page-dots{gap:10px;margin:24px 0 8px;z-index:15}.page-dot{background:hsla(0,0%,100%,.4);box-shadow:0 2px 6px rgba(0,0,0,.4);height:11px;width:11px}.page-dot.active{box-shadow:0 0 16px rgba(0,255,204,.9);transform:scale(1.4)}.pagination-hint{color:hsla(0,0%,100%,.45);font-size:.82rem;letter-spacing:.5px;margin-top:6px}.text-content:after,.text-content:before{color:rgba(0,255,204,.3);content:"";font-size:28px;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s}.text-content.has-pages:before{content:"‹";left:20px}.text-content.has-pages:after{content:"›";right:20px}.text-content.has-pages:hover:after,.text-content.has-pages:hover:before{opacity:.7}.page-dots{display:flex;gap:7px;margin:22px 0 10px;z-index:10}.page-dot{background:hsla(0,0%,100%,.35);border-radius:50%;cursor:pointer;height:9px;transition:all .3s ease;width:9px}.page-dot.active{background:#0fc;box-shadow:0 0 12px rgba(0,255,204,.8);transform:scale(1.3)}.vibe-actions{bottom:85px;flex-direction:column;gap:26px;position:absolute;right:28px;z-index:30}.action-btn,.vibe-actions{align-items:center;display:flex}.action-btn{backdrop-filter:blur(2px);background:transparent;border:2px solid hsla(0,0%,100%,.45);border-radius:50%;box-shadow:0 6px 16px rgba(0,0,0,.5),0 0 0 3px rgba(0,0,0,.3);color:#eee;cursor:pointer;height:52px;justify-content:center;position:relative;transition:all .4s cubic-bezier(.23,1,.32,1.1);width:52px}.action-btn svg{height:27px;width:27px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.action-btn:hover{background:hsla(0,0%,100%,.06);border-color:rgba(0,255,204,.85);transform:scale(1.12)}.action-btn.active,.like-btn.liked{background:rgba(0,255,204,.1);border-color:#0fc;box-shadow:0 0 30px rgba(0,255,204,.75),inset 0 0 12px rgba(0,255,204,.3);color:#0fc;transform:scale(1.16)}.like-btn.liked{background:rgba(255,45,85,.14);border-color:#ff2d55;box-shadow:0 0 32px rgba(255,45,85,.7),inset 0 0 14px rgba(255,45,85,.35);color:#ff2d55}.like-btn.liked svg{stroke:#ff2d55;fill:#ff2d55}.comment-count,.like-count{color:#ccc;font-size:.88rem;font-weight:500;margin-top:6px;text-shadow:0 2px 8px rgba(0,0,0,.7)}