html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a, .btn-link {
    color: #006bb7;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

/*h1:focus {
    outline: none;
}*/

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}
/* ----------------------------- */
/* 다크 테마 기본 스타일 (사이트 전체) */
/* ----------------------------- */
h1 {
    font-size: 2rem;
    margin: 0.5em 0;
}
/*body {
    background-color: #000;*/ /* 전체 배경 검정 */
    /*color: #f8f9fa;*/ /* 밝은 텍스트 */
    /*font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}*/

/* 링크 스타일 */
a {
    color: #0dcaf0; /* 밝은 파란색 링크 */
    text-decoration: none;
}

    a:hover {
        color: #0bbcd6;
        text-decoration: underline;
    }

/* 버튼 스타일 */
.btn-primary {
    background-color: #0dcaf0;
    border-color: #0bbcd6;
    color: #000;
}

    .btn-primary:hover {
        background-color: #0bbcd6;
        border-color: #0aa3b5;
    }

/* 카드 스타일 */
.card {
    background-color: #111; /* 카드 배경 진회색 */
    color: #f8f9fa;
    border: 1px solid #222;
}

/* 네비게이션 바 */
.neon-divider {
    color: #ffeb3b;
    text-shadow: 0 0 5px #ffeb3b, 0 0 10px #ff9800;
    font-weight: bold;
}

.nav-link.text-white:hover {
    color: #ffc107 !important; /* 밝은 노란색 (충분한 대비) */
}

.navbar, header {
    background-color: #111 !important;
}

.navbar-nav .nav-link {
    color: #ffffff !important; /* 기본 흰색 */
    font-weight: 500;
}

    .navbar-nav .nav-link:hover {
        color: #ffc107 !important; /* 밝은 노란색 */
    }

.navbar a, .navbar-brand {
    color: #f8f9fa !important;
}

    .navbar a:hover {
        color: #0dcaf0 !important;
    }

/* 푸터 스타일 */
footer {
    background-color: #000;
    color: #aaa;
}

    footer a {
        color: #0dcaf0;
    }

        footer a:hover {
            color: #0bbcd6;
        }

/* === 다크 테마 전역 === */
html, body {
    background-color: #000 !important;
    color: #f8f9fa;
}

/* 링크 / 버튼 */
a {
    color: #0dcaf0;
    text-decoration: none;
}

    a:hover {
        color: #0bbcd6;
        text-decoration: underline;
    }

.btn-primary {
    background-color: #0dcaf0;
    border-color: #0bbcd6;
    color: #000;
}

    .btn-primary:hover {
        background-color: #0bbcd6;
        border-color: #0aa3b5;
    }

/* 카드/컨테이너 */
.card {
    background-color: #111;
    color: #f8f9fa;
    border: 1px solid #222;
}

.container, .container-fluid {
    color: inherit;
}

/* 헤더/푸터 강제 다크 (bg-body-tertiary 등 무력화) */
.bg-body, .bg-body-tertiary, header.navbar {
    background-color: #111 !important;
    color: #f8f9fa !important;
}

/* input, textarea가 너무 어두우면 */
.form-control, .form-select {
    background-color: #111;
    color: #f8f9fa;
    border-color: #333;
}

    .form-control:focus, .form-select:focus {
        background-color: #111;
        color: #fff;
        border-color: #555;
        box-shadow: none;
    }
/* 다크 배경 섹션 공통 유틸 */
.section-dark {
    background: #000;
    color: #f8f9fa;
}

.section-darker {
    background: #111;
    color: #f8f9fa;
}

    /* 다크 배경 내부의 기본 텍스트/보조 텍스트를 밝게 보정 */
    .section-dark p,
    .section-darker p,
    .section-dark li,
    .section-darker li,
    .section-dark .card-text,
    .section-darker .card-text {
        color: #e9ecef;
    }
    /* 본문색 밝게 */

    .section-dark .text-muted,
    .section-darker .text-muted,
    .section-dark .text-secondary,
    .section-darker .text-secondary {
        color: #c7ced6 !important;
    }
    /* 보조색 밝게 */

    /* 제목은 더 뚜렷하게 */
    .section-dark h1, .section-dark h2, .section-dark h3,
    .section-dark h4, .section-dark h5, .section-dark h6,
    .section-darker h1, .section-darker h2, .section-darker h3,
    .section-darker h4, .section-darker h5, .section-darker h6 {
        color: #fff;
    }

    /* 구분선도 어둠톤에서 보이도록 */
    .section-dark .border-top, .section-darker .border-top {
        border-top-color: #2a2a2a !important;
    }

    .section-dark .border-bottom, .section-darker .border-bottom {
        border-bottom-color: #2a2a2a !important;
    }

