@layer utilities {
    .no-scrollbar::-webkit-scrollbar {
        display: none;
    }

    .no-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}

body {
    background-image: radial-gradient(circle at center, #2d3748 0%, #1a202c 100%);
}

.iphone-frame {
    box-shadow:
        0 0 0 12px #3a3a3a,
        0 0 0 13px #1a1a1a,
        0 20px 50px rgba(0, 0, 0, 0.5);
}

.notch {
    clip-path: polygon(0% 0%,
            100% 0%,
            100% 100%,
            85% 100%,
            80% 85%,
            20% 85%,
            15% 100%,
            0% 100%);
}

/* Dynamic Island Animation Classes (Future proof) */
.dynamic-island {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.app-icon-img {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
}