.screensaver-container{background:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.video-placeholder{background:linear-gradient(45deg,#1e3c72,#2a5298);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.content-slide{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 2s ease-in-out;display:flex;position:absolute}.content-slide.active{opacity:1}.content-overlay{color:#fff;text-align:center;background:#0006;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex;position:absolute;top:0;left:0}.brand-logo{color:#00d4ff;text-shadow:2px 2px 4px #00000080;margin-bottom:20px;font-size:4rem;font-weight:700;animation:3s infinite pulse}.main-message{text-shadow:2px 2px 4px #000000b3;margin-bottom:30px;font-size:3rem;font-weight:700;animation:4s infinite fadeInOut}.sub-message{opacity:.9;text-shadow:1px 1px 2px #00000080;margin-bottom:40px;font-size:1.8rem}.touch-prompt{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-shadow:1px 1px 2px #00000080;background:#fff3;border:2px solid #ffffff4d;border-radius:20px;margin-bottom:30px;padding:30px 60px;font-size:2rem;font-weight:700;animation:2s infinite bounce}.tap-instruction{color:#00d4ff;text-shadow:1px 1px 2px #00000080;font-size:1.5rem;font-weight:700;animation:1.5s infinite blink}.video-info{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border-radius:10px;padding:15px 25px;font-size:1.2rem;position:absolute;bottom:30px;left:30px}.audio-control{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border-radius:50%;padding:15px;font-size:1.5rem;transition:background .3s;position:absolute;top:30px;right:30px}.audio-control:hover{background:#000000e6}.floating-elements{pointer-events:none;width:100%;height:100%;position:absolute}.floating-bubble{background:#ffffff1a;border-radius:50%;animation:6s ease-in-out infinite float;position:absolute}.floating-bubble:first-child{width:80px;height:80px;animation-delay:0s;top:10%;left:10%}.floating-bubble:nth-child(2){width:120px;height:120px;animation-delay:2s;top:20%;right:15%}.floating-bubble:nth-child(3){width:60px;height:60px;animation-delay:4s;bottom:20%;left:20%}.floating-bubble:nth-child(4){width:100px;height:100px;animation-delay:1s;bottom:15%;right:25%}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeInOut{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-20px)rotate(120deg)}66%{transform:translateY(10px)rotate(240deg)}}@media (max-width:768px){.brand-logo{font-size:2.5rem}.main-message{font-size:2rem}.sub-message{font-size:1.3rem}.touch-prompt{padding:20px 40px;font-size:1.5rem}.tap-instruction{font-size:1.2rem}}.touch-feedback{pointer-events:none;border:3px solid #00d4ff;border-radius:50%;width:100px;height:100px;animation:.6s ease-out ripple;position:absolute}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}
