.floating-phone {
    animation: phone-float 6s ease-in-out infinite;
    transform-style: preserve-3d;
    perspective: 1000px;
}
.floating-phone-delay {
    animation: phone-float 7s ease-in-out infinite;
    animation-delay: 1s;
}
@keyframes phone-float {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(2deg); }
}

/* 2. Arkaplan Dalgaları (Signal Waves) */
.signal-wave {
    position: absolute;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.1);
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    animation: wave-expand 4s linear infinite;
}
.wave-1 { width: 300px; height: 300px; animation-delay: 0s; }
.wave-2 { width: 300px; height: 300px; animation-delay: 1s; }
.wave-3 { width: 300px; height: 300px; animation-delay: 2s; }

@keyframes wave-expand {
    0% { width: 0; height: 0; opacity: 0.5; }
    100% { width: 1000px; height: 1000px; opacity: 0; }
}

/* 3. App İkonu Grid */
.app-icon-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    opacity: 0.5;
    mask-image: linear-gradient(to bottom, black, transparent);
}
.app-icon {
    width: 60px; height: 60px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 14px;
}

/* 4. Kaydırma Hareketi (Swipe Hint) */
.swipe-hand {
    animation: swipe-move 2s infinite;
}
@keyframes swipe-move {
    0% { transform: translateX(0) rotate(0deg); opacity: 0; }
    50% { transform: translateX(-20px) rotate(-10deg); opacity: 1; }
    100% { transform: translateX(-40px) rotate(-20deg); opacity: 0; }
}