:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#16365b;background:#eff6ff;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:#086dc0;text-underline-offset:4px}button,input{font:inherit}button,.button{display:inline-block;cursor:pointer;border:0;border-radius:12px;padding:14px 18px;background:#087bc2;color:white;font-weight:650;text-decoration:none;text-align:center}button:disabled{opacity:.55;cursor:wait}.button,form>button{width:100%}.secondary{background:#e9f2fd;color:#14508c;width:100%;margin-top:22px}.text{background:none;color:#1462a3;padding:10px 6px;font-weight:500}.danger{color:#a82d38}.shell{display:grid;grid-template-columns:1fr 1fr;max-width:1120px;margin:0 auto;min-height:85vh;align-items:center;padding:60px 30px;gap:70px}.intro{align-self:start;position:sticky;top:60px;padding-top:20px}.brand{font-size:30px;font-weight:800;text-decoration:none;display:flex;flex-direction:column;gap:4px}.brand span{font-size:13px;font-weight:500;color:#63829e}h1{font-size:44px;line-height:1.35;letter-spacing:-2px;margin-top:72px}h2{font-size:28px;letter-spacing:-1px;margin:8px 0 16px}p{line-height:1.8;color:#526d89}h3{font-size:17px;margin-top:0}.features{display:flex;flex-wrap:wrap;gap:10px;margin:36px 0}.features span{background:#dceeff;border-radius:40px;padding:9px 12px;font-size:13px}.fine{font-size:13px;color:#657f98}.card{background:#fff;border:1px solid #e0eaf5;border-radius:26px;padding:36px;box-shadow:0 12px 36px #16365b0c}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#087bc2;margin-bottom:8px}label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:650;margin:20px 0}input{width:100%;min-width:0;padding:14px;border:1px solid #cbd9e7;border-radius:10px;background:#fff;color:#14395c}input:focus{outline:3px solid #b9dcff;border-color:#087bc2}small{font-size:12px;color:#70879f;font-weight:400}.check{flex-direction:row;align-items:flex-start;font-weight:400;line-height:1.6}.check input{width:auto;margin-top:6px}.notice,#alert{background:#e9f3ff;border-radius:12px;padding:13px;font-size:14px;line-height:1.7;margin-bottom:18px}#alert{background:#fff0ef;color:#a12d35}#auth-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:18px}.box{border:1px solid #dbe6f1;border-radius:16px;padding:20px;margin-top:24px}.pair{font-size:30px;font-weight:800;letter-spacing:5px;margin:18px 0;overflow-wrap:anywhere}.mono{font-family:monospace;font-size:13px;overflow-wrap:anywhere}.box p{font-size:14px}details{margin:22px 0}summary{cursor:pointer;font-size:14px}footer{max-width:1020px;margin:0 auto;padding:20px 30px}footer p{font-size:13px}[hidden]{display:none!important}@media(max-width:800px){.shell{grid-template-columns:1fr;padding:28px 18px;gap:24px}.intro{position:static;padding:0}h1{font-size:30px;margin-top:30px}.features,.intro>.fine{display:none}.intro>p{font-size:14px}.card{padding:26px}.brand{font-size:26px}}


