.class-portal-page{background:linear-gradient(#faf9ff 0%,#f4f3fb 100%);min-height:calc(100vh - 160px);padding:72px 20px 96px}.class-portal-shell{width:min(620px,100%);margin:0 auto}.class-portal-card{background:#fff;border:1px solid #e1e0ed;border-radius:24px;padding:38px;box-shadow:0 24px 70px #26274d14}.class-portal-kicker{color:#7774d9;letter-spacing:.12em;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.class-portal-card h1{color:#1d2542;margin:0 0 10px;font-family:Libre Caslon Text,serif;font-size:38px;font-weight:400}.class-portal-card p{color:#73798b;margin:0 0 28px;font-size:14px;line-height:1.7}.class-portal-card label{color:#3f4662;margin:0 0 7px;font-size:12px;font-weight:800;display:block}.class-portal-card input{color:#222943;letter-spacing:.04em;background:#fff;border:1px solid #d9d9e7;border-radius:13px;outline:none;width:100%;height:54px;padding:0 16px;font-size:18px}.class-portal-card input:focus{border-color:#8b87df;box-shadow:0 0 0 4px #7774d91c}.class-portal-primary{color:#fff;cursor:pointer;background:#1f2744;border:0;border-radius:13px;width:100%;min-height:50px;margin-top:16px;font-size:14px;font-weight:800}.class-portal-primary:disabled{opacity:.58;cursor:wait}.class-portal-message{color:#994b55;margin-top:12px;font-size:13px;line-height:1.55}.class-portal-back{color:#6765c7;cursor:pointer;background:0 0;border:0;margin:0 0 22px;padding:0;font-size:13px;font-weight:800}.class-portal-students{gap:8px;display:grid}.class-portal-students>button{color:#303752;text-align:left;cursor:pointer;background:#fbfbfd;border:1px solid #e3e3ec;border-radius:12px;justify-content:space-between;align-items:center;min-height:52px;padding:0 16px;font-size:14px;font-weight:700;display:flex}.class-portal-students>button:hover,.class-portal-students>button.selected{color:#5652b2;background:#f3f2ff;border-color:#b8b5eb}.class-portal-key-form{border-top:1px solid #ececf3;margin-top:24px;padding-top:24px}.class-portal-selected{color:#6d7284;margin-bottom:15px;font-size:13px}.class-portal-key-actions{grid-template-columns:180px minmax(0,260px);align-items:center;gap:20px;display:grid}.class-portal-key-form input{letter-spacing:.22em;text-align:center;max-width:180px;font-size:24px}.class-portal-key-input-wrap{max-width:180px;position:relative}.class-portal-key-input-wrap input{width:100%;padding-right:48px}.class-portal-key-visibility{color:#73788e;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.class-portal-key-visibility:hover{color:#5652b2;background:#f2f1fb}.class-portal-key-visibility:focus-visible{outline-offset:1px;outline:3px solid #7774d92e}.class-portal-key-visibility svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.class-portal-key-form .class-portal-primary{max-width:260px;margin-top:0}.class-portal-key-form .class-portal-message{margin-top:14px}@media (max-width:520px){.class-portal-key-actions{grid-template-columns:1fr;gap:14px}.class-portal-key-input-wrap,.class-portal-key-form input,.class-portal-key-form .class-portal-primary{max-width:none}}@media (max-width:620px){.class-portal-page{padding:36px 16px 64px}.class-portal-card{border-radius:18px;padding:26px 20px}.class-portal-card h1{font-size:32px}}.class-portal-recent{background:#f7f5ff;border:1px solid #d8d5fb;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;padding:16px 18px;display:flex}.class-portal-recent>div:first-child{gap:4px;display:grid}.class-portal-recent span{color:#7774d9;letter-spacing:.12em;font-size:10px;font-weight:800}.class-portal-recent strong{color:#2c3351;font-size:16px}.class-portal-recent-actions{align-items:center;gap:8px;display:flex}.class-portal-recent-actions button,.class-portal-search-assist>button{color:#5d59bd;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:800}.class-portal-recent-actions button:first-child{background:#fff;border:1px solid #cbc8f4;border-radius:10px;padding:9px 12px}.class-portal-search-assist{gap:10px;margin:0 0 14px;display:grid}.class-portal-search-assist>button{justify-self:start;padding:0}.class-portal-search-assist input{letter-spacing:0;height:46px;font-size:14px}.class-portal-students{grid-template-columns:repeat(2,minmax(0,1fr));max-height:360px;padding-right:4px;overflow-y:auto}.class-portal-no-results{color:#73798b;text-align:center;border:1px dashed #d9d9e7;border-radius:12px;grid-column:1/-1;padding:18px;font-size:13px}@media (max-width:620px){.class-portal-students{grid-template-columns:1fr;max-height:420px}.class-portal-recent{flex-direction:column;align-items:flex-start}.class-portal-recent-actions{justify-content:space-between;width:100%}}.class-portal-message.is-loading{color:#2f8f5b}