:root{--blue:#08778b;--muted:#52707d;--line:#dcebea;color:#123c50;background:#f1fafb;font-family:'Segoe UI',Arial,sans-serif}body{color:#123c50;background:radial-gradient(ellipse at 100% 10%,#d9f8e4 0,transparent 35%),radial-gradient(ellipse at 0 48%,#fff1b9 0,transparent 32%),#edfafd}header{padding:18px max(24px,calc((100vw - 1180px)/2));gap:32px;border-bottom:1px solid #e6efee;box-shadow:0 3px 16px #153c4f06}header .brand,footer .brand{gap:7px;letter-spacing:-1px}.wordmark{position:relative;color:#f47a2e;font-size:43px;font-weight:800;line-height:1.1;letter-spacing:-2.8px;padding-right:3px}.brand-arrow{position:absolute;color:#24adbe;font-size:36px;top:-12px;right:-20px;transform:rotate(-7deg)}.brand-name{font-size:23px;color:#10435a;font-weight:750;align-self:flex-end;line-height:1.5;margin-left:2px}header nav{margin-left:auto;gap:25px}header nav a{font-size:15px;color:#193744;white-space:nowrap}header nav a.active{color:#ed742c;border-color:#ed742c}.header-cta{white-space:nowrap}.header-label{display:none}.btn{border-radius:9px;color:#15576a;border-color:#c9dddd;font-size:15px}.btn.primary,.header-button{background:#fa7a2c;border-color:#fa7a2c;color:#fff;box-shadow:0 5px 12px #ed7c2720}.btn.primary:hover,.header-button:hover{background:#dc5f13;border-color:#dc5f13}.btn:hover{background:#e9f8f7}.panel{border-color:#dcebea;border-radius:19px;box-shadow:0 6px 24px #12506305}.eyebrow{color:#168594;font-size:13px;letter-spacing:1.5px}h1{color:#103d54}h2,h3{color:#183e4c}.level-button.active{background:#fff;border-color:#90d2cd;box-shadow:0 4px 18px #087c8410}.level-button:hover{background:#e1f5f2}.level-number{background:#dff4f0;color:#087c82}.level-button.active .level-number{background:#087c82}.pill{background:#edf9f3;border-color:#c8e7db;color:#257759;font-size:14px}.practice-banner{background:linear-gradient(115deg,#e3f7f2,#ecf9ff);border:1px solid #d7ede7}.answer:has(input:checked){background:#e8f7f3;border-color:#198b81}.question-dots button.answered{background:#dff4ee}.example{background:#eef9f8;border-left-color:#70c4ba}.score{border-color:#ffdfc6;color:#e66f24}.sidebar .btn:not(.primary){color:#15576a}.notification{background:#edf9f7;border-color:#c7e8df}.notice-error{background:#fff3e8;border-color:#f3c69e}.level-button strong{font-size:15px}.level-button small{font-size:14px}.subnote,footer,.header-label{font-size:14px}.home-page main{max-width:1230px;padding-top:0}.home-page #notice:not(:empty){padding-top:20px}.home-hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:52px;padding:62px 10px 72px;position:relative}.hero-photo{position:relative;padding:0 12px 0 10px}.hero-photo img{width:100%;height:400px;object-fit:cover;object-position:46% 50%;display:block;border-radius:46% 46% 28px 28px;box-shadow:-13px 14px 0 #ffdc71,10px -8px 0 #caf0ed}.photo-arrow{position:absolute;top:25px;left:-8px;width:64px;height:64px;border-radius:50%;background:linear-gradient(130deg,#55e8d0,#c7ec7f);display:grid;place-items:center;font-size:44px;font-weight:700;color:#087894}.photo-note{position:absolute;bottom:20px;right:-15px;background:#fff;padding:12px 24px;border-radius:15px;box-shadow:0 8px 26px #193d5315;transform:rotate(-3deg)}.photo-note span{display:block;font-weight:700;font-size:25px;color:#087a84}.photo-note small{font-size:14px;color:#52707d}.hero-copy h1{font-size:43px;line-height:1.2;letter-spacing:-1.2px;margin:14px 0 20px}.hero-copy h1 em{color:#ed782f;font-style:normal;font-size:34px;letter-spacing:-.9px}.hero-copy>p{font-size:18px;line-height:1.6;color:#365963;max-width:520px;margin-bottom:23px}.hero-cta{padding:14px 23px;text-transform:uppercase;font-size:15px;gap:20px}.hero-facts{display:flex;gap:34px;margin-top:28px}.hero-facts>span{display:flex;flex-direction:column;color:#456875;font-size:14px}.hero-facts b{font-size:25px;line-height:1.25;color:#0b6f80}.home-benefits{position:relative;background:#fff;border:1px solid #e5efeb;border-radius:25px;box-shadow:0 12px 45px #20506609;padding:38px 42px 42px;margin-bottom:56px}.section-title{text-align:center;margin-bottom:28px}.section-title h2{font-size:29px;margin:8px 0 10px;letter-spacing:-.7px}.section-title p{color:#52707d;margin:0}.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.benefit{display:flex;align-items:center;flex-direction:column;text-align:center;border:1px solid #e2ece8;border-radius:17px;padding:24px 16px 20px;box-shadow:0 3px 10px #173d5107;transition:transform .15s,border-color .15s}.benefit:hover{transform:translateY(-4px);border-color:#f1b35d}.benefit h3{font-size:18px;margin:16px 0 8px}.benefit p{font-size:15px;line-height:1.6;color:#547079;margin-bottom:20px}.feature-symbol{display:grid;place-items:center;width:62px;height:62px;border-radius:19px;font-weight:750;font-size:28px;border:1px solid #d0e8de;color:#164f64}.mint{background:#d3f4e1}.yellow{background:#fff0b0;border-color:#f1df99}.sky{background:#d9f3fe;border-color:#c8e6f1}.peach{background:#ffe5ce;border-color:#f0d5bc}.feature-link{margin-top:auto;font-size:14px;color:#127d86;font-weight:650}.home-courses{padding:0 14px}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-tile{background:#fff;border:1px solid #dcebea;border-radius:17px;padding:22px;display:flex;align-items:center;gap:16px}.course-tile:hover{border-color:#e9a25a}.course-tile h3{font-size:17px;margin:2px 0 5px}.course-tile small{font-size:12px;letter-spacing:1px;color:#158294}.course-tile p{font-size:14px;color:#627b82;margin:0}.course-tile>span:last-child{margin-left:auto;color:#ed782f}.home-disclaimer{text-align:center;color:#627b82;font-size:14px;margin:25px 0}.group-heading{background:#e6f5f1}.number{background:#0d8491}.study-card{background:#10687b}.study-card p,.korean{color:#dbf3f0}.document-group,.guide-grid,.resource{border-color:#dcebea;border-radius:17px}.open,.source a,.label,.resource>span,nav .active{color:#0a7c86}.brand small{display:none}footer{border-color:#d3e5e1}footer .brand{font-size:18px}footer .wordmark{font-size:35px}footer .brand-name{font-size:20px}footer .brand-arrow{font-size:28px;right:-15px}
@media(max-width:1050px){header{gap:22px}header nav{gap:18px}.header-cta{display:none}.home-hero{gap:30px}.hero-copy h1{font-size:36px}.hero-copy h1 em{font-size:28px}.hero-photo img{height:370px}.home-benefits{padding:30px 25px}.benefit-grid{gap:12px}.benefit{padding:20px 12px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){header{padding:19px 20px 12px;gap:12px}header nav{margin:0;gap:23px;width:100%;padding-top:8px}header nav a{font-size:14px}.wordmark{font-size:37px}.brand-name{font-size:21px}.brand-arrow{font-size:31px;right:-17px;top:-10px}.home-hero{display:flex;flex-direction:column-reverse;gap:32px;padding:32px 4px 38px}.hero-copy{width:100%}.hero-copy h1{font-size:37px;margin:10px 0 17px}.hero-copy h1 em{font-size:28px}.hero-copy>p{font-size:17px}.hero-photo{width:100%;max-width:430px;padding:0 15px}.hero-photo img{height:310px}.photo-note{right:6px;bottom:16px}.photo-arrow{left:4px;width:55px;height:55px;font-size:35px}.hero-facts{gap:36px;margin-top:23px}.home-benefits{padding:27px 17px;margin-bottom:35px;border-radius:21px}.section-title h2{font-size:25px}.section-title .eyebrow{font-size:12px}.benefit-grid{grid-template-columns:1fr 1fr;gap:12px}.benefit h3{font-size:17px}.benefit p{font-size:14px}.feature-link{font-size:13px}.feature-symbol{width:53px;height:53px;font-size:25px}.home-courses{padding:0}.course-grid{grid-template-columns:1fr}.sidebar .btn{padding:12px}.level-button small{display:none}footer{margin-top:35px}.home-page main{padding:0 18px}.quiz-actions .btn{flex:1;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.benefit{transition:none}.benefit:hover{transform:none}}
.header-cta{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;min-height:44px;font-weight:650;border:1px solid #fa7a2c}
@media(max-width:1050px){.header-cta{display:none}}
@media(max-width:720px){header nav{flex-wrap:wrap;overflow:visible;column-gap:20px;row-gap:0}header nav a{padding:6px 0}}