/* Account and PC entry follow the app palette. */
:root{color:#173050;background:#f5f7fc;font-family:system-ui,-apple-system,"Noto Sans KR","Malgun Gothic",sans-serif;letter-spacing:-.025em}body{background:radial-gradient(ellipse at 15% 25%,#e9f0ff,transparent 48%),#f5f7fc;color:#173050;-webkit-font-smoothing:antialiased}
.shell{max-width:1140px;gap:85px;padding:80px 36px;min-height:90vh}.intro{padding-top:30px}.brand{color:#1a3358;font-size:31px;font-weight:800;letter-spacing:-.07em;position:relative;padding-left:58px;min-height:46px;justify-content:center}.brand:before{content:'✓';position:absolute;left:0;top:0;display:grid;place-items:center;width:44px;height:44px;border-radius:15px;color:#fff;background:#2563eb;font-size:29px}.brand span{font-size:11px;color:#8190a7;letter-spacing:-.015em;margin-top:3px}.intro h1{font-size:42px;line-height:1.35;letter-spacing:-.06em;margin-top:45px;font-weight:750}.intro p{font-size:14px;color:#7a8aa1;line-height:1.9}.features{gap:9px;display:flex;flex-wrap:wrap}.features span{background:#edf3ff;border:1px solid #dfe9fc;color:#5475ab;border-radius:25px;font-size:11px;padding:8px 11px}.intro .fine{font-size:11px;color:#93a0b3;margin-top:28px}.card{background:#fff;border:1px solid #e5ebf5;border-radius:26px;box-shadow:0 18px 65px #24467108;padding:36px}h2{font-size:27px;letter-spacing:-.045em;color:#193557}.eyebrow{font-size:11px;color:#6d8ec7;font-weight:650}#description{color:#8491a7;font-size:13px}label{font-size:12px;color:#536b8a;font-weight:600}input{border:1px solid #e0e7f2;border-radius:13px;padding:14px 15px;background:#fbfcff;color:#294462;min-height:49px;font-weight:400}input:focus{border-color:#93b5ff;outline:3px solid #eaf1ff;outline-offset:0}input[type=checkbox]{min-height:0;accent-color:#2563eb}button,.button{background:#2563eb;border-radius:13px;min-height:48px;font-size:13px;letter-spacing:-.02em;box-shadow:0 4px 12px #2563eb0d}button:hover,.button:hover{background:#1d4ed8}.secondary{background:#edf3ff;color:#3862a4;box-shadow:none}.secondary:hover{background:#e2ecff}.text{background:transparent;color:#5c79a8;box-shadow:none;font-size:12px}.text:hover{background:#f3f7fd}.danger{color:#b0384c}.notice{border-radius:13px;font-size:12px}.actions{gap:10px}.card details{border-color:#e8edf5}footer{max-width:1068px;color:#95a1b4;font-size:11px}summary{font-size:12px}
@media(max-width:760px){.shell{display:block;padding:30px 20px 24px;min-height:0}.intro{position:static;padding:0}.brand{font-size:26px;padding-left:52px}.brand:before{width:39px;height:39px;border-radius:13px;font-size:25px}.intro h1{font-size:31px;margin-top:28px}.intro>p{font-size:12px}.features{margin-bottom:24px}.intro .fine{display:none}.card{padding:27px 23px;border-radius:23px;margin-top:26px}h2{font-size:25px}footer{padding:0 24px 28px}.features span{font-size:10px;padding:6px 9px}}
.intro p,.intro .fine,#description,.brand span,footer{color:#64748b}

/* Rounded teacher account surfaces. */
.card{border-radius:30px}.box{border-radius:24px}
button,.button{border-radius:999px}input{border-radius:19px}
.notice,#alert{border-radius:20px}.brand:before{border-radius:50%}

:root{font-family:NanumSquareRound,"Malgun Gothic",sans-serif}

.brand:before{content:"";background:transparent url("/assets/favicon.svg") center/contain no-repeat;border-radius:0}
.social-entry{display:grid;gap:12px;margin:24px 0 12px}
.social-button,.social-button:hover{display:grid;place-items:center;width:100%;padding:0;min-height:52px;background:transparent;border:0;box-shadow:none;border-radius:12px}
.social-button img{display:block;height:52px;width:100%;object-fit:contain}
.social-button:disabled{opacity:.55;cursor:not-allowed}
.social-hint{text-align:center;line-height:1.6;margin:0 0 12px;font-size:12px}
#email-options{border-top:1px solid #e5ebf5;padding-top:18px}
#email-options>summary{color:#5c79a8;text-align:center;list-style:none;font-size:13px}
#email-options>summary::-webkit-details-marker{display:none}
#identity-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.identity-button{margin-top:8px;min-width:0;padding:12px 8px;font-size:12px}
#delete-provider{font:inherit;width:100%;padding:13px;border:1px solid #e0e7f2;border-radius:14px;background:white;color:#294462}
.social-button:focus-visible,#email-options>summary:focus-visible{outline:3px solid #93b5ff;outline-offset:3px}