/* 카드도 다크 톤으로 통일 */
.card.card-dark {
    background: #131313;
    color: #f8f9fa;
    border: 1px solid #262626;
}

    .card.card-dark .card-title {
        color: #fff;
    }

    .card.card-dark .card-text {
        color: #dfe4ea;
    }

/* 네비/링크 가독성 */
.navbar-dark .nav-link {
    color: rgba(255,255,255,.85) !important;
}

    .navbar-dark .nav-link:hover, .navbar-dark .nav-link.active {
        color: #fff !important;
    }

a {
    color: #0dcaf0;
}

    a:hover {
        color: #0bbcd6;
    }

.glow-text {
    color: #FFD700 !important; /* 골드 */
    font-weight: 700 !important;
    letter-spacing: .2px;
    /* 네온 느낌을 강하게 (겹친 그림자) */
    text-shadow: 0 0 6px rgba(255, 215, 0, 0.95), 0 0 12px rgba(255, 165, 0, 0.85), 0 0 24px rgba(255, 140, 0, 0.75), 0 0 36px rgba(255, 140, 0, 0.55);
}

.cta-card {
    width: 100%;
    padding: 18px 20px;
    border-radius: 18px;
    background: #111;
    color: #fff;
    border: 2px solid #333;
    box-shadow: 0 0 0 1px rgba(255,255,255,.04) inset;
    transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease;
}

.cta-title {
    font-weight: 800;
    font-size: 1.15rem;
    line-height: 1.1;
}

.cta-desc {
    font-size: 0.98rem;
    opacity: .9;
}

/* 네온 느낌 색상별 */
.cta-phone {
    border-color: #ff6ea9;
    box-shadow: 0 0 12px rgba(255,110,169,.25);
}

    .cta-phone:hover {
        transform: translateY(-2px);
        box-shadow: 0 0 18px rgba(255,110,169,.45),0 6px 18px rgba(0,0,0,.35);
    }

.cta-kakao {
    border-color: #ffc400;
    box-shadow: 0 0 12px rgba(255,196,0,.25);
}

    .cta-kakao:hover {
        transform: translateY(-2px);
        box-shadow: 0 0 18px rgba(255,196,0,.45),0 6px 18px rgba(0,0,0,.35);
    }
<!-- 스타일: 카드가 종이처럼 포개지는 레이아웃 -->
:root {
    --bg: #0a0a0a; /* 전체 배경 */
    --panel: #111316; /* 섹션 패널 */
    --card: #ffffff; /* 후기 카드 배경(밝게) */
    --muted: #6b7280; /* 서브 텍스트 */
    --ink: #0f172a; /* 카드 안 텍스트 */
    --accent: #7c3aed; /* 포인트 */
    --shadow: 0 16px 40px rgba(0,0,0,.45);
}

body, .page-root {
    background: var(--bg);
}

.sec {
    padding: 64px 0;
}

.soft-panel {
    background: linear-gradient(180deg,#0f1115,#0b0c0f);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 24px;
    box-shadow: var(--shadow);
}

/* HERO */
.glow {
    text-shadow: 0 0 18px rgba(124,58,237,.35);
}

/* 후기 레이아웃 */
.review-wrap {
    position: relative;
}

.review-card {
    background: var(--card);
    color: var(--ink);
    border-radius: 18px;
    border: 1px solid rgba(15,23,42,.06);
    box-shadow: 0 10px 30px rgba(0,0,0,.12);
    padding: 20px 20px 18px 20px;
    position: relative;
}

    .review-card + .review-card {
        margin-top: 22px;
    }

.review-title {
    font-weight: 800;
    font-size: 1.15rem;
    letter-spacing: -.01em;
}

.review-meta {
    font-size: .85rem;
    color: #64748b;
}

.review-pin {
    position: absolute;
    right: 16px;
    top: -10px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #e5e7eb;
    border: 1px solid #d1d5db;
    box-shadow: 0 4px 18px rgba(0,0,0,.15);
}

.review-avatar {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    object-fit: cover;
    background: #f3f4f6;
}

.note-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    color: #111827;
    background: #eef2ff;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 6px 12px;
}

    .note-badge .dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--accent);
        box-shadow: 0 0 0 3px rgba(124,58,237,.18);
    }
