body { font-family: 'Inter', 'Noto Sans KR', sans-serif; background-color: #f3f4f6; padding-bottom: 80px; }
        .fade-in { animation: fadeIn 0.3s ease-in-out; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
        /* 스크롤바 숨기기 */
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
        /* 모바일 터치 최적화 */
        input, select, button { touch-action: manipulation; }
        
        /* 랭킹 스와이프 안내 애니메이션 */
        .swipe-hint { animation: swipe 2s infinite; }
        @keyframes swipe { 
            0% { transform: translateX(0); opacity: 0.5; } 
            50% { transform: translateX(10px); opacity: 1; } 
            100% { transform: translateX(0); opacity: 0.5; } 
        }

        .logo-container {
            position: relative;
            display: inline-block;
            animation: floating 3s ease-in-out infinite; /* 위아래로 둥둥 떠다니는 효과 */
        }

        @keyframes floating {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-5px); }
            100% { transform: translateY(0px); }
        }

        /* 로고 위를 지나가는 반짝임(Shine) 효과 */
        .logo-shine {
            position: absolute;
            top: 0;
            left: -100%;
            width: 50%;
            height: 100%;
            background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);
            transform: skewX(-25deg);
            animation: shine 4s infinite;
            pointer-events: none; /* 클릭 방해 금지 */
            border-radius: 50%; /* 로고 형태에 맞춰 부드럽게 */
        }

        @keyframes shine {
            0% { left: -100%; }
            20% { left: 200%; }
            100% { left: 200%; }
        }

        /* 골프공 딤플 패턴 및 3D 입체 효과 */
        .golf-ball-bg {
            background-color: #f8fafc;
            /* 골프공 표면의 오목한 딤플 패턴 생성 */
            background-image: 
                radial-gradient(circle, #cbd5e1 22%, transparent 23%),
                radial-gradient(circle, #cbd5e1 22%, transparent 23%);
            background-size: 12px 12px;
            background-position: 0 0, 6px 6px;
            /* 구 형태의 입체감을 주는 내부 그림자 및 빛 반사 효과 */
            box-shadow: 
                inset -10px -10px 20px rgba(0, 0, 0, 0.15), 
                inset 10px 10px 20px rgba(255, 255, 255, 1), 
                0 5px 15px rgba(0, 0, 0, 0.3);
            border-radius: 50%;
        }