@charset "UTF-8";
:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;color:#244647;background:#f5f7f4;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}a{color:inherit}button{font:inherit;cursor:pointer}[hidden]{display:none!important}.top{background:#173c40;color:#f7fcf6}.top-inner{max-width:980px;padding:25px 34px;display:flex;align-items:center;justify-content:space-between;margin:auto}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;letter-spacing:3px;font-size:22px;font-weight:650}.brand>span{display:grid;place-items:center;border:1px solid #a8c7ab80;border-radius:11px;width:41px;height:44px;font-size:26px;color:#d0e5a5;font-weight:400;letter-spacing:0}.brand small{font-size:7px;color:#9bbaa9;display:block;letter-spacing:2px;margin-top:5px;font-weight:400}.top-label{font-size:11px;color:#b7cdc6;letter-spacing:1px}.wrap{max-width:980px;padding:47px 34px 20px;margin:auto;min-height:calc(100dvh - 180px)}.eyebrow{font-size:9px;letter-spacing:2.3px;color:#7a9b8e}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:31px}.intro h1{font-size:34px;font-weight:500;letter-spacing:-1.5px;line-height:1.5;margin:13px 0 11px;color:#234c4a}.intro p{font-size:13px;color:#80958d;line-height:1.9;margin:0}.mountain{color:#bcd2b3;font-size:100px;font-weight:200;line-height:1;transform:rotate(-8deg);padding-right:12px}.demo-banner{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.8;color:#917c4d;background:#fcf6e6;border:1px solid #e9debd;border-radius:8px;padding:12px 15px;margin-bottom:27px}.demo-banner>span{white-space:nowrap;color:#9a793a;font-size:9px;border:1px solid #ddc995;padding:2px 5px;border-radius:4px}.pass-card{border:1px solid #d7e5d7;border-radius:18px;background:linear-gradient(130deg,#eaf3e7,#f1f7eb);padding:30px 32px;margin-bottom:42px;box-shadow:0 10px 30px #52725106}.pass-title{display:flex;align-items:center;justify-content:space-between;gap:18px}.pass-title h2{font-size:25px;letter-spacing:-.8px;margin:10px 0;font-weight:500;color:#325b4d}.pass-title h2 small{font-size:11px;letter-spacing:0;font-weight:400;color:#7b9f87;background:#ffffff70;border:1px solid #cfdfc9;padding:4px 7px;border-radius:5px;margin-left:10px;vertical-align:middle}.pass-title p{font-size:11px;color:#84a08b;margin:0;line-height:1.8}.pass-title>strong{font-size:60px;font-weight:350;color:#47735b;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-2px}.pass-title>strong small{font-size:13px;font-weight:400;letter-spacing:0;margin-left:7px;color:#7f9d85}.pass-progress{height:5px;background:#d8e5d2;border-radius:10px;overflow:hidden;margin:28px 0 24px}.pass-progress span{display:block;background:#72986b;height:100%;border-radius:10px}.pass-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pass-counts article{border-right:1px solid #d4e2cf}.pass-counts article:last-child{border-right:0}.pass-counts article>span{font-size:10px;color:#819a80}.pass-counts strong{display:block;font-size:30px;font-weight:400;color:#4c7259;margin-top:9px;font-variant-numeric:tabular-nums}.pass-counts strong small{font-size:11px;font-weight:400;color:#8ea58a;margin-left:5px}.pass-counts .accent strong{color:#2f765b}.pass-explainer{font-size:11px;color:#88a082;line-height:1.9;padding-top:17px;margin:19px 0 0;border-top:1px solid #d6e3d0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:17px}.section-heading h2{font-size:21px;font-weight:500;letter-spacing:-.5px;color:#3b5f59;margin:9px 0 0}.section-heading h2>span{font-size:11px;color:#8fa79b;font-weight:400;margin-left:6px}.timezone{font-size:9px;color:#a1b2a9;padding-bottom:3px}.lesson-card{position:relative;display:flex;gap:22px;padding:25px 26px;background:#fff;border:1px solid #dfe8e0;border-radius:13px;margin-bottom:13px}.lesson-marker{color:#acbeb1;font-size:12px;letter-spacing:1px;flex-shrink:0;padding-top:3px;width:23px}.lesson-content{flex:1;min-width:0}.lesson-content>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.lesson-date{font-size:11px;color:#789187;line-height:1.7}.lesson-content h3{font-size:19px;font-weight:500;letter-spacing:-.5px;margin:8px 0 0;color:#345a51;overflow-wrap:anywhere}.lesson-content h3 small{font-size:10px;font-weight:400;color:#99ad9d;margin-left:6px}.status{display:inline-flex;white-space:nowrap;font-size:9px;color:#5f9a83;background:#edf7f1;border-radius:5px;padding:5px 8px}.status.complete{color:#8e9b83;background:#f0f4eb}.lesson-time{font-size:24px;color:#305c53;letter-spacing:-.6px;font-weight:450;display:flex;align-items:center;gap:11px;margin:19px 0 18px;flex-wrap:wrap;font-variant-numeric:tabular-nums}.lesson-time>span{font-size:17px;color:#b1c3b6;font-weight:300}.lesson-time>small{font-size:10px;letter-spacing:0;font-weight:400;color:#92a89a;margin-left:7px}.segments{display:grid;grid-template-columns:1fr .85fr 1fr;gap:6px;margin:0 0 20px}.segments>div{background:#f0f6f0;border:1px solid #dbe7d7;border-radius:6px;padding:10px 12px;min-width:0}.segments .break{background:#faf7ed;border-color:#ebe2cb}.segments span{display:block;font-size:9px;color:#8aa188}.segments .break span{color:#aa9d7d}.segments strong{display:block;font-size:12px;color:#6b8b69;font-weight:500;margin-top:5px;font-variant-numeric:tabular-nums}.segments .break strong{color:#9f906b}.lesson-meta{display:flex;flex-wrap:wrap;gap:10px 25px;padding-top:15px;border-top:1px solid #edf1ec;font-size:11px;color:#729482;line-height:1.8}.lesson-meta i{font-style:normal;color:#a0b1a4;font-size:10px;margin-right:9px}.help-card{display:flex;gap:15px;background:#edf3ef;border:1px solid #dde7df;border-radius:10px;padding:21px 24px;margin-top:27px}.help-icon{display:grid;place-items:center;width:21px;height:21px;border:1px solid #a2b9a7;border-radius:50%;font-family:Georgia,serif;font-size:14px;color:#87a18d;flex-shrink:0}.help-card h3{font-size:12px;font-weight:500;color:#6b8d74;margin:0 0 7px}.help-card p{font-size:11px;color:#92a791;line-height:1.9;margin:0}.private-note{font-size:10px;color:#a5b6a8;line-height:1.8;text-align:center;margin:25px 0 0}.footer{font-size:9px;color:#a6b5aa;letter-spacing:1px;text-align:center;padding:27px 20px 36px}.loading{text-align:center;padding:130px 25px;font-size:13px;color:#86a08c;line-height:2}.loading-dot{display:block;width:11px;height:11px;border-radius:50%;background:#bad1af;margin:0 auto 19px}.welcome{max-width:550px;text-align:center;margin:50px auto 0}.welcome h1{font-size:38px;font-weight:450;letter-spacing:-1.7px;line-height:1.5;margin:18px 0}.welcome p{font-size:13px;line-height:2;color:#8a9f91}.welcome-mark{font-size:100px;font-weight:250;line-height:1.4;color:#c5d7bc;margin-top:42px}.empty-state{background:#fff;border:1px dashed #d6e4d5;border-radius:13px;text-align:center;padding:38px 20px;color:#9eb49e}.empty-state>span{font-size:33px;font-weight:200;color:#bdd0b5}.empty-state h3{font-size:16px;font-weight:500;color:#6e8b70;margin:13px 0 11px}.empty-state p{font-size:12px;line-height:2;color:#98ac98;margin:0}.error-state{text-align:center;max-width:560px;padding:75px 15px;margin:auto}.error-state>span{display:grid;place-items:center;width:42px;height:42px;margin:auto;border:1px solid #d7c7b3;border-radius:50%;color:#ae997d;font-size:20px}.error-state h1{font-size:25px;font-weight:500;letter-spacing:-.8px;margin:25px 0 15px;color:#6f7161}.error-state p{font-size:13px;color:#9c9b86;line-height:1.9}.error-state button{margin-top:23px;border:1px solid #afc3af;background:#fff;color:#738d73;border-radius:7px;padding:12px 22px;font-size:12px}@media(max-width:620px){.top-inner{padding:20px 21px}.brand{font-size:20px;gap:10px}.brand>span{width:35px;height:38px;font-size:23px}.brand small{font-size:6px;letter-spacing:1.6px}.top-label{font-size:10px;letter-spacing:0}.wrap{padding:31px 18px 12px}.intro{margin-bottom:26px;gap:10px}.intro h1{font-size:27px;letter-spacing:-1.2px;margin-top:10px}.intro p{font-size:11px}.mountain{font-size:67px;padding-right:0}.eyebrow{font-size:8px;letter-spacing:1.8px}.demo-banner{font-size:9px;padding:10px 12px;gap:8px;align-items:flex-start;margin-bottom:23px}.demo-banner>span{font-size:8px;margin-top:1px}.pass-card{padding:23px 21px;margin-bottom:31px;border-radius:14px}.pass-title h2{font-size:22px}.pass-title h2 small{font-size:9px}.pass-title p{font-size:9px}.pass-title>strong{font-size:45px}.pass-title>strong small{font-size:10px}.pass-progress{margin:23px 0 20px}.pass-counts{gap:10px}.pass-counts article>span{font-size:9px;white-space:nowrap}.pass-counts strong{font-size:25px}.pass-counts strong small{font-size:9px;margin-left:3px}.pass-explainer{font-size:9px;margin-top:17px;padding-top:13px}.section-heading h2{font-size:19px}.section-heading h2>span{font-size:10px}.timezone{font-size:8px}.lesson-card{padding:21px 17px;gap:11px;border-radius:11px}.lesson-marker{font-size:10px;width:17px;padding-top:1px}.lesson-date{font-size:10px}.lesson-content h3{font-size:17px}.lesson-content h3 small{font-size:9px}.status{font-size:8px;padding:4px 6px}.lesson-time{font-size:22px;gap:9px;margin:17px 0}.lesson-time>small{font-size:9px;width:100%;margin:0}.segments{gap:4px;margin-bottom:17px}.segments>div{padding:9px 7px}.segments span{font-size:8px}.segments strong{font-size:10px;letter-spacing:-.3px}.lesson-meta{gap:7px 15px;font-size:10px;padding-top:12px;flex-direction:column}.lesson-meta i{font-size:9px}.help-card{padding:17px 18px;gap:12px;margin-top:23px}.help-card h3{font-size:11px}.help-card p{font-size:10px}.help-icon{width:19px;height:19px;font-size:12px}.private-note{font-size:9px;margin-top:22px}.footer{font-size:8px;letter-spacing:.7px;padding:22px 18px 28px}.welcome{margin-top:40px}.welcome h1{font-size:30px}.welcome p{font-size:12px}.empty-state h3{font-size:14px}.empty-state p{font-size:11px}.error-state{padding:55px 8px}.error-state h1{font-size:22px}.error-state p{font-size:12px}}