/* 공통 스타일 */
.fancy-image {
    position: relative;
    background: radial-gradient(circle at center, rgba(255,255,255,0.05), rgba(0,0,0,0.95));
    box-shadow: 0 0 20px rgba(255,255,255,0.08), 0 0 40px rgba(255,196,0,0.08), inset 0 0 40px rgba(255,255,255,0.03);
    transition: all 0.5s ease-in-out;
    overflow: hidden;
}

    /* 이미지 스타일 */
    .fancy-image img {
        object-fit: cover;
        object-position: center;
        filter: brightness(0.92) contrast(1.1) saturate(1.15);
        transition: all 0.7s ease;
        transform: scale(1);
    }

    /* hover 효과 */
    .fancy-image:hover {
        box-shadow: 0 0 30px rgba(255,255,255,0.15), 0 0 60px rgba(255,196,0,0.2), inset 0 0 40px rgba(255,255,255,0.05);
        transform: translateY(-6px);
    }

        /* 이미지 확대 & 빛 강조 */
        .fancy-image:hover img {
            transform: scale(1.08);
            filter: brightness(1) contrast(1.15) saturate(1.25);
        }

    /* 반투명한 반사광 느낌 */
    .fancy-image::after {
        content: "";
        position: absolute;
        top: 0;
        left: -75%;
        width: 50%;
        height: 100%;
        background: linear-gradient(120deg, rgba(255,255,255,0.2) 0%, transparent 80%);
        transform: skewX(-25deg);
        transition: left 1.2s ease;
    }

    /* hover 시 반사광 이동 */
    .fancy-image:hover::after {
        left: 125%;
    }
/* 썸네일 hover 효과 */
#map-placeholder:hover img {
    transform: scale(1.05);
    filter: brightness(0.95);
}

/* 컨테이너 hover 시 살짝 떠오르는 느낌 */
#map-placeholder:hover {
    transform: translateY(-4px);
}

/* 오버레이 네온 느낌 */
.glow-overlay {
    border: 1px solid rgba(255,255,255,.2);
    text-shadow: 0 0 8px rgba(255,215,0,.7), 0 0 16px rgba(255,196,0,.4);
    animation: pulseGlow 2.4s infinite alternate;
}

@keyframes pulseGlow {
    from {
        box-shadow: 0 0 10px rgba(255,255,0,.3);
        opacity: 0.9;
    }

    to {
        box-shadow: 0 0 25px rgba(255,255,0,.6);
        opacity: 1;
    }
}
/* reconnect 문구 숨기기 */
h5[style*="Attempting to reconnect"],
#components-reconnect-modal,
#components-reconnect-modal a[href="reload"] {
    display: none !important;
    visibility: hidden !important;
}


