*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;margin:0;padding:0;background-color:#000;color:#fff;overflow:hidden;position:relative;height:100vh;width:100vw}.inter{font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal}.sofia{font-family:Sofia,serif;font-weight:400;font-style:normal}.video-container{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:1;pointer-events:none;animation:bgZoom 20s infinite alternate ease-in-out}.video-iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100vh;min-width:177.77vh;transform:translate(-50%,-50%);pointer-events:none}@keyframes bgZoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.container{position:absolute;top:0;left:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;width:100%;height:100%;padding:20px}.sound-cta{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;pointer-events:none}.glass-card{background:linear-gradient(180deg,#ffffff3d,#ffffff1a),#0c101c6b;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border-radius:18px;padding:20px 18px;border:1px solid rgba(255,255,255,.24);box-shadow:0 18px 42px #00000047,inset 0 1px #ffffff47,inset 0 -1px #ffffff14;text-align:center;max-width:300px;width:100%;animation:cardFadeScale 1s ease-out forwards;opacity:0;transform:scale(.95)}@keyframes cardFadeScale{to{opacity:1;transform:scale(1)}}.logo{font-size:62px;line-height:.9;margin-bottom:10px;color:#fff;text-shadow:0 0 18px rgba(255,255,255,.18);filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));animation:textStagger .8s ease-out .2s forwards;opacity:0;transform:translateY(10px)}.title{font-size:22px;font-weight:600;margin-bottom:8px;line-height:1.15;letter-spacing:-.01em;color:#fff;animation:textStagger .8s ease-out .4s forwards;opacity:0;transform:translateY(10px)}.subtitle{font-size:13px;color:#ffffffeb;line-height:1.45;animation:textStagger .8s ease-out .6s forwards;opacity:0;transform:translateY(10px)}.sound-button{display:block;min-width:280px;margin:0;padding:22px 34px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:linear-gradient(135deg,#ffffff3d,#ffffff1a);color:#fff;font-size:24px;font-weight:700;letter-spacing:.08em;text-align:center;cursor:pointer;pointer-events:auto;box-shadow:0 0 18px #ffffffb8,0 0 42px #ffffff75,0 0 80px #ffffff38,inset 0 1px #ffffffa6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:soundPulse 2.8s ease-in-out infinite;transition:transform .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease}.sound-button:hover{background:linear-gradient(135deg,#ffffff57,#ffffff29);border-color:#ffffffeb;box-shadow:0 0 24px #ffffffd1,0 0 58px #ffffff8c,0 0 96px #ffffff47,inset 0 1px #ffffffbf;transform:translateY(-2px) scale(1.03)}.sound-button.is-hidden{opacity:0;pointer-events:none}@keyframes soundPulse{0%{box-shadow:0 0 12px #ffffff8a,0 0 28px #ffffff57,0 0 56px #ffffff29,inset 0 1px #ffffff8c;transform:scale(1)}50%{box-shadow:0 0 20px #ffffffe0,0 0 48px #ffffff9e,0 0 92px #ffffff4d,inset 0 1px #fffc;transform:scale(1.035)}to{box-shadow:0 0 12px #ffffff8a,0 0 28px #ffffff57,0 0 56px #ffffff29,inset 0 1px #ffffff8c;transform:scale(1)}}@keyframes textStagger{to{opacity:1;transform:translateY(0)}}.footer{position:absolute;bottom:15px;font-size:11px;color:#fff6;animation:textStagger .8s ease-out .8s forwards;opacity:0;transform:translateY(20px);width:100%;text-align:center;left:0}@media screen and (max-width:768px){.glass-card{max-width:280px;padding:18px 16px;border-radius:18px}.title{font-size:20px}.subtitle{font-size:12px}.logo{font-size:56px;margin-bottom:10px}}@media screen and (max-width:480px){.glass-card{max-width:260px;padding:16px 14px}.title{font-size:18px}.subtitle{font-size:12px}.logo{font-size:52px}.sound-button{min-width:232px;font-size:18px;padding:18px 24px}}