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;
}