/* Render-blocking, crawler-visible home presentation. Loaded before React for the public homepage. */
:root { color: #172033; background: #ffffff; font-family: "Noto Sans KR", system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; background: #ffffff; color: #172033; }
.home-prerender { min-height: 100vh; background: #ffffff; }
.home-prerender > header { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; gap: 2rem; height: 5rem; padding: 0 2.5rem; border-bottom: 1px solid rgba(23,32,51,.1); background: #ffffff; }
.home-prerender > header > a { color: #172033; font-family: "Noto Serif KR", Georgia, serif; font-size: 1.05rem; font-weight: 700; text-decoration: none; }
.home-prerender > header > a:first-child { margin-right: auto; }
.home-prerender > header nav { display: flex; gap: 1.5rem; }
.home-prerender > header nav a { color: rgba(23,32,51,.82); font-size: .875rem; font-weight: 600; text-decoration: none; }
.home-prerender > main { display: block; }
.home-prerender-hero { display: flex; min-height: 38rem; flex-direction: column; align-items: center; justify-content: center; padding: 8rem 1.5rem; text-align: center; }
.home-prerender-hero > p { margin: 0; color: #172033; font-family: "Noto Serif KR", Georgia, serif; font-size: clamp(3rem, 7vw, 6rem); font-weight: 500; letter-spacing: -.04em; }
.home-prerender-hero h1 { margin: 2rem 0 0; color: rgba(23,32,51,.78); font-family: "Noto Serif KR", Georgia, serif; font-size: clamp(1.15rem, 2.2vw, 1.5rem); font-weight: 500; line-height: 1.7; }
.home-prerender-hero a { display: inline-block; margin-top: 2.5rem; padding: .9rem 1.35rem; border-radius: .375rem; background: #071a4e; color: #ffffff; font-size: .95rem; font-weight: 700; text-decoration: none; }
.performance-prerender { padding: 6rem 1.5rem 7rem; border-top: 1px solid #e3e7ee; background: #ffffff; }
.performance-prerender > div { width: min(100%, 72rem); margin: 0 auto; }
.performance-prerender > div > p:first-child { margin: 0; color: rgba(23,32,51,.45); font-size: .75rem; font-weight: 700; letter-spacing: .18em; text-align: center; }
.performance-prerender h2 { margin: 1rem 0 1rem; color: #172033; font-family: "Noto Serif KR", Georgia, serif; font-size: clamp(2rem, 4.5vw, 3rem); font-weight: 700; letter-spacing: -.03em; line-height: 1.3; text-align: center; }
.performance-prerender h2 + p { max-width: 44rem; margin: 0 auto; color: rgba(23,32,51,.62); font-size: 1rem; line-height: 1.8; text-align: center; }
.performance-admission-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-top: 4rem; }
.performance-admission-card { padding: 2rem; border: 2px solid #172033; border-radius: .75rem; background: linear-gradient(135deg, #eff6ff, #ffffff); }
.performance-admission-card img { display: block; width: 3.25rem; height: 3.25rem; margin: 0 0 1.5rem; object-fit: contain; }
.performance-admission-card p { margin: 0; color: rgba(23,32,51,.55); font-size: .875rem; line-height: 1.6; }
.performance-admission-card p:first-of-type { display: inline-block; padding: .25rem .75rem; border-radius: 999px; background: #172033; color: #ffffff; font-size: .75rem; font-weight: 700; }
.performance-admission-card h3 { margin: 1.6rem 0 .65rem; font-size: 1rem; }
.performance-admission-card h3 + p { color: #172033; font-size: 1.75rem; font-weight: 700; line-height: 1.3; }
.performance-admission-card h3 + p + p { margin-top: .7rem; }
.performance-academic-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .75rem; margin-top: 3rem; }
.performance-academic-card { padding: 1.2rem; border: 1px solid rgba(23,32,51,.1); border-radius: .75rem; background: #ffffff; }
.performance-academic-card p { margin: 0; color: rgba(23,32,51,.55); font-size: .75rem; line-height: 1.6; }
.performance-academic-card p:first-child { color: #172033; font-size: 1.2rem; line-height: 1; }
.performance-academic-card h3 { margin: 1rem 0 .25rem; font-size: .75rem; }
.performance-academic-card h3 + p { color: #172033; font-weight: 700; }
.performance-academic-card h3 + p + p { margin-top: .5rem; }
@media (max-width: 640px) {
  .home-prerender > header { height: 4.5rem; gap: .8rem; padding: 0 1rem; }
  .home-prerender > header > a { font-size: .85rem; }
  .home-prerender > header nav { display: none; }
  .home-prerender-hero { min-height: 31rem; padding: 5rem 1.5rem; }
  .home-prerender-hero > p { font-size: 3.25rem; }
  .home-prerender-hero h1 { margin-top: 1.5rem; font-size: 1.05rem; }
  .performance-prerender { padding: 4.5rem 1rem 5rem; }
  .performance-admission-grid { grid-template-columns: 1fr; gap: 1rem; margin-top: 2.5rem; }
  .performance-admission-card { padding: 1.5rem; }
  .performance-admission-card h3 + p { font-size: 1.45rem; }
  .performance-academic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; margin-top: 2rem; }
  .performance-academic-card { padding: 1rem; }
}