@layer reset, tokens, base, layout, components, utilities;@layer tokens{:root{--saturn-300:#8fc8ff;--saturn-400:#4f98e8;--saturn-500:#2368d1;--saturn-600:#194f9f;--saturn-700:#123a73;--mars-300:#f39a82;--mars-400:#e66b52;--mars-500:#d74d3f;--mars-600:#ad382f;--violet-400:#8a7ad6;--violet-500:#6656bd;--teal-400:#2bb391;--teal-500:#1e8f76;--amber-400:#e3b044;--amber-500:#be8324;--lavender:#e7e8f6;--ink:#151926;--blue-ink:#1e5fbd;--red-ink:#b83d33;--violet-ink:#6252b8;--teal-ink:#15745f;--amber-ink:#9c6418;--space-950:#fffdf8;--space-900:#f3efe6;--space-850:#fbf8f0;--space-800:#fffdf8;--space-750:#eee6d8;--space-700:#e6dccb;--space-650:#d8ccba;--line:#ded5c6;--line-strong:#cfc2b0;--line-soft:rgba(34,39,58,.1);--hairline:rgba(34,39,58,.08);--text:#151926;--text-dim:#596071;--text-faint:#626878;--text-onbrand:#fff;--success:#1aa179;--warning:#e8920c;--danger:var(--mars-600);--glass:rgba(255,253,248,.76);--glass-strong:rgba(255,253,248,.94);--glass-border:rgba(34,39,58,.12);--grad-accent:linear-gradient(118deg,var(--saturn-500) 0%,var(--teal-500) 54%,var(--mars-500) 100%);--grad-study:linear-gradient(118deg,var(--saturn-500) 0%,var(--teal-500) 56%,var(--amber-500) 100%);--grad-blue:linear-gradient(135deg,var(--saturn-400),var(--saturn-700));--grad-text:linear-gradient(100deg,#1e5fbd,#16866d 48%,#b64737);--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:8px;--r-xl:10px;--r-2xl:14px;--r-pill:999px;--shadow-1:0 1px 2px rgba(34,39,58,.06),0 8px 22px rgba(91,75,50,.08);--shadow-2:0 14px 34px rgba(34,39,58,.12),0 2px 8px rgba(91,75,50,.08);--shadow-3:0 30px 70px rgba(34,39,58,.18),0 8px 20px rgba(91,75,50,.1);--glow-blue:0 0 0 1px rgba(35,104,209,.24),0 14px 30px -10px rgba(35,104,209,.45);--glow-red:0 18px 38px -18px rgba(215,77,63,.42);--ease:cubic-bezier(0.22,0.61,0.36,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--dur-fast:0.16s;--dur:0.28s;--dur-slow:0.5s;--container:1200px;--container-wide:1320px;--header-h:68px;--font-sans:"Pretendard Variable",Pretendard,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;color-scheme:light}}@layer reset{*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-color:var(--line-strong) transparent}body{min-height:100dvh;display:flex;flex-direction:column;font-family:var(--font-sans);font-feature-settings:"ss01","cv01";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.6;color:var(--text);background:var(--space-900)}canvas,img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{line-height:1.12;letter-spacing:-.022em;font-weight:800;text-wrap:balance}::selection{background:rgba(47,136,255,.18);color:var(--text)}:focus-visible{outline:2px solid var(--saturn-500);outline-offset:3px;border-radius:4px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--space-650);background-clip:content-box}}@layer base{body:before{background:linear-gradient(132deg,rgba(35,104,209,.12),transparent 36%),linear-gradient(48deg,transparent 52%,rgba(30,143,118,.1)),linear-gradient(180deg,rgba(255,253,248,.86),hsla(42,35%,93%,.96)),var(--space-900)}body:after,body:before{content:"";position:fixed;inset:0;z-index:-2}body:after{background-image:repeating-linear-gradient(0deg,rgba(21,25,38,.035) 0 1px,transparent 1px 34px),repeating-linear-gradient(90deg,rgba(21,25,38,.03) 0 1px,transparent 1px 34px),linear-gradient(90deg,rgba(255,253,248,.36),transparent 30%,rgba(255,253,248,.42));opacity:.8;-webkit-mask-image:linear-gradient(180deg,#000,transparent 78%);mask-image:linear-gradient(180deg,#000,transparent 78%)}h1{font-size:clamp(2rem,1.2rem + 3vw,3.5rem);font-weight:850}h2{font-size:clamp(1.5rem,1rem + 1.8vw,2.3rem);font-weight:820}h3{font-size:clamp(1.05rem,.9rem + .6vw,1.3rem)}p{text-wrap:pretty}small{font-size:.82rem}}@layer layout{.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(18px,4vw,32px)}.container--wide{max-width:var(--container-wide)}.section{padding-block:clamp(48px,7vw,104px)}.section--tight{padding-block:clamp(32px,4vw,56px)}.stack{display:flex;flex-direction:column}.grid{display:grid;grid-gap:clamp(16px,2vw,24px);gap:clamp(16px,2vw,24px)}.cards-grid{display:grid;grid-gap:clamp(16px,2vw,26px);gap:clamp(16px,2vw,26px);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}}@layer components{.kicker{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-ink)}.kicker:before{content:"";width:18px;height:1.5px;background:var(--grad-accent);border-radius:2px}.btn{--_bg:#fffdf8;--_fg:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--_bg);color:var(--_fg);font-weight:700;font-size:.95rem;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-1);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease),filter var(--dur)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.99)}.btn--primary{--_fg:#fff;background:linear-gradient(135deg,var(--saturn-500),var(--teal-500));border-color:transparent;box-shadow:var(--glow-blue)}.btn--primary:hover{filter:brightness(1.05);box-shadow:0 0 0 1px rgba(35,104,209,.36),0 18px 38px -10px rgba(35,104,209,.48)}.btn--accent{--_fg:#fff;background:var(--grad-accent);border-color:transparent;box-shadow:0 14px 38px -12px rgba(30,143,118,.5)}.btn--accent:hover{filter:brightness(1.05) saturate(1.05)}.btn--ghost{background:#fffdf8;border-color:var(--line-strong)}.btn--ghost:hover{background:var(--space-750);border-color:var(--saturn-500);color:var(--blue-ink)}.btn--quiet{background:transparent;border-color:transparent;box-shadow:none;padding-inline:12px}.btn--quiet:hover{background:rgba(20,24,50,.05)}.btn--lg{padding:15px 28px;font-size:1.02rem}.btn--block{width:100%}.btn[disabled]{opacity:.5;pointer-events:none}.card{position:relative;background:linear-gradient(180deg,hsla(0,0%,100%,.52),transparent),var(--space-800);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:clamp(18px,2.4vw,26px)}.glass{background:linear-gradient(135deg,rgba(255,253,248,.86),rgba(255,253,248,.62)),var(--glass);backdrop-filter:blur(10px) saturate(1.12);-webkit-backdrop-filter:blur(10px) saturate(1.12);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--shadow-2)}.panel{background:linear-gradient(180deg,hsla(0,0%,100%,.46),transparent),var(--space-800);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;font-size:.76rem;font-weight:700;letter-spacing:.01em;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--space-750);color:var(--text-dim)}.badge--blue{color:var(--blue-ink);border-color:rgba(47,136,255,.35);background:rgba(47,136,255,.1)}.badge--red{color:var(--red-ink);border-color:rgba(255,77,77,.35);background:rgba(255,77,77,.1)}.badge--violet{color:var(--violet-ink);border-color:rgba(139,92,255,.35);background:rgba(139,92,255,.1)}.badge--success{color:#0e8f63;border-color:rgba(26,161,121,.35);background:rgba(26,161,121,.12)}.badge--dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.chip{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:var(--r-pill);border:1px solid var(--line);background:#fffdf8;color:var(--text-dim);font-size:.9rem;font-weight:600;cursor:pointer;min-height:44px;box-shadow:var(--shadow-1);transition:all var(--dur) var(--ease)}.chip:hover{color:var(--text);border-color:var(--line-strong);background:var(--space-750)}.chip.is-active,.chip[aria-pressed=true]{color:#fff;background:linear-gradient(135deg,var(--saturn-500),var(--teal-500));border-color:transparent;box-shadow:var(--glow-blue)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--hairline);background:rgba(255,253,248,.82);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4)}.site-header__inner{height:var(--header-h);gap:24px}.nav,.site-header__inner{display:flex;align-items:center}.nav{gap:4px;margin-left:8px}.nav-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:var(--r-pill);color:var(--text-dim);font-weight:600;font-size:.93rem;transition:color var(--dur),background var(--dur)}.nav-link:hover{color:var(--text);background:rgba(20,24,50,.05)}.header-spacer{flex:1 1}.header-actions{display:flex}.brand,.header-actions{align-items:center;gap:10px}.brand{display:inline-flex;font-weight:800}.hero{position:relative;overflow:clip;padding-block:clamp(56px,8vw,120px)}.hero__halo{position:absolute;inset:-30% -10% auto -10%;height:120%;z-index:-1;background:linear-gradient(118deg,rgba(35,104,209,.14),transparent 36%),linear-gradient(42deg,transparent 52%,rgba(30,143,118,.12)),repeating-linear-gradient(90deg,rgba(21,25,38,.04) 0 1px,transparent 1px 54px);filter:blur(0);pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 14px 8px 10px;border-radius:var(--r-md);border:1px solid var(--line-strong);background:rgba(255,253,248,.82);box-shadow:var(--shadow-1);font-size:.83rem;font-weight:600;color:var(--text-dim);margin-bottom:26px}.lab-scene{position:relative;width:100%;max-width:560px;aspect-ratio:1.07;margin:0 auto;isolation:isolate}.lab-scene:before{content:"";position:absolute;inset:7% 4% 2% 12%;z-index:-1;border-radius:18px;background:rgba(21,25,38,.14);filter:blur(28px);transform:rotate(-4deg)}.lab-scene__photo{position:absolute;inset:5% 0 10% 6%;width:88%;height:80%;object-fit:cover;border:1px solid rgba(21,25,38,.18);border-radius:12px;box-shadow:var(--shadow-3);transform:rotate(2.5deg)}.lab-scene__overlay{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 18px 28px rgba(21,25,38,.16));transform:rotate(-3deg)}.lab-scene__pulse{transform-origin:248px 260px;animation:pulse-pin 2.8s var(--ease) infinite}.course-card{display:flex;flex-direction:column;overflow:clip;border-radius:var(--r-lg);border:1px solid var(--line);background:linear-gradient(180deg,hsla(0,0%,100%,.55),transparent 38%),var(--space-800);box-shadow:var(--shadow-1);transition:transform var(--dur) var(--ease-out),border-color var(--dur),box-shadow var(--dur);will-change:transform}.course-card:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:var(--shadow-3)}.course-card__art{position:relative;aspect-ratio:16/10;overflow:clip;isolation:isolate}.course-card__art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(21,25,38,.14),transparent 52%),linear-gradient(120deg,rgba(255,253,248,.22),transparent 46%)}.course-card__badges{position:absolute;z-index:2;top:13px;left:13px;right:13px;display:flex;gap:7px;flex-wrap:wrap}.course-card__badges .badge{background:rgba(255,253,248,.92);color:var(--ink);border-color:hsla(0,0%,100%,.9);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 2px 8px rgba(20,24,50,.12)}.course-card__badges .badge--dot:before{color:var(--teal-ink);background:var(--teal-ink)}.course-card__body{display:flex;flex-direction:column;gap:11px;padding:18px 18px 20px;flex:1 1}.course-card__title{font-size:1.08rem;font-weight:750;letter-spacing:-.02em;line-height:1.34}.course-card__desc,.course-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card__desc{color:var(--text-dim);font-size:.9rem;line-height:1.55}.course-card__meta{display:flex;align-items:center;gap:12px;color:var(--text-faint);font-size:.83rem;margin-top:auto;padding-top:4px}.course-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px dashed var(--line)}.price{font-weight:800;font-size:1.15rem;letter-spacing:-.02em;color:var(--text)}.price--lg{font-size:1.7rem}.stat__num{font-size:clamp(1.8rem,1.2rem + 1.8vw,2.7rem);font-weight:850;letter-spacing:-.03em;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.stat__label{color:var(--text-faint);font-size:.9rem;margin-top:4px}.feature{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:var(--r-lg);border:1px solid var(--line);background:linear-gradient(135deg,hsla(0,0%,100%,.62),transparent 46%),repeating-linear-gradient(0deg,rgba(21,25,38,.035) 0 1px,transparent 1px 22px),var(--space-800);box-shadow:var(--shadow-1);transition:border-color var(--dur),transform var(--dur) var(--ease),box-shadow var(--dur)}.feature:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:var(--shadow-2)}.feature__icon{display:grid;place-items:center;width:50px;height:50px;border-radius:var(--r-sm);background:rgba(35,104,209,.1);border:1px solid rgba(35,104,209,.26);color:var(--blue-ink)}.feature__icon--red{background:rgba(215,77,63,.1);border-color:rgba(215,77,63,.26);color:var(--red-ink)}.feature__icon--violet{background:rgba(30,143,118,.1);border-color:rgba(30,143,118,.26);color:var(--teal-ink)}.feature h3{font-size:1.18rem}.feature p{color:var(--text-dim);font-size:.95rem}.lesson-row{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--space-800);box-shadow:var(--shadow-1);color:inherit;transition:border-color var(--dur),background var(--dur),transform var(--dur-fast),box-shadow var(--dur)}.lesson-row:hover{border-color:var(--saturn-500);background:var(--space-750);box-shadow:var(--shadow-2);transform:translateX(3px)}.lesson-row__index{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:var(--r-sm);background:rgba(47,136,255,.1);border:1px solid rgba(47,136,255,.25);color:var(--blue-ink);font-weight:800;font-size:.95rem}.lesson-row__body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.lesson-row__title{font-weight:650;font-size:1rem}.lesson-row__hint{color:var(--text-faint);font-size:.84rem}.lesson-row__cta{flex-shrink:0;color:var(--blue-ink);font-weight:700;font-size:.88rem;opacity:0;transform:translateX(-4px);transition:all var(--dur) var(--ease)}.lesson-row:hover .lesson-row__cta{opacity:1;transform:translateX(0)}.field{display:flex;flex-direction:column;gap:8px}.field>span{font-size:.88rem;font-weight:600;color:var(--text-dim)}.input{width:100%;padding:13px 16px;border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--space-850);color:var(--text);font-size:.97rem;transition:border-color var(--dur),box-shadow var(--dur),background var(--dur)}.input::placeholder{color:var(--text-faint);opacity:1}.input:focus{outline:none;border-color:var(--saturn-500);background:#fff;box-shadow:0 0 0 4px rgba(47,136,255,.16)}.divider{display:flex;align-items:center;gap:14px;color:var(--text-faint);font-size:.83rem}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.note{border-radius:var(--r-md);border:1px solid var(--line);background:var(--space-850);padding:18px 20px}.note--legal{border-color:rgba(35,104,209,.38);background:rgba(35,104,209,.07)}.site-footer{margin-top:clamp(60px,8vw,120px);border-top:1px solid var(--hairline);background:linear-gradient(180deg,transparent,rgba(47,136,255,.05))}.footer-grid{display:grid;grid-gap:40px 32px;gap:40px 32px;grid-template-columns:1.6fr repeat(3,1fr);padding-block:clamp(40px,5vw,64px)}.footer-col h2{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:14px}.footer-col a{display:flex;align-items:center;min-height:44px;padding:5px 0;color:var(--text-dim);font-size:.92rem;transition:color var(--dur)}.footer-col a:hover{color:var(--blue-ink)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding-block:22px;border-top:1px solid var(--hairline);color:var(--text-faint);font-size:.85rem}}@layer utilities{.text-grad{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.text-study{background:var(--grad-study);-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.lead{font-size:clamp(1.05rem,.96rem + .5vw,1.3rem);color:var(--text-dim);line-height:1.65}.center{text-align:center}.relative{position:relative}.row{display:flex;align-items:center}.wrap{flex-wrap:wrap}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mt-12{margin-top:48px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.full{width:100%}.maxw-prose{max-width:64ch}.maxw-sm{max-width:460px}.maxw-md{max-width:640px}.mx-auto{margin-inline:auto}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{background-position:200% 0}}@keyframes pulse-pin{0%,to{opacity:.82;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.animate-float{animation:float 7s var(--ease) infinite}.animate-up{animation:fade-up .7s var(--ease-out) both}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}}@layer components{.player-stage{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr)}@media (min-width:920px){.player-stage.has-widget{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start}}.widget{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow-1);background:radial-gradient(420px 220px at 100% 0,rgba(47,136,255,.08),transparent 60%),var(--space-800)}.widget__head{justify-content:space-between;gap:10px}.widget__head,.widget__title{display:flex;align-items:center}.widget__title{gap:9px;font-size:1rem;font-weight:750}.widget__result{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:var(--r-md);background:rgba(47,136,255,.08);border:1px solid rgba(47,136,255,.2)}.widget__result b{font-size:1.25rem;font-weight:850;letter-spacing:-.02em;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.control{display:flex;flex-direction:column;gap:8px}.control__label{display:flex;align-items:center;justify-content:space-between;font-size:.86rem;color:var(--text-dim)}.control__label b{color:var(--text);font-weight:700}.widget__note{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:11px 13px;border-radius:var(--r-md);border:1px solid rgba(30,143,118,.32);background:rgba(30,143,118,.07);font-size:.86rem;color:var(--text-dim)}.ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:6px;gap:6px;margin:0;padding:0;list-style:none;counter-reset:none}.ladder__rung{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--space-850);color:var(--text-faint);text-align:center}.ladder__rung.is-reached{border-color:rgba(47,136,255,.4);background:rgba(47,136,255,.12);color:var(--blue-ink)}.ladder__rung[aria-current=step]{border-color:var(--saturn-500);box-shadow:var(--glow-blue)}.ladder__num{font-size:1.05rem;font-weight:850;line-height:1}.ladder__name{font-size:.78rem;font-weight:700}.level-check{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;border:0}.level-check__legend{padding:0;font-size:.82rem;font-weight:700;color:var(--text-faint)}.level-check__item{display:grid;grid-template-columns:18px minmax(0,1fr);grid-gap:11px;gap:11px;align-items:start;padding:10px 12px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--space-800);cursor:pointer}.level-check__item:hover{border-color:var(--line-strong)}.level-check__item input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--saturn-500);cursor:pointer}.level-check__item>span{display:grid;grid-gap:2px;gap:2px;font-size:.86rem}.level-check__item b{font-weight:750}.level-check__item .muted{font-size:.82rem}input[type=range].range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;border-radius:999px;background:linear-gradient(90deg,var(--saturn-500),var(--violet-500)) 50% /100% 6px no-repeat;outline:none;cursor:pointer}input[type=range].range:focus-visible{outline:2px solid var(--saturn-500);outline-offset:6px}input[type=range].range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--saturn-500);box-shadow:0 2px 8px rgba(20,24,50,.2),0 0 0 4px rgba(47,136,255,.16);-webkit-transition:transform var(--dur-fast);transition:transform var(--dur-fast)}input[type=range].range::-webkit-slider-thumb:active{transform:scale(1.15)}input[type=range].range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--saturn-500);box-shadow:0 2px 8px rgba(20,24,50,.2)}}@layer components{.course-detail-aside>*{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 18px)}.scale-summary{padding:clamp(22px,3vw,32px)}.scale-summary__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.scale-summary__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:0;gap:0;margin:20px 0 0;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.scale-summary__stats>div{padding:14px 16px;border-right:1px solid var(--line)}.scale-summary__stats>div:last-child{border-right:0}.scale-summary__stats dt{font-size:.8rem;font-weight:700;color:var(--text-faint)}.scale-summary__stats dd{margin:4px 0 0;font-size:1.25rem;font-weight:850;letter-spacing:-.02em;color:var(--text)}.section-block{border:1px solid var(--line);border-radius:var(--r-md);background:var(--space-800);box-shadow:var(--shadow-1);overflow:hidden}.section-block__head{display:grid;grid-template-columns:104px minmax(0,1fr) auto;grid-gap:16px;gap:16px;align-items:center;padding:16px 18px;cursor:pointer;list-style:none;transition:background var(--dur)}.section-block__head::-webkit-details-marker{display:none}.section-block__head:hover{background:var(--space-850)}.section-block[open] .section-block__head{border-bottom:1px solid var(--line);background:var(--space-850)}.section-block__ord{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:var(--r-pill);background:var(--text);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.04em;white-space:nowrap}.section-block__body{display:flex;flex-direction:column;gap:3px;min-width:0}.section-block__title{font-size:1.02rem;font-weight:750}.section-block__meta{font-size:.82rem;color:var(--text-faint)}.section-block__count{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:700;color:var(--text-dim);white-space:nowrap}.section-block__count:after{content:"▾";font-size:.72rem;transition:transform var(--dur) var(--ease)}.section-block[open] .section-block__count:after{transform:rotate(180deg)}.section-block__lessons{padding:14px;background:var(--space-850)}.lesson-row__labels{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.lesson-row__points{display:flex;flex-direction:column;gap:3px;margin-top:6px;font-size:.86rem;color:var(--text-dim)}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-xs);border:1px solid rgba(47,136,255,.3);background:rgba(47,136,255,.1);color:var(--blue-ink);font-size:.72rem;font-weight:750;white-space:nowrap}.tag--quiet{border-color:var(--line);background:var(--space-750);color:var(--text-faint)}.tag--live{border-color:rgba(139,92,255,.35);background:rgba(139,92,255,.1);color:var(--violet-ink)}.label-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:0;gap:0;margin:0}.label-legend>div{display:grid;grid-template-columns:58px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:baseline;padding-block:11px;border-top:1px solid var(--line)}.label-legend dd,.label-legend dt{margin:0}.label-legend dd{font-size:.9rem}.condition-list{display:grid;grid-gap:0;gap:0;margin:0;padding:0;list-style:none}.condition-list li{display:grid;grid-template-columns:34px minmax(0,1fr);grid-gap:16px;gap:16px;padding-block:18px;border-top:1px solid var(--line)}.condition-list li:last-child{border-bottom:1px solid var(--line)}.condition-list__number{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--text);color:#fff;font-size:.88rem;font-weight:800}.condition-list strong{font-size:.97rem;font-weight:650;color:var(--text-dim)}}@media (max-width:640px){.section-block__head{grid-template-columns:minmax(0,1fr) auto;row-gap:8px}.section-block__ord{grid-column:1/-1;justify-self:start}.scale-summary__stats>div{border-right:0;border-bottom:1px solid var(--line)}.scale-summary__stats>div:last-child{border-bottom:0}}@media (max-width:960px){.hero-layout{grid-template-columns:1fr!important;text-align:center}.hero-layout .eyebrow,.hero-layout .row{justify-content:center}.hero-layout .lead{margin-inline:auto}.hero-layout .animate-up.delay-2{order:-1;width:100%;max-width:360px;margin-inline:auto}.course-detail-grid{grid-template-columns:1fr!important}.purchase-card .panel{position:static!important}}@media (max-width:860px){.footer-grid{grid-template-columns:1fr 1fr}.auth-grid{grid-template-columns:1fr!important}.nav{display:none}}@media (max-width:560px){.footer-grid{grid-template-columns:1fr}.hide-mobile{display:none!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 24px;border-radius:var(--r-pill);background:linear-gradient(135deg,var(--saturn-500),var(--saturn-700));color:#fff;font-weight:700;box-shadow:var(--glow-blue)}@layer base{.site-main{flex:1 0 auto;width:100%;outline:none}.skip-link{position:fixed;top:10px;left:12px;z-index:100;padding:10px 16px;border-radius:var(--r-md);background:var(--text);color:#fff;font-weight:750;transform:translateY(-150%);transition:transform var(--dur-fast) var(--ease-out)}.skip-link:focus{transform:translateY(0)}}@layer components{.site-header__inner{position:relative}.header-account{display:inline-flex;align-items:center;gap:8px;max-width:170px;min-height:44px;padding-inline:10px;color:var(--text-dim);font-size:.88rem;font-weight:650}.header-account>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-account:hover{color:var(--blue-ink)}.header-account__dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px rgba(26,161,121,.14)}.mobile-nav{display:none}.mobile-nav__toggle{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--space-800);color:var(--text);cursor:pointer;list-style:none}.mobile-nav__toggle::-webkit-details-marker{display:none}.mobile-nav[open] .mobile-nav__toggle{border-color:var(--saturn-500);color:var(--blue-ink);background:rgba(35,104,209,.08)}.mobile-nav__panel{position:absolute;top:calc(100% + 10px);right:clamp(18px,4vw,32px);z-index:60;width:min(360px,calc(100vw - 36px));padding:12px;border:1px solid var(--line-strong);border-radius:var(--r-xl);background:var(--space-800);box-shadow:var(--shadow-2)}.mobile-nav__account{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 10px 14px;border-bottom:1px solid var(--line)}.mobile-nav__account>span:last-child{min-width:0}.mobile-nav__account small,.mobile-nav__account strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav__account small{margin-top:2px;color:var(--text-faint);font-weight:500}.mobile-nav__links{display:flex;flex-direction:column;padding-block:8px}.mobile-nav__links a{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border-radius:var(--r-md);color:var(--text-dim);font-weight:650}.mobile-nav__links a:hover{background:var(--space-850);color:var(--text)}.mobile-nav__actions{display:grid;grid-gap:8px;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.mobile-nav__actions form{width:100%}.footer-brand{display:inline-flex;min-height:auto}.footer-intro{max-width:34ch;font-size:.92rem}.footer-badges{flex-wrap:wrap}.auth-page{padding-block:clamp(40px,6vw,88px)}.auth-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;grid-gap:clamp(28px,5vw,64px);gap:clamp(28px,5vw,64px)}.auth-intro .lead{max-width:44ch}.auth-benefits{display:flex;flex-direction:column;gap:16px;padding:0;list-style:none}.auth-benefits li{display:flex;align-items:center;gap:12px;color:var(--text-dim)}.auth-benefits__icon{width:28px;height:28px;flex:0 0 auto}.auth-orbit{max-width:280px}.auth-panel{width:100%;max-width:440px;margin-inline:auto;padding:clamp(26px,4vw,40px)}.auth-panel h2{font-size:1.6rem}.auth-panel__intro{font-size:.92rem}.auth-error{padding:14px 16px;border:1px solid rgba(173,56,47,.38);border-radius:var(--r-md);background:rgba(215,77,63,.08);color:var(--danger)}.auth-error strong{display:block;font-size:.9rem}.auth-error p{margin-top:3px;color:var(--text-dim);font-size:.88rem}.auth-test-note{padding:12px 14px;color:var(--text-faint);font-size:.84rem}.auth-test-note strong{color:var(--text)}.btn--kakao{border-color:#e4ca00;background:#fee500;color:#191600;box-shadow:none}.btn--kakao:hover{background:#f5dc00}.auth-consent{font-size:.8rem}.auth-consent a{color:var(--text-dim);text-decoration:underline;text-underline-offset:3px}.catalog-hero{padding-bottom:clamp(30px,5vw,60px)}.catalog-hero__icon{color:var(--teal-ink)}.catalog-hero__intro{max-width:56ch}.catalog-search{max-width:760px;scroll-margin-top:calc(var(--header-h) + 20px)}.catalog-search>label{display:block;margin-bottom:8px;color:var(--text-dim);font-size:.88rem;font-weight:700}.catalog-search__row{position:relative;display:flex;gap:10px;align-items:stretch}.catalog-search__icon{position:absolute;top:50%;left:16px;z-index:1;color:var(--text-faint);transform:translateY(-50%);pointer-events:none}.catalog-search__input{min-width:0;padding-left:48px;background:var(--space-800)}.catalog-filters{display:flex;flex-wrap:wrap;gap:8px}.catalog-filters .chip[aria-current=page]{color:#fff;background:var(--saturn-600);border-color:var(--saturn-600);box-shadow:none}.catalog-results{padding-top:clamp(20px,3vw,40px)}.catalog-results__head{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:16px}.catalog-results__head p{color:var(--text-faint)}.catalog-results__head strong{color:var(--text)}.empty-state{padding:clamp(40px,8vw,80px);text-align:center}.empty-state__icon{display:grid;width:56px;height:56px;margin:0 auto 20px;place-items:center;border-radius:var(--r-md);background:rgba(35,104,209,.1);color:var(--blue-ink)}.empty-state h2{font-size:1.3rem}.empty-state p{max-width:46ch;margin:8px auto 0}.content-page{padding-block:clamp(40px,7vw,88px)}.content-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:26px;color:var(--text-faint);font-size:.88rem}.content-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:var(--blue-ink)}.content-page__header,.content-prose{max-width:760px}.content-page__header{padding-bottom:clamp(30px,5vw,52px);border-bottom:1px solid var(--line-strong)}.content-page__header .lead{max-width:62ch;margin-top:16px}.content-page__updated{margin-top:18px;color:var(--text-faint);font-size:.86rem;font-weight:650}.content-prose{display:flex;flex-direction:column;gap:clamp(34px,5vw,52px);padding-top:clamp(34px,5vw,52px);color:var(--text-dim)}.content-prose section{scroll-margin-top:calc(var(--header-h) + 22px)}.content-prose h2{margin-bottom:16px;color:var(--text);font-size:1.32rem}.content-prose h3{color:var(--text);font-size:1.05rem}.content-prose li,.content-prose p{max-width:70ch;line-height:1.75}.content-prose section>ol+p,.content-prose section>p+p,.content-prose section>ul+p{margin-top:14px}.content-prose ol:not(.roadmap-list),.content-prose ul{display:grid;grid-gap:8px;gap:8px;padding-left:1.3rem}.content-prose a:not(.btn){color:var(--blue-ink);font-weight:650;text-decoration:underline;text-underline-offset:3px}.roadmap-list{display:grid;grid-gap:0;gap:0;padding:0;list-style:none;counter-reset:roadmap}.roadmap-list li{display:grid;grid-template-columns:46px minmax(0,1fr);grid-gap:18px;gap:18px;padding-block:22px;border-top:1px solid var(--line)}.roadmap-list li:last-child{border-bottom:1px solid var(--line)}.roadmap-list__number{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--text);color:#fff;font-weight:800}.roadmap-list p{margin-top:7px}.roadmap-list a{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:8px}.learning-method{display:flex;align-items:flex-start;gap:16px;padding:22px 0;border-block:1px solid var(--line)}.learning-method>svg{flex:0 0 auto;margin-top:2px;color:var(--teal-ink)}.learning-method p{margin-top:7px}.faq-list{display:grid;border-top:1px solid var(--line-strong)}.faq-list details{border-bottom:1px solid var(--line-strong)}.faq-list summary{position:relative;min-height:64px;padding:19px 44px 19px 0;color:var(--text);font-weight:750;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;top:16px;right:4px;color:var(--blue-ink);font-size:1.4rem;font-weight:500}.faq-list details[open] summary:after{content:"−"}.faq-list details p{padding:0 44px 20px 0}.content-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:24px;border-top:1px solid var(--line-strong);color:var(--text);font-weight:650}.contact-notice{padding:18px 20px;border:1px solid rgba(190,131,36,.42);border-radius:var(--r-md);background:rgba(227,176,68,.1)}.contact-notice strong{color:var(--amber-ink)}.contact-notice p{margin-top:4px}.account-page{padding-block:clamp(40px,6vw,80px)}.account-page__header{display:flex;align-items:center;gap:20px}.account-avatar{display:grid;width:64px;height:64px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--saturn-600);color:#fff;font-size:1.45rem;font-weight:800}.account-page__label{color:var(--blue-ink);font-size:.84rem;font-weight:750}.account-page__header h1{margin-block:3px 5px;font-size:clamp(1.8rem,4vw,2.5rem)}.account-page__logout{margin-left:auto}.account-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px;border-block:1px solid var(--line-strong)}.account-stat{display:flex;min-width:0;flex-direction:column;gap:2px;padding:22px clamp(14px,3vw,28px);border-right:1px solid var(--line)}.account-stat:first-child{padding-left:0}.account-stat:last-child{border-right:0}.account-stat strong{overflow-wrap:anywhere;font-size:1.45rem;letter-spacing:-.02em}.account-stat span{color:var(--text-faint);font-size:.86rem}.account-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start;grid-gap:clamp(26px,4vw,48px);gap:clamp(26px,4vw,48px);margin-top:clamp(34px,5vw,52px)}.account-main{display:grid;min-width:0;grid-gap:28px;gap:28px}.account-profile,.account-section{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--space-800)}.account-section{overflow:hidden}.account-section__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid var(--line)}.account-profile h2,.account-section__head h2{font-size:1.15rem}.account-section__head p{margin-top:4px;color:var(--text-faint);font-size:.86rem}.account-course-list{padding:0;list-style:none}.account-course-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px;padding:16px 24px;border-bottom:1px solid var(--line)}.account-course-list li:last-child{border-bottom:0}.account-course-list li>div{min-width:0}.account-course-list li>div>a{display:inline-block;max-width:100%;overflow:hidden;color:var(--text);font-weight:720;text-overflow:ellipsis;white-space:nowrap}.account-course-list p{margin-top:2px;color:var(--text-faint);font-size:.82rem}.account-course-list li>a{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:50%;color:var(--blue-ink)}.account-course-list li>a:hover{background:rgba(35,104,209,.08)}.account-empty{padding:40px 24px;text-align:center}.account-empty h3{font-size:1.05rem}.account-empty p{margin-top:6px}.account-empty p,.account-empty--compact{color:var(--text-faint)}.account-payments{overflow-x:auto}.account-payments table{width:100%;min-width:650px;border-collapse:collapse;font-size:.88rem}.account-payments td,.account-payments th{padding:15px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.account-payments th{color:var(--text-faint);font-size:.8rem;font-weight:700}.account-payments tbody tr:last-child td{border-bottom:0}.account-payments td:first-child{min-width:210px}.account-payments td small,.account-payments td strong{display:block}.account-payments td small{max-width:250px;margin-top:3px;overflow:hidden;color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap}.payment-status{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:var(--r-pill);font-size:.78rem;font-weight:720;white-space:nowrap}.payment-status--paid{background:rgba(26,161,121,.12);color:var(--teal-ink)}.payment-status--pending{background:rgba(227,176,68,.16);color:var(--amber-ink)}.payment-status--canceled,.payment-status--failed{background:rgba(215,77,63,.1);color:var(--red-ink)}.payment-status--refunded{background:rgba(35,104,209,.1);color:var(--blue-ink)}.account-profile{padding:22px}.account-profile dl{display:grid;grid-gap:0;gap:0;margin-top:16px}.account-profile dl>div{padding-block:13px;border-top:1px solid var(--line)}.account-profile dt{color:var(--text-faint);font-size:.8rem;font-weight:650}.account-profile dd{margin-top:3px;overflow-wrap:anywhere;color:var(--text);font-size:.9rem;font-weight:650}.account-profile>p{margin-top:18px;color:var(--text-faint);font-size:.84rem}.account-profile a{color:var(--blue-ink);font-weight:650;text-decoration:underline;text-underline-offset:3px}.state-page{display:grid;min-height:min(620px,72vh);padding-block:clamp(56px,9vw,112px);place-items:center}.state-page__panel{max-width:620px;margin-inline:auto;text-align:center}.state-page__code{margin-bottom:14px;color:var(--blue-ink);font-size:.88rem;font-weight:750}.state-page__panel>p:not(.state-page__code){max-width:58ch;margin:14px auto 0;color:var(--text-dim)}.state-page__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}.catalog-loading{padding-block:clamp(56px,8vw,96px)}.skeleton{border-radius:var(--r-sm);background:linear-gradient(100deg,var(--space-750) 20%,var(--space-800) 36%,var(--space-750) 52%);background-size:200% 100%;animation:shimmer 1.35s linear infinite}.skeleton--label{width:132px;height:34px}.skeleton--title{width:min(540px,92%);height:52px;margin-top:26px}.skeleton--copy{width:min(600px,100%);height:26px;margin-top:18px}.skeleton--search{width:min(760px,100%);height:52px;margin-top:34px}.catalog-loading__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.skeleton--chip{width:92px;height:40px;border-radius:var(--r-pill)}.catalog-loading__cards{margin-top:58px}.skeleton-card{overflow:hidden;border-radius:var(--r-lg);background:var(--space-800)}.skeleton-card__art{height:auto;aspect-ratio:16/10;border-radius:0}.skeleton-card__body{display:grid;grid-gap:13px;gap:13px;padding:18px}.skeleton-card__title{width:76%;height:22px}.skeleton-card__line{width:100%;height:14px}.skeleton-card__line--short{width:58%}}@layer utilities{.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}}@media (max-width:1080px){.header-actions--desktop{gap:6px}.header-account>span:last-child,.header-actions--desktop>a:first-child span{display:none}.header-account{width:36px;padding-inline:13px}}@media (max-width:860px){.header-actions--desktop{display:none}.mobile-nav{display:block}.account-layout{grid-template-columns:minmax(0,1fr)}.account-profile{order:-1}}@media (max-width:640px){.catalog-search__row{display:grid;grid-template-columns:minmax(0,1fr) auto}.catalog-search__row .btn{padding-inline:18px}.catalog-results__head{align-items:flex-start}.content-cta{align-items:stretch;flex-direction:column}.content-cta .btn{width:100%}.account-page__header{align-items:flex-start;flex-wrap:wrap}.account-avatar{width:52px;height:52px}.account-page__header>div:nth-child(2){min-width:0;flex:1 1}.account-page__logout{width:100%;margin-left:0}.account-page__logout .btn{width:100%}.account-stats{grid-template-columns:1fr}.account-stat,.account-stat:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--line)}.account-stat:last-child{border-bottom:0}.account-section__head{align-items:flex-start;flex-direction:column;padding:18px}.account-section__head .btn{width:100%}.account-course-list li{padding-inline:18px}}@media (max-width:460px){.catalog-search__row{grid-template-columns:1fr}.catalog-search__row .btn{width:100%}.catalog-results__head{flex-direction:column}.catalog-results__head .btn{width:100%}.roadmap-list li{grid-template-columns:38px minmax(0,1fr);gap:12px}.state-page__actions{flex-direction:column}.state-page__actions .btn{width:100%}}