:root{font-family:Arial Black,system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}#root{width:100vw;height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial Black,Helvetica Neue,Arial,sans-serif;overflow:hidden;background:#000}.tiktok-container{width:100vw;height:100vh;position:relative;transition:background-color .6s ease;overflow:hidden}.progress-indicator{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:10px}.progress-dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;border:2px solid rgba(255,255,255,.5);cursor:pointer;transition:all .3s ease}.progress-dot.active{background:#fff;transform:scale(1.5);box-shadow:0 0 20px #fffc}.progress-dot.completed{background:#0f89}.section-wrapper{width:100%;height:100%;display:flex;position:relative}.section-wrapper.transitioning{animation:slideTransition .6s ease-in-out}@keyframes slideTransition{0%{transform:translateY(0);opacity:1}50%{transform:translateY(-50px);opacity:.5}to{transform:translateY(0);opacity:1}}.video-grid{position:absolute;width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;background:#000;z-index:1}.video-panel{position:relative;overflow:hidden;background:#111}.video-panel-top-left{animation:floatAnimation 4s ease-in-out infinite}.video-panel-top-right{animation:floatAnimation 4s ease-in-out infinite 1s}.video-panel-bottom-left{animation:floatAnimation 4s ease-in-out infinite 2s}.video-panel-bottom-right{animation:floatAnimation 4s ease-in-out infinite 3s}@keyframes floatAnimation{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.video-content{width:100%;height:100%;object-fit:cover}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#1a1a2e,#16213e);position:relative;overflow:hidden}.video-placeholder:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.placeholder-text{font-size:1.2rem;font-weight:700;color:#fffc;text-align:center;z-index:1;text-shadow:0 0 10px rgba(255,255,255,.5);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.content-panel{position:absolute;width:60%;max-width:600px;height:auto;max-height:80%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;padding:40px;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:3px solid #8338ec;border-radius:20px;box-shadow:0 0 50px #8a2be280;animation:contentAppear .6s ease-out;overflow-y:auto}@keyframes contentAppear{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.content-inner{width:100%}.content-title{font-size:3rem;font-weight:900;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px;position:relative}.glitch-text{position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{animation:glitch1 .5s infinite;color:#0ff;z-index:-1}.glitch-text:after{animation:glitch2 .5s infinite;color:#f0f;z-index:-2}@keyframes glitch1{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(20px 0 30px 0);transform:translate(-2px,2px)}}@keyframes glitch2{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(40px 0 10px 0);transform:translate(2px,-2px)}}.content-subtitle{font-size:1.2rem;opacity:.8;margin-bottom:20px;font-style:italic;animation:fadeInUp .8s ease-out}.content-description{font-size:1.5rem;margin-bottom:30px;line-height:1.6;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bullet-list{list-style:none;margin-bottom:30px}.bullet-item{font-size:1.2rem;margin-bottom:15px;padding-left:10px;animation:slideInLeft .6s ease-out backwards;transition:transform .3s ease}.bullet-item:hover{transform:translate(10px) scale(1.05)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.cta-container{margin-top:40px;text-align:center}.cta-button{display:inline-block;padding:20px 40px;font-size:1.5rem;font-weight:700;text-decoration:none;color:#000;background:linear-gradient(45deg,#0f8,#0ff);border-radius:50px;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;box-shadow:0 5px 20px #00ff8880}.cta-button:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 10px 30px #00ffffb3}.pulse-animation{animation:pulseButton 2s infinite}@keyframes pulseButton{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.cta-text{font-size:1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:3px}.blink-animation{animation:blink 1s infinite}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.5}}.scroll-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:20}.scroll-arrow{display:flex;flex-direction:column;align-items:center;gap:10px;animation:bounce 2s infinite}.scroll-arrow span{font-size:2rem}.scroll-text{font-size:1rem;font-weight:700;color:#fffc;letter-spacing:2px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.content-panel{width:95%;max-width:none;padding:15px;background:#000000d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid #8338ec;border-radius:15px;box-shadow:0 0 30px #8a2be24d;max-height:70vh;bottom:5%;top:auto;left:50%;transform:translate(-50%)}.content-title{font-size:1.8rem;margin-bottom:10px;line-height:1.1}.content-subtitle{font-size:.9rem;margin-bottom:10px}.content-description{font-size:1rem;margin-bottom:15px;line-height:1.4}.bullet-item{font-size:.85rem;margin-bottom:8px}.bullet-list{margin-bottom:15px}.cta-container{margin-top:15px}.cta-button{padding:12px 24px;font-size:1rem;border-radius:25px;letter-spacing:1px}.cta-text{font-size:1.2rem;letter-spacing:2px}.video-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:1px}.progress-indicator{right:10px;gap:8px}.progress-dot{width:10px;height:10px;border:1px solid rgba(255,255,255,.5)}.scroll-hint{display:none}}@media (max-width: 480px){.content-panel{width:100%;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 50%,transparent 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:0;box-shadow:none;max-height:60vh;bottom:0;left:0;transform:none}.content-title{font-size:1.5rem;margin-bottom:8px}.content-subtitle{font-size:.8rem;margin-bottom:8px}.content-description{font-size:.9rem;margin-bottom:12px}.bullet-item{font-size:.8rem;margin-bottom:6px}.bullet-list{margin-bottom:12px}.cta-button{padding:10px 20px;font-size:.9rem}.cta-text{font-size:1rem}.progress-indicator{right:8px;gap:6px}.progress-dot{width:8px;height:8px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#ff006e,#8338ec);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#ff006e,#3a86ff)}