/* 홈(로그인) 화면 */

/* 대표 아이콘: 흰 타일 위의 쿠폰 상자, 뒤에 은은한 복숭아빛 번짐 */
.home-hero {
    position: relative;
    width: 168px;
    height: 168px;
    margin: 0 auto 2.5rem;
}

.home-hero__glow {
    position: absolute;
    inset: -40px;
    border-radius: 50%;
    background: radial-gradient(circle, #FDEAE3 0%, rgba(253, 234, 227, 0) 70%);
}

.home-hero__tile {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 44px;
    box-shadow: 0 1px 2px rgba(190, 80, 100, 0.06), 0 16px 40px rgba(190, 80, 100, 0.14);
    transform: rotate(6deg);
    animation: home-float 4s var(--ease-standard) infinite alternate;
}

.home-hero__icon {
    width: 120px;
    height: 120px;
}

@keyframes home-float {
    from { transform: rotate(6deg) translateY(0); }
    to   { transform: rotate(6deg) translateY(-8px); }
}

@media (prefers-reduced-motion: reduce) {
    .home-hero__tile {
        animation: none;
    }
}

/* 문구 강조: 형광펜처럼 글자 아래쪽만 칠한다 */
.home-mark {
    background: linear-gradient(transparent 60%, #F5CFC3 60%);
    padding: 0 2px;
    color: #191f28;
    font-weight: 600;
}

/* 카카오 로그인 버튼: 공식 원형 아이콘(96px)만 보여준다. 절반 크기인 48px로 그려 2배 밀도 화면에서도 선명하다 */
.home-kakao {
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.home-kakao img {
    width: 100%;
    height: 100%;
}