:root{--purple:#5645d4;--navy:#0a1530;--ink:#1a1a1a;--muted:#787671;--line:#e5e3df;--paper:#fafaf9}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans KR",sans-serif}.site-header{position:fixed;inset:0 0 auto;z-index:10;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4.5vw,72px);border-bottom:1px solid rgba(120,118,113,.22);background:rgba(250,250,249,.82);backdrop-filter:blur(16px)}.brand{color:var(--ink);font-size:14px;font-weight:500;letter-spacing:.16em;text-decoration:none}.brand b{color:var(--purple)}.site-header p{margin:0;color:var(--muted);font-size:10px;letter-spacing:.17em}.course-grid{min-height:100vh;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:76px}.course{position:relative;min-height:calc(100vh - 76px);overflow:hidden;padding:clamp(48px,6vw,96px) clamp(28px,5vw,80px);display:flex;align-items:center}.course-ai{background:var(--navy);color:#fff}.course-info{background:#f8f5e8;border-left:1px solid var(--line)}.course-content{position:relative;z-index:2;width:100%;max-width:620px;margin:auto}.eyebrow{margin:0 0 24px;color:#d6b6f6;font-size:11px;font-weight:700;letter-spacing:.16em}.course-info .eyebrow{color:var(--purple)}.course h1{margin:0;font-size:clamp(64px,7vw,108px);line-height:.88;letter-spacing:-.085em}.course h1 em{color:#d6b6f6;font-style:normal}.course-info h1{color:var(--navy)}.course-description{margin:30px 0 clamp(48px,7vh,84px);color:#a4a097;font-size:14px;line-height:1.7}.course-info .course-description{color:#5d5b54}.presentation-list{width:100%;display:grid;gap:12px}.presentation-card,.empty-card{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;border-radius:12px}.presentation-card{border:1px solid #40517b;background:#1a2a52;color:#fff;text-decoration:none;transition:transform .22s ease,border-color .22s ease,background .22s ease}.presentation-card:hover,.presentation-card:focus-visible{transform:translateY(-4px);border-color:#d6b6f6;background:#243863;outline:none}.presentation-card span,.empty-card span{display:grid;gap:8px}.presentation-card small,.empty-card small{color:#a4a097;font-size:9px;font-weight:700;letter-spacing:.15em}.presentation-card strong,.empty-card strong{font-size:clamp(18px,1.7vw,24px);letter-spacing:-.025em}.presentation-card i,.empty-card i{font-size:27px;font-style:normal;font-weight:400}.presentation-card i{color:#d6b6f6}.empty-card{border:1px dashed #c8c4be;background:rgba(255,255,255,.45);color:var(--muted)}.empty-card i{color:#c8c4be}.course-number{position:absolute;right:-2vw;bottom:-8vh;color:rgba(255,255,255,.035);font-size:clamp(260px,32vw,520px);font-weight:700;line-height:.72;letter-spacing:-.12em;pointer-events:none}.course-info .course-number{color:rgba(86,69,212,.055)}@media(max-width:760px){.site-header{height:64px}.course-grid{grid-template-columns:1fr;padding-top:64px}.course{min-height:calc((100vh - 64px)/2);padding:46px 28px}.course-info{border-left:0;border-top:1px solid var(--line)}.course h1{font-size:clamp(50px,15vw,72px)}.course-description{margin:18px 0 28px}.presentation-card,.empty-card{min-height:82px;padding:18px 20px}.course-number{font-size:250px}}@media(prefers-reduced-motion:reduce){.presentation-card{transition:none}}