.phone-frame {width: 500px;min-width: 250px;height: 250px;min-height: 125px;background-color: #111;border-radius: 36px;padding: 12px;position: relative;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8),0 0 0 1px rgba(255, 255, 255, 0.1),inset 0 0 0 2px rgba(255, 255, 255, 0.05);z-index: 10;transition: transform 0.4s ease;}.phone-frame.tilted {transform: perspective(1000px) rotateX(5deg) rotateY(-15deg) rotate(-2deg);}.phone-notch {position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 180px;height: 30px;background-color: #111;border-bottom-left-radius: 14px;border-bottom-right-radius: 14px;z-index: 10;}.phone-button {position: absolute;right: -3px;top: 100px;width: 3px;height: 40px;background-color: rgba(255, 255, 255, 0.2);border-top-right-radius: 3px;border-bottom-right-radius: 3px;}.horizontal-video-container {width: 100%;height: 100%;border-radius: 24px;overflow: hidden;background-color: #000;}.pulse-animation {animation: pulse 2s infinite;box-shadow: 0 0 0 rgba(220, 53, 69, 0.6);}@keyframes pulse {0% {box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.6);transform: scale(1);}70% {box-shadow: 0 0 0 15px rgba(220, 53, 69, 0);transform: scale(1.05);}100% {box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);transform: scale(1);}}.frequency-bar {width: 5px;height: calc(var(--height) * 60px);background: linear-gradient(to top, rgba(255, 255, 255, 0.3), #007bff);border-radius: 3px;animation: frequencyAnimation 1.2s infinite ease-in-out;animation-delay: calc(var(--index, 0) * 0.1s);}.frequency-bar:nth-child(1) { --index: 0; animation-delay: 0s; }.frequency-bar:nth-child(2) { --index: 1; animation-delay: 0.1s; }.frequency-bar:nth-child(3) { --index: 2; animation-delay: 0.2s; }.frequency-bar:nth-child(4) { --index: 3; animation-delay: 0.3s; }.frequency-bar:nth-child(5) { --index: 4; animation-delay: 0.4s; }.frequency-bar:nth-child(6) { --index: 5; animation-delay: 0.5s; }.frequency-bar:nth-child(7) { --index: 6; animation-delay: 0.6s; }.frequency-bar:nth-child(8) { --index: 7; animation-delay: 0.7s; }@keyframes frequencyAnimation {0%, 100% {height: calc(var(--height) * 60px);}50% {height: calc(var(--height) * 40px);}}