@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
/* cap89-style SKILL.md palette and typography, mapped to Lucian elements. */
:root{--primary:#3b63f6;--primary-hover:#254ed8;--sky:#38bdf8;--accent:#ffcf70;--secondary:#7fd8c9;--pink:#ff9fb5;--ink:#24324a;--muted:#667085;--paper:#f8fbff;--line:#e3e8f1;--mint:#e6f8f3;--purple:#ecf0ff;--panel:rgba(255,255,255,.72);--panel-line:rgba(255,255,255,.95);--hairline:rgba(36,50,74,.07);--shadow:0 20px 60px rgba(67,89,146,.16);--shadow-sm:0 8px 24px rgba(50,68,110,.08);--font:'Pretendard Variable',Pretendard,'Apple SD Gothic Neo','Noto Sans KR',system-ui,sans-serif;--ux-page:#f8fbff;--ux-surface:#fff;--ux-surface-2:#f4f7ff;--ux-surface-3:#e8eefc;--ux-ink:#24324a;--ux-ink-2:#667085;--ux-ink-3:#667085;--ux-line:rgba(36,50,74,.07);--ux-line-2:rgba(36,50,74,.15);--ux-accent:#3b63f6;--ux-accent-2:#38bdf8;--ux-accent-soft:rgba(59,99,246,.12);--ux-accent-ink:#fff;--ux-mint:#2bb39a;--ux-warn:#f59e0b;--ux-danger:#e5486b;--ux-glass:rgba(255,255,255,.72);--ux-glass-line:rgba(255,255,255,.95);--ux-shadow:rgba(67,89,146,.16);--ux-shadow-strong:rgba(67,89,146,.32);--ux-grad:linear-gradient(100deg,#3b63f6 0%,#38bdf8 52%,#f59e0b 100%)}
body{font-family:var(--font);font-size:16px;line-height:1.7;background:radial-gradient(circle at 12% 18%,rgba(255,207,112,.45),transparent 28%),radial-gradient(circle at 88% 14%,rgba(127,216,201,.45),transparent 30%),radial-gradient(circle at 75% 82%,rgba(255,159,181,.28),transparent 28%),linear-gradient(135deg,#f8fbff 0%,#fffdf7 45%,#f8fffc 100%);background-attachment:fixed}
.ux{font-family:var(--font)}
header,main,footer{max-width:1180px}header{padding-top:23px;padding-bottom:23px}.preview-bar{background:#eaf0ff;color:#3b4d76;border-bottom:1px solid #dce5ff}.brand-icon{width:44px;height:44px;line-height:44px;text-align:center;border-radius:14px;background:linear-gradient(135deg,#3b63f6,#8e9cff);color:#fff;font-size:24px;box-shadow:0 10px 25px rgba(59,99,246,.28)}.brand small{color:var(--muted)}nav a{font-size:15px;color:var(--ink);position:relative}nav a.active{color:var(--primary)}nav a.active:after{content:'';position:absolute;bottom:-7px;left:20%;right:20%;height:3px;border-radius:2px;background:var(--primary)}.button{border-radius:999px;font-size:15px;font-weight:650;box-shadow:var(--shadow-sm)}.dark{background:var(--primary);color:#fff}.button:hover{background:var(--primary-hover)}.hero{gap:35px;grid-template-columns:1.3fr 1fr;padding-top:35px}.hero-copy>.eyebrow{display:inline-block;background:rgba(255,255,255,.78);backdrop-filter:blur(10px);padding:10px 15px;border:1px solid rgba(59,99,246,.14);border-radius:999px;box-shadow:var(--shadow-sm);color:var(--primary);font-size:13px;font-weight:750;letter-spacing:.7px}.hero-kicker{color:var(--muted);font-size:15px}h1{font-weight:850;letter-spacing:-.028em;font-size:41px}h1 span{background:var(--ux-grad);background-clip:text;-webkit-background-clip:text;color:transparent}h2{font-size:24px;font-weight:700}h3{font-size:19px}.intro{font-size:16px}.hero-actions{gap:12px;margin:0;flex-wrap:wrap}.text-link{font-size:14px;color:var(--primary);border-color:#b7c8fc}.organizer{font-size:13px;margin-top:0}.organizer strong{color:var(--ink)}.hero-art{background:linear-gradient(145deg,#dce7ffdd,#e0faf1cc 60%,#fff1cddd);border-color:var(--panel-line);border-radius:34px;box-shadow:var(--shadow)}.art-star{color:#829cf0}.orbit{border-color:#9bb1ec}.art-window{background:#ffffffdd;border-color:white;box-shadow:12px 16px 0 #3b63f618;border-radius:20px}.blocks b{background:var(--secondary)}.blocks b:nth-child(2){background:#b8c7ff}.blocks b:nth-child(3){background:var(--accent)}.blocks b:nth-child(4){background:#ffccda}.window-line{background:#acc3f7}.art-pill{background:#e8eeff;color:#3359c0;border-color:white}.poster-top,.poster-bottom{color:#415584}.event-facts,.form-card,.contact-card{background:var(--panel);backdrop-filter:blur(20px);border:1px solid var(--panel-line);border-radius:26px;box-shadow:var(--shadow)}.event-facts strong{font-size:15px}.event-facts small{font-size:11px;color:var(--muted)}.event-facts p>span{font-size:12px;color:var(--muted)}.fact-icon{color:var(--primary)}.section-heading .eyebrow{color:var(--primary)}.muted{font-size:13px}.feature{border-radius:26px;box-shadow:var(--shadow-sm);border:1px solid #ffffffdd;transition:transform .2s}.feature:hover{transform:translateY(-4px)}.mint{background:#e1f5efb8}.lavender{background:#e7edffbd}.peach{background:#fff1d3bd}.feature p{font-size:14px;color:var(--muted)}.feature>span{font-size:11px;color:var(--muted)}.tabs button{font-size:14px;background:rgba(255,255,255,.78);color:var(--muted);padding:10px 18px}.tabs button.selected{background:var(--primary);border-color:var(--primary)}#schedule{padding:8px 22px;background:var(--panel);border:1px solid var(--panel-line);border-radius:26px;box-shadow:var(--shadow-sm)}.schedule-row:first-child{border-top:0}.session strong{font-size:15px}.session p{font-size:13px}.session small{font-size:12px;background:#edf2ff;color:#3d5c9b}.time{font-size:14px;color:#4762a1}.note{font-size:12px;color:var(--muted)}.closing{border-radius:34px;background:linear-gradient(110deg,#e2edffb8,#e1f6efbd,#fff0d6b8);border:1px solid white;box-shadow:var(--shadow-sm)}.closing p{font-size:15px}.tag{color:#49608e;background:#edf2ff}.side-note{background:var(--panel);border-color:var(--panel-line);border-radius:20px;box-shadow:var(--shadow-sm)}.side-note.mint{background:#e1f5efb8}.side-note p{font-size:15px}.side-note small{font-size:12px}label{font-size:14px}input:not([type=checkbox]){background:#f4f7ff;border-color:rgba(36,50,74,.12);border-radius:14px;font-size:15px;padding:14px}input:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.form-card h3{font-size:18px}.form-title span,label small{font-size:12px}.consent-box{background:#f4f7ff;border-radius:16px;font-size:13px}.check{font-size:13px}.check input{accent-color:var(--primary)}.draft-note{font-size:12px;border-radius:14px}.certificate-preview{background:#f0f5ff;border-color:#cfddff;border-radius:18px}.contact-grid{grid-template-columns:1.1fr 1fr;align-items:start}.faq-slot{display:flex;justify-content:center;padding-top:5px}.contact-card{min-height:380px}.contact-card p{font-size:15px}dialog{background:#fbfcff;border-color:white;border-radius:26px;box-shadow:var(--shadow)}footer{justify-content:center;text-align:center;align-items:center;font-size:12px}footer strong{font-size:15px}.admin-link{font-size:12px}.page:not(.hidden){animation:pageIn .5s ease both}@keyframes pageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* Palette mapping only; preserve Lucian geometry, easing and interaction timing. */
:root .u002{--bg:var(--primary);--fg:#fff;--blob:linear-gradient(135deg,#3b63f6,#38bdf8 60%,#2bb39a);max-width:100%}.u044{max-width:100%}
@media(max-width:1024px){.hero{grid-template-columns:1fr}.hero-art{width:100%;max-width:520px;justify-self:center}.hero-copy{max-width:700px}h1{font-size:40px}.hero-actions{flex-wrap:nowrap}.form-page{gap:28px}.contact-grid{gap:20px}}
@media(max-width:600px){header{gap:22px}.hero-actions{flex-wrap:wrap;gap:0}.hero-actions>.text-link{margin:0 0 20px 25px}.hero-copy>.eyebrow{font-size:12px}nav a{font-size:14px}h1{font-size:29px}.intro{font-size:15px}.hero-kicker{font-size:13px}.hero-art{height:410px}.section-heading h2{font-size:22px}.event-facts strong{font-size:15px}.feature p{font-size:15px}.session strong{font-size:14px}.session p{font-size:12px}.time{font-size:12px}.schedule-row{grid-template-columns:80px 1fr;gap:12px}#schedule{padding:6px 14px}.tabs{gap:5px}.tabs button{font-size:12px;padding:10px 12px}.contact-grid{grid-template-columns:1fr}.contact-page h1{font-size:27px}.contact-card{min-height:0}.form-intro h1{font-size:29px}.u044{height:auto;min-height:400px}footer{align-items:center}.admin-link{margin:8px auto}.hero .u002{width:340px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
.lunch-notice{display:inline-block;margin:0 0 18px;padding:10px 15px;border-radius:14px;background:rgba(255,241,211,.85);border:1px solid rgba(245,158,11,.15);color:#685021;font-size:14px;font-weight:600;line-height:1.7}