/* Hanam Admin */
.admin-shell{min-height:100vh;background:#0b1017;color:#e7edf5}.admin-topbar{height:64px;padding:0 28px;background:#0e1621;border-bottom:1px solid #243142;display:flex;align-items:center;justify-content:space-between}.admin-brand{font-weight:950;letter-spacing:2px;color:#ff5a9c}.admin-site-link{color:#9fb1c5}.admin-main{min-height:calc(100vh - 64px)}.admin-login-wrap{min-height:calc(100vh - 64px);display:grid;place-items:center;padding:30px}.admin-login-card{width:min(440px,100%);padding:38px;background:#111b27;border:1px solid #293a4d;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.admin-logo{font-size:30px;font-weight:950;color:#ff5a9c}.admin-login-card h1{margin:8px 0}.admin-muted{color:#92a3b5}.admin-form,.admin-card{display:flex;flex-direction:column;gap:16px}.admin-form label,.admin-card label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:800;color:#c6d2df}.admin-form input,.admin-card input,.admin-card textarea{background:#0c141e;color:#fff;border:1px solid #314156;border-radius:9px;padding:12px 13px;outline:none}.admin-form input:focus,.admin-card input:focus,.admin-card textarea:focus{border-color:#f25795}.admin-primary{border:0;border-radius:9px;padding:13px 18px;background:linear-gradient(135deg,#f04587,#d52e73);color:#fff;font-weight:900;cursor:pointer}.admin-grid{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 64px)}.admin-sidebar{background:#0e1621;border-right:1px solid #243142;padding:24px 16px;display:flex;flex-direction:column;gap:8px}.admin-side-title{font-size:12px;color:#768ba0;margin:0 10px 10px;text-transform:uppercase}.admin-sidebar>a,.admin-logout{padding:12px 13px;border-radius:8px;color:#c9d4df;background:transparent;border:0;text-align:left}.admin-sidebar>a:hover{background:#172438}.admin-logout{width:100%;cursor:pointer;color:#ff8eaa;margin-top:16px}.admin-content{padding:32px;max-width:1050px;width:100%}.admin-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.admin-heading h1{margin:0 0 6px}.admin-heading p{margin:0;color:#91a3b7}.admin-status{font-size:12px;color:#62dda1}.admin-card{background:#101a26;border:1px solid #26374a;border-radius:14px;padding:24px;margin-bottom:22px}.admin-card h2{margin:0 0 5px}.admin-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-alert{padding:12px 14px;border-radius:9px;margin:14px 0}.admin-alert.error{background:#431b29;color:#ffc1d2}.admin-alert.success{background:#123a2b;color:#9ff2c8}.admin-url-row{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0b131d;padding:13px;border-radius:8px}.admin-url-row code{color:#dce6f0}.search-register-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.search-register{padding:20px;border-radius:12px;border:1px solid #314156;display:flex;flex-direction:column;gap:8px}.search-register.google{background:linear-gradient(135deg,#16233b,#101a26)}.search-register.naver{background:linear-gradient(135deg,#0d3424,#101a26)}.search-register span{color:#aebdcc;font-size:13px}.admin-note{margin-top:16px;padding:15px;background:#0b131d;border-radius:9px;color:#9eafc0;line-height:1.8}
@media(max-width:950px){.site-nav{display:none}.header-phone{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.experience-grid,.three-cards{grid-template-columns:1fr 1fr}.split-grid,.sub-hero-grid,.location-grid{grid-template-columns:1fr}.portrait-stack{min-height:500px}.admin-grid{grid-template-columns:1fr}.admin-sidebar{display:none}}
@media(max-width:640px){.header-inner{height:64px}.brand-main{font-size:23px}.btn-neon{padding:10px 12px;font-size:12px}.hero-night{min-height:680px;background:linear-gradient(180deg,rgba(7,5,9,.30),#070509 76%),url('/img/hero-singer.webp') 66% top/auto 64% no-repeat}.hero-content{padding-top:330px;padding-bottom:45px}.hero-copy h1{font-size:52px}.hero-copy h2{font-size:24px}.hero-copy p{font-size:16px}.hero-buttons>a{width:100%}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid>div{border-bottom:1px solid var(--line)}.experience-grid,.three-cards{grid-template-columns:1fr}.experience-card img,.three-cards img{height:330px}.split-grid{gap:35px}.night-list{grid-template-columns:1fr}.portrait-stack{min-height:390px}.portrait-main{height:360px;width:85%}.portrait-small{height:170px}.location-grid{gap:14px}.footer-grid{flex-direction:column;align-items:flex-start}.footer-info{text-align:left}.sub-hero{padding:55px 0}.sub-hero h1{font-size:48px}.sub-hero img{height:360px}.admin-content{padding:18px}.admin-two,.search-register-grid{grid-template-columns:1fr}.admin-heading{display:block}.admin-status{display:inline-block;margin-top:12px}}


/* Admin analytics */
.admin-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.admin-small-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border:1px solid #36506a;border-radius:8px;background:#0b141f;color:#cfe1f2;font-size:12px;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metric-card{padding:18px;border:1px solid #2b4056;border-radius:12px;background:linear-gradient(150deg,#132238,#0d1722);display:flex;flex-direction:column;gap:4px}.metric-card.bot{background:linear-gradient(150deg,#2f1d31,#111821)}.metric-card span{font-size:12px;color:#95aac0}.metric-card strong{font-size:29px;line-height:1.1;color:#fff}.metric-card small{color:#8095aa}.analytics-split{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.admin-subtitle{margin:0 0 10px;font-size:15px}.top-pages{display:flex;flex-direction:column;gap:7px}.top-pages>div{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid #26394d;border-radius:8px;background:#0b141e}.top-pages code{color:#dbe7f2}.top-pages strong{color:#ff78ac}.privacy-note{padding:16px;border:1px solid #294650;border-radius:10px;background:#0d2025;color:#bad1d4}.privacy-note strong{color:#73e0ca}.privacy-note p{margin:8px 0 0;font-size:13px;line-height:1.65}.visit-table-wrap{overflow:auto;border:1px solid #26374a;border-radius:10px}.visit-table{width:100%;border-collapse:collapse;min-width:900px;font-size:12px}.visit-table th,.visit-table td{padding:10px 11px;border-bottom:1px solid #223244;text-align:left;white-space:nowrap}.visit-table th{position:sticky;top:0;background:#0d1722;color:#9fb1c5;font-weight:900}.visit-table td{color:#d3dce5}.visit-table code{color:#ff8fbb}.visit-table tr:last-child td{border-bottom:0}.admin-empty{padding:18px;color:#778da3;text-align:center}.robot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.robot-grid span{padding:11px 12px;border:1px solid #2c4054;border-radius:8px;background:#0c151f;color:#c4d1dd}.robot-grid b{float:right;color:#69d8a2;font-size:11px}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.analytics-split{grid-template-columns:1fr}.robot-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.admin-card-head{display:block}.admin-small-btn{margin-top:10px}.metric-grid,.robot-grid{grid-template-columns:1fr}}