* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background-color: #000000;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            font-family: 'Arial', sans-serif;
        }

        .container {
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 40px;
        }

        .coffee-cup {
            font-size: 90px;
            animation: spiralRotate 2.8s linear infinite;
        }

        @keyframes spiralRotate {
            0% {
                transform: rotate(0deg) translateX(0px) scale(1);
                opacity: 1;
            }
            25% {
                transform: rotate(90deg) translateX(15px) scale(1);
                opacity: 0.9;
            }
            50% {
                transform: rotate(180deg) translateX(20px) scale(1);
                opacity: 0.8;
            }
            75% {
                transform: rotate(270deg) translateX(15px) scale(1);
                opacity: 0.9;
            }
            100% {
                transform: rotate(360deg) translateX(0px) scale(1);
                opacity: 1;
            }
        }

        .message {
            font-size: 14px;
            font-weight: 300;
            font-style: tahoma;
            color: #ffffff;
            letter-spacing: 1px;
            line-height: 1.6;
            max-width: 400px;
        }

        .dots {
            animation: blink 1.5s infinite;
        }

        @keyframes blink {
            0%, 50% {
                opacity: 1;
            }
            100% {
                opacity: 0;
            }
        }