/* The original templates retain the form, attendance, and player/panel layouts.
   Campaign branding and the shared company footer live here. */
@font-face {
    font-family: Paperlogy;
    src: url("fonts/Paperlogy-ExtraBold.woff2") format("woff2");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: "Gmarket Sans";
    src: url("fonts/GmarketSans-Medium.woff2") format("woff2");
    font-style: normal;
    font-weight: 400 500;
    font-display: swap;
}
@font-face {
    font-family: "Gmarket Sans";
    src: url("fonts/GmarketSans-Bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 600 900;
    font-display: swap;
}
@font-face {
    font-family: Pretendard;
    src: url("fonts/Pretendard-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: Pretendard;
    src: url("fonts/Pretendard-Medium.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: Pretendard;
    src: url("fonts/Pretendard-SemiBold.woff2") format("woff2");
    font-style: normal;
    font-weight: 600 700;
    font-display: swap;
}

.hana-entry,
.hana-register,
.hana-watch {
    --hana-green: #138d77;
    --hana-deep: #005953;
    --hana-navy: #123050;
    --hana-orange: #ec7009;
    --hana-line: #d4e4dd;
    --hana-mist: #f0f8f7;
    font-family: Pretendard, "Apple SD Gothic Neo", sans-serif;
}

.hana-entry .entry-page,
.hana-entry .entry-page.theme-light,
.hana-entry .entry-page.theme-dark {
    --text: #fff;
    --muted: #f1f8f4;
    --muted-strong: #f1f8f4;
    --primary: #005953;
    --primary-hover: #00453f;
    --teal: #138d77;
    --teal-hover: #0c7562;
    --white-panel: #f0f8f7;
    --footer-text: #536966;
    --title-shadow: none;
    --copy-shadow: 0 1px 5px #003b35;
    color: var(--text);
    background-color: #005953;
    background-image:
        linear-gradient(180deg, #004940d9 0%, #005248ad 43%, #005953e6 100%),
        url("ginkgo-brain.webp");
    background-size: cover;
    background-position: center 32%;
}
.hana-entry .entry-pill,
.hana-entry .closed-pill {
    font-family: "Gmarket Sans", sans-serif;
    background: linear-gradient(180deg, #fff 0%, #edf7f1 100%);
    color: var(--hana-deep);
    border-color: #b6d6c8;
    box-shadow: 0 10px 18px #003c3529, inset 0 1px 0 #fff;
}
.hana-entry .field {
    font-family: Pretendard, sans-serif;
    color: var(--hana-navy);
    border-color: #b9cec7;
    background: #fbfdfb;
}
.hana-entry .field:focus {
    border-color: var(--hana-green);
    box-shadow: 0 0 0 2px #138d7733;
}
.hana-entry .btn,
.hana-entry .attendance-step-label,
.hana-entry .notice-title {
    font-family: "Gmarket Sans", sans-serif;
}
.hana-entry .top-bar { padding: 26px 204px 0; }
.hana-entry .main-logo { width: min(620px, 100%); max-width: 100%; height: auto; }
.hana-entry .sponsor-logo {
    top: 24px;
    left: 24px;
    right: auto;
    width: 160px;
    max-width: none;
    max-height: none;
    height: auto;
    filter: none;
}
@media (max-width: 920px) {
    .hana-entry .top-bar { padding: 96px 24px 0; }
    .hana-entry .main-logo { width: min(440px, 72vw); }
}
@media (max-width: 760px) {
    .hana-entry .top-bar { padding-top: 80px; }
    .hana-entry .sponsor-logo { top: 18px; left: 18px; width: 120px; }
}
.hana-entry .notice-panel {
    color: var(--hana-navy);
    border-color: var(--hana-line);
    background: #fafffcf5;
    box-shadow: 0 12px 30px #003c352e;
}
.hana-entry .notice-title,
.hana-entry .attendance-step-copy strong { color: var(--hana-deep); }
.hana-entry .attendance-step-copy { color: var(--hana-navy); }
.hana-entry .attendance-step-badge.step-1,
.hana-entry .attendance-step-badge.step-2,
.hana-entry .attendance-step-badge.step-3 {
    background: linear-gradient(135deg, #005953 0%, #138d77 100%);
    box-shadow: 0 12px 22px #00595329;
}
.hana-entry .notice-body {
    color: #2f3b52;
    border-color: #d9e0ea;
    background: #f7f8fb;
}
.hana-entry .entry-footer { border-color: var(--hana-line); }

.hana-company-info {
    max-width: 1080px;
    margin: 0 auto;
    color: #555;
    font-size: 11px;
    line-height: 1.5;
    text-align: center;
}
.hana-company-info a { color: inherit; text-decoration: none; }
.hana-company-info a:hover { text-decoration: underline; }
.hana-company-info a:focus-visible { outline: 2px solid var(--hana-green); outline-offset: 4px; }
.hana-footer-company { font-style: normal; }
.hana-footer-company p { margin: 0; }
.hana-footer-company span { display: inline-block; }
.hana-footer-copyright { margin: 20px 0 0; }
.hana-footer-support {
    display: inline-block;
    max-width: 100%;
    margin: 15px 0 0;
    padding: 6px 30px;
    border: 1px solid #ddd;
    font-size: 13px;
    line-height: 1.5;
}
.hana-footer-support a { white-space: nowrap; }
.hana-footer-policy { margin: 10px 0 0; }
.hana-registration-footer { background: #fff; border-top: 1px solid var(--hana-line); padding: 20px 14px 10px; }
.hana-footer-logo { display: block; max-width: 100px; margin: 12px auto 0; }
@media (max-width: 600px) {
    .hana-footer-company span { display: block; }
    .hana-footer-support { padding: 6px 16px; }
}

.hana-entry .reg-modal { background: #002b28a3; }
.hana-entry .reg-modal-card { border-color: #b9cec7; }
.hana-entry .reg-modal-head {
    font-family: "Gmarket Sans", sans-serif;
    background: #e1eee8;
    color: var(--hana-deep);
    border-color: #b9cec7;
}
.hana-entry .reg-close {
    color: var(--hana-deep);
    border-color: #a8c6b8;
    background: #f0f8f3;
}
.hana-entry .reg-close:hover { background: #deeee4; }

.hana-register {
    --accent: #138d77;
    --accent-dark: #005953;
    --bg: #f0f8f7;
    --text: #123050;
    --muted: #536966;
    --border: #d4e4dd;
}
.hana-register.embed { background: #f0f8f7; }
.hana-register .head { background: #e1eee8; color: var(--hana-deep); border-color: #b9cec7; }
.hana-register .title { font-family: Paperlogy, sans-serif; font-weight: 800; }
.hana-register .panel,
.hana-register .embed-wrap form { border-color: var(--hana-line); }
.hana-register .form-row label,
.hana-register.embed .form-row label { color: var(--hana-deep); }
.hana-register .field-wrap input,
.hana-register .field-wrap select,
.hana-register .field-wrap textarea,
.hana-register .region-picker select {
    color: var(--hana-navy);
    border-color: #b9cec7;
    font-family: Pretendard, sans-serif;
}
.hana-register .submit-btn { background: var(--hana-green); border-color: var(--hana-green); }
.hana-register .submit-btn:hover { background: var(--hana-deep); }
.hana-register .consent-head { color: var(--hana-deep); border-color: var(--hana-line); }
.hana-register .consent-check { color: var(--hana-navy); }
.hana-register .privacy-box { background: #f6faf7; border-color: var(--hana-line); color: var(--hana-navy); }
.hana-register input[type="checkbox"],
.hana-register input[type="radio"] { accent-color: var(--hana-deep); }

.hana-watch {
    --bg: #f0f8f7;
    --surface: #f8fbf9;
    --line: #d4e4dd;
    --text: #123050;
    --muted: #536966;
    --accent: #005953;
}
.hana-watch .watch-page {
    background-color: #005953;
    background-image: linear-gradient(90deg, #005953e6, #00595380), url("ginkgo-brain.webp");
    background-position: center 32%;
}
.hana-watch .corner-logo { filter: none; }
.hana-watch .sponsor-logo {
    top: 24px;
    left: 24px;
    width: 160px;
    max-width: none;
    max-height: none;
    height: auto;
}
.hana-watch .hana-watch-heading {
    padding: 26px 204px 28px;
    color: #fff;
    text-align: center;
}
.hana-watch .hana-watch-title {
    margin: 0;
    line-height: 1;
}
.hana-watch .hana-watch-title img {
    display: block;
    width: min(612px, 100%);
    max-width: 100%;
    max-height: none;
    height: auto;
    margin: 0 auto;
}
.hana-watch .hana-watch-topic {
    max-width: 740px;
    margin: 20px auto 0;
    font-size: clamp(16px, 1.6vw, 20px);
    font-weight: 400;
    line-height: 1.5;
    text-wrap: balance;
}
@media (max-width: 760px) {
    .hana-watch .sponsor-logo { top: 18px; left: 18px; width: 120px; }
    .hana-watch .hana-watch-heading { padding: 80px 24px 28px; }
    .hana-watch .hana-watch-topic { margin-top: 18px; }
}
.hana-watch .attendee-welcome::before,
.hana-watch .attendee-welcome-badge { background: var(--hana-green); }
.hana-watch .attendee-welcome-badge { box-shadow: 0 10px 20px #0059532e; }
.hana-watch .btn-blue { background: var(--hana-deep); }
.hana-watch .btn-purple { background: var(--hana-green); }
.hana-watch .btn-orange { background: var(--hana-orange); }
.hana-watch .highlight { color: var(--hana-deep); }
.hana-watch .orange { color: var(--hana-orange); }
.hana-watch .tab.active { background: var(--hana-deep); color: #fff; }
.hana-watch .ask-btn,
.hana-watch .feedback-action-btn,
.hana-watch .poll-submit-btn { background: var(--hana-deep); color: #fff; border-color: var(--hana-deep); }
.hana-watch .section-title,
.hana-watch .profile-title,
.hana-watch .agenda-focus-label,
.hana-watch .agenda-focus-name { color: var(--hana-deep); }
.hana-watch .hana-watch-notice {
    color: #000;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    word-break: keep-all;
}
.hana-watch .hana-watch-notice p { margin: 0; }
.hana-watch .profile-bio,
.hana-watch .question-box textarea { font-family: Pretendard, sans-serif; }
.hana-watch .agenda-table th,
.hana-watch .feedback-modal-head { background: var(--hana-mist); color: var(--hana-deep); }
.hana-watch .vod-link.active { background: var(--hana-deep); border-color: var(--hana-deep); }
.hana-watch .poll-result-bar { background: var(--hana-green); }
.hana-watch .feedback-modal-title,
.hana-watch .modal-close-btn { color: var(--hana-deep); }
.hana-watch .entry-footer { border-color: var(--hana-line); color: var(--muted); }
.hana-watch .watch-footer-notice { background: var(--hana-mist); border-color: var(--hana-line); }
.hana-watch .poll-card-option input,
.hana-watch .feedback-q input { accent-color: var(--hana-deep); }