:root{--ink:#3D1F20;--green:#3D1F20;--soft:#FBEB9D;--cream:#fffcf2;--muted:#786564}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,'Apple SD Gothic Neo',sans-serif;line-height:1.6}button,input{font:inherit}button{cursor:pointer;border:1px solid #d7dfd8;border-radius:12px;padding:10px 16px;background:white;color:var(--ink)}button:hover{border-color:var(--green);background:#f0f5f1}button:focus-visible,a:focus-visible{outline:3px solid #d5a750;outline-offset:3px}[hidden]{display:none!important}header{max-width:1080px;margin:auto;padding:28px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe4dd}.brand{font-size:25px;font-weight:900;letter-spacing:1px;color:var(--green);text-decoration:none}.brand span{font-weight:400}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted)}main{max-width:960px;margin:auto;padding:44px 24px}.intro{margin-bottom:36px}.eyebrow,.tag{font-size:11px;letter-spacing:1.4px;font-weight:bold;color:var(--green)}h1{font-size:clamp(24px,4.5vw,40px);line-height:1.35;letter-spacing:-.8px;margin:16px 0}h1 span{color:var(--green)}p{color:var(--muted);margin:8px 0}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.chips span{border:1px solid #dce3d9;border-radius:50px;font-size:12px;padding:5px 12px}.card{border:1px solid #dce3d9;border-radius:22px;background:#fff;padding:28px}.login{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;box-shadow:0 12px 40px #243b2a07}h2{font-size:23px;margin:8px 0}form{display:grid;gap:17px}form label{font-weight:bold;font-size:13px}input:not([type=radio]){display:block;width:100%;padding:12px 14px;border:1px solid #d5dfd7;border-radius:10px;margin-top:6px;color:var(--ink);background:#fafbf8}input:focus{outline:2px solid #7aa68e}fieldset{padding:0;border:0;margin:0}legend{font-size:13px;font-weight:bold;margin-bottom:8px}.radio{display:inline-flex;align-items:center;font-weight:normal;margin-right:15px;gap:6px}.primary{background:var(--green);color:white;border-color:var(--green);font-weight:bold}.primary:hover{background:#174936;color:white}.primary span{float:right}small{color:var(--muted);font-size:11px}.dashboard{margin-bottom:22px;background:var(--soft)}.progress{height:7px;background:#d2dfd5;border-radius:10px;margin-top:16px;overflow:hidden}#bar{height:100%;width:0;background:var(--green);transition:width .3s}nav{display:flex;gap:7px;flex-wrap:wrap}nav button{font-size:12px;border-radius:40px}nav button.active,#wrong.active{background:var(--green);color:white}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:22px 0 14px;gap:12px}.toolbar p{font-size:13px}.toolbar button{font-size:12px}.question{margin-bottom:16px;scroll-margin-top:24px}.qtop{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.number{font-size:12px;font-weight:bold;color:var(--green)}.group{font-size:11px;color:var(--muted)}.question h3{font-size:18px;margin:8px 0 20px}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option{text-align:left;display:flex;align-items:center;gap:12px;padding:13px;font-size:18px}.letter{font-size:12px;color:var(--muted);background:#f1f4ef;width:28px;height:28px;display:grid;place-items:center;border-radius:7px;flex-shrink:0}.option.correct{background:#eaf5ee;border-color:#3e9365}.option.incorrect{background:#fff0ee;border-color:#cb756b}.option:disabled{cursor:default;color:var(--ink);opacity:1}.feedback{margin-top:18px;padding:16px 18px;border-radius:12px;background:#f5f7f2;border-left:3px solid var(--green);font-size:14px}.feedback.bad{border-left-color:#bf6157}.feedback strong{color:var(--green)}.feedback.bad strong{color:#a43d36}.feedback p{color:#47554d;margin-top:9px;overflow-wrap:anywhere}.feedback .answer{color:var(--ink)}#complete{text-align:center;margin-top:20px}footer{text-align:center;padding:30px 24px;font-size:12px;color:var(--muted)}footer a{color:var(--green)}@media(max-width:600px){header{padding:20px}main{padding:28px 16px}.login{grid-template-columns:1fr;gap:22px}.card{padding:21px}.options{grid-template-columns:1fr}.toolbar{align-items:flex-start}h1{font-size:26px}.group{max-width:150px;text-align:right}}

.primary{background:#F4D00F;border-color:#F4D00F;color:#3D1F20}.primary:hover{background:#FBEB9D;color:#3D1F20}.brand{color:#3D1F20}h1 span{background:linear-gradient(transparent 73%,#F4D00F 73%)}#bar{background:#F4D00F}nav button.active,#wrong.active{background:#3D1F20;color:#F4D00F}.webinar{margin-top:44px;background:#F4D00F;border:0}.webinar h2{font-size:clamp(28px,5vw,42px);line-height:1.2}.webinar p{color:#3D1F20;max-width:540px}.cta{display:inline-block;margin-top:18px;padding:12px 20px;background:#3D1F20;color:white;border-radius:12px;text-decoration:none;font-weight:bold}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric strong{display:block;font-size:32px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:12px;border-bottom:1px solid #eee;white-space:nowrap}.admin-controls{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.admin-controls input{padding:10px}#sync{font-size:12px;color:#786564}@media(max-width:600px){.metrics{grid-template-columns:1fr 1fr}}

/* Hikorean typography and editorial culture illustrations */
body{font-family:'Be Vietnam Pro','Noto Sans KR',sans-serif;font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}
h1,h2{font-family:'Montserrat','Be Vietnam Pro','Noto Sans KR',sans-serif;font-weight:800;letter-spacing:-.6px}
h1{font-size:clamp(25px,3.55vw,39px);line-height:1.42;margin:16px 0 18px}
h2{font-size:23px;line-height:1.45}
h3{font-family:'Be Vietnam Pro','Noto Sans KR',sans-serif;font-weight:700;line-height:1.6}
[lang=ko],.option{font-family:'Noto Sans KR','Be Vietnam Pro',sans-serif}
.eyebrow{font-family:'Montserrat','Be Vietnam Pro',sans-serif;font-size:10px;font-weight:700;letter-spacing:2px}
.tag{letter-spacing:.5px;font-weight:600}
header{padding:20px 24px;min-height:116px}
.brand-logo{display:flex;align-items:center;gap:22px;text-decoration:none;letter-spacing:0}
.brand-logo img{width:126px;height:78px;object-fit:contain;display:block}
.brand-note{border-left:1px solid #e2d5b8;padding-left:22px;display:grid;gap:5px}
.brand-note strong{font-family:'Montserrat','Be Vietnam Pro',sans-serif;font-size:11px;letter-spacing:1.7px;color:#3D1F20}
.brand-note span{font-size:12px;font-weight:400;letter-spacing:.5px;color:#8b7265}
.intro{margin-bottom:28px}.intro-copy{max-width:850px}.intro p{font-size:15px}
.chips span{background:#fffaf0;border-color:#e9dfc8;padding:6px 13px;font-size:11px;font-weight:500}
.question h3{font-size:18px}.option{font-size:19px;font-weight:500}.letter{font-family:'Montserrat',sans-serif;font-weight:600}.feedback{line-height:1.8}.feedback strong{font-weight:700}.login form label{font-weight:600;font-size:13px}.login form .radio{font-weight:400}button{font-weight:500}.primary,.cta{font-weight:700}.webinar h2{font-family:'Montserrat','Be Vietnam Pro',sans-serif;letter-spacing:-1px}footer{font-weight:400}
@media(max-width:600px){header{padding:14px 16px;min-height:92px}.brand-logo{gap:12px}.brand-logo img{width:100px;height:64px}.brand-note{padding-left:12px}.brand-note strong{font-size:9px;letter-spacing:.8px}.brand-note span{font-size:10px}header button{font-size:11px;padding:8px 10px}h1{font-size:25px;line-height:1.48;letter-spacing:-.5px}h2{font-size:21px}.culture-strip{padding:8px 4px 12px;border-radius:15px;margin-top:22px}.culture-strip figcaption{gap:3px}.culture-strip figcaption b{font-size:11px}.culture-strip figcaption span{font-size:8px}.intro p{font-size:13px}.chips{gap:6px}.chips span{font-size:10px;padding:5px 10px}.webinar h2{font-size:28px}body{font-size:14px}}

/* Original logo file; only its viewport is framed, pixels unchanged. */
.brand-logo img{width:156px;height:86px;object-fit:cover;object-position:center;mix-blend-mode:multiply}
.intro-photo{position:relative;isolation:isolate;border-radius:24px;overflow:hidden;padding:34px 28px 30px;min-height:330px;background:#fffaf0;border:1px solid #eee2c6}
.intro-photo .intro-copy{position:relative;z-index:2;max-width:680px}
.hanbok-backdrop{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(90deg,#fffaf0 0%,#fffaf0ee 46%,#fffaf063 73%,#fffaf04d 100%),url('/hanbok.jpg');background-size:cover;background-position:center,80% 44%;opacity:.62}
.intro-photo h1 span{background:linear-gradient(transparent 73%,#F4D00F 73%)}
@media(min-width:900px){.intro-photo .intro-copy{max-width:740px}.hanbok-backdrop{background-size:cover,58% auto;background-repeat:no-repeat;background-position:center,right center}.intro-photo h1{font-size:33px}.intro-photo{padding:34px 30px}}
@media(max-width:600px){.brand-logo img{width:118px;height:64px}.intro-photo{padding:24px 19px;min-height:0;border-radius:18px}.intro-photo h1{font-size:23px}.hanbok-backdrop{background-image:linear-gradient(90deg,#fffaf0f7 0%,#fffaf0dd 60%,#fffaf0a3 100%),url('/hanbok.jpg');background-position:center,right center;opacity:.5}.intro-photo .chips span{background:#fffaf0e6}}
/* Match the clean sans-serif reference supplied by the user. */
body,h1,h2,h3,.brand-note strong,.eyebrow,.letter,.webinar h2{font-family:'Inter','Noto Sans KR',sans-serif}
h1{font-weight:600;letter-spacing:-.7px;line-height:1.4}h2{font-weight:600;letter-spacing:-.4px}h3{font-weight:600;letter-spacing:-.2px}.intro-photo h1{font-size:clamp(25px,3.4vw,34px)}.brand-note strong{font-weight:600;letter-spacing:1.3px}.webinar h2{font-weight:600;line-height:1.25}.eyebrow{font-weight:600;letter-spacing:1.6px}.intro-photo .intro-copy p{font-weight:400}.question h3{font-size:18px;font-weight:600}button,input{font-family:'Inter','Noto Sans KR',sans-serif}.option{font-family:'Noto Sans KR','Inter',sans-serif}.hanbok-backdrop{background-image:linear-gradient(90deg,#fffaf0 0%,#fffaf0f5 43%,#fffaf069 73%,#fffaf033 100%),url('/hanbok-front.jpg');opacity:.68}
@media(min-width:900px){.hanbok-backdrop{background-size:cover,70% auto;background-position:center,right center}.intro-photo h1{font-size:32px}}
@media(max-width:600px){.intro-photo h1{font-size:23px}.hanbok-backdrop{background-image:linear-gradient(90deg,#fffaf0fa 0%,#fffaf0e8 54%,#fffaf078 100%),url('/hanbok-front.jpg');opacity:.6;background-position:center,70% center}.webinar h2{font-size:28px}}

.hanbok-backdrop{background-size:cover,auto 115%;background-repeat:no-repeat;background-position:center,right 35%;opacity:.72}@media(min-width:900px){.hanbok-backdrop{background-size:cover,auto 125%;background-position:center,right 35%}}@media(max-width:600px){.hanbok-backdrop{background-size:cover,auto 115%;background-position:center,right center;opacity:.58}}
.hanbok-backdrop{inset:0 0 0 auto;width:47%;background-image:url('/hanbok-front.jpg');background-size:cover;background-repeat:no-repeat;background-position:center 32%;mask-image:linear-gradient(to right,transparent 0%,#000 44%,#000 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 44%,#000 100%);opacity:.38}
@media(max-width:600px){.hanbok-backdrop{width:51%;background-image:url('/hanbok-front.jpg');background-size:cover;background-position:center 30%;opacity:.28}}

/* Refined typography: open shapes, regular body, lighter headings. */
body,button,input,h1,h2,h3,.webinar h2,.brand-note strong,.eyebrow,.letter{font-family:'Roboto','Noto Sans KR',sans-serif}
body{font-size:16px;line-height:1.75;font-weight:400}
.intro-photo h1{font-size:clamp(29px,3.65vw,39px);font-weight:500;line-height:1.38;letter-spacing:-.4px}
.intro-photo h1 span{background:none;color:#3D1F20}
h2,.webinar h2{font-weight:500;letter-spacing:-.25px}.question h3{font-weight:500;font-size:19px}
.intro-photo .intro-copy p{font-size:16px;line-height:1.65}.eyebrow{font-weight:500;letter-spacing:1.7px}.brand-note strong{font-weight:500;letter-spacing:.7px}.chips span{font-weight:400;font-size:12px}.login form label{font-weight:500;font-size:14px}.login p{font-size:15px}.feedback{font-size:15px}.primary,.cta{font-weight:500}
.hanbok-backdrop{width:60%;background-image:url('/conversation.jpg');background-position:70% center;opacity:.38;mask-image:linear-gradient(to right,transparent 0%,#000 52%,#000 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 52%,#000 100%)}
@media(max-width:600px){body{font-size:15px}.intro-photo h1{font-size:27px;line-height:1.42}.intro-photo .intro-copy p{font-size:14px}.hanbok-backdrop{width:66%;background-image:url('/conversation.jpg');background-position:66% center;opacity:.25}.chips span{font-size:10px}}