:root{font-family:system-ui,-apple-system,sans-serif;color:#eaf1f8;background:#080d15;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 12%,#17384870,transparent 55%),#080d15}a{color:#88d4e1;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:auto;padding:20px 28px;gap:20px;font-size:12px}.brand{display:flex;align-items:center;gap:10px;font-weight:750;color:#d7e8f5}.brand img{width:40px;height:40px;border-radius:50%}main{padding:30px 18px 44px}.panel{width:min(100%,450px);margin:auto;padding:32px;background:linear-gradient(145deg,#152431,#0e1723);border:1px solid #304253;border-radius:22px;box-shadow:inset 0 1px #ffffff10,0 7px 0 #060a11,0 24px 65px #0006}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.6px;color:#57cbdc}h1{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:14px 0 10px}h2{font-size:19px;margin:10px 0}p{font-size:13px;color:#a4b7c8;line-height:1.6}.modes{display:flex;margin:26px 0 20px;border-bottom:1px solid #304253;gap:20px}.modes button{border:0;border-radius:0;background:none;padding:10px 0;color:#9ab0c4;font-size:12px}.modes button[aria-pressed=true]{color:#6ed7e3;box-shadow:0 2px #47c9da}button,input{font:inherit}button{cursor:pointer;border-radius:9px;border:1px solid #354c60;background:#192a3a;color:#c3d9e9;padding:10px 14px;font-size:13px}button:disabled{opacity:.6;cursor:wait}label{display:block;font-size:12px;color:#c8d9e6;margin:17px 0}input{display:block;width:100%;margin-top:8px;border:1px solid #34495b;border-radius:9px;background:#0a1420;color:#eff5ff;padding:13px;font-size:16px}.primary{display:block;text-align:center;background:#46c6d8;color:#06242d;border:0;padding:13px 17px;border-radius:9px;font-size:13px;font-weight:750}form>.primary{width:100%;margin-top:24px}.hint{font-size:11px;line-height:1.6;color:#91a7bb}.text-button{background:none;border:0;color:#8ed1de;font-size:12px;display:block;margin:16px auto 0;padding:5px}.admin-link{display:block;text-align:center;font-size:10px;color:#8298ac;border-top:1px solid #2a3b4b;padding-top:19px;margin-top:26px}#message,#account-message{background:#172c3c;border:1px solid #35546a;padding:12px;border-radius:9px;overflow-wrap:anywhere}#message.error,#account-message.error{border-color:#87525c;background:#33222d;color:#f4c2cb}.account{width:min(100%,620px)}.product{border:1px solid #2a4255;border-radius:13px;background:#0d1a27;padding:20px;margin:22px 0}.product .primary{margin-top:16px}.account-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:12px}footer{text-align:center;font-size:10px;letter-spacing:.5px;color:#72899c;padding:0 16px 24px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #81dce9;outline-offset:4px}@media(max-width:480px){header{padding:14px 18px}.brand span{font-size:12px}header>a:last-child{font-size:10px}main{padding-top:15px}.panel{padding:26px 22px}h1{font-size:29px}.account-actions{align-items:flex-start;flex-direction:column}}

.student-home{width:min(100%,1050px);background:transparent;border:0;box-shadow:none;padding:20px 0}.student-home>h1{font-size:clamp(30px,5vw,44px)}#account-email{font-size:11px;color:#7994aa}.access-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:32px 0}.access-card{display:flex;flex-direction:column;min-height:250px;padding:26px;border:1px solid #386278;border-radius:20px;color:#edf8ff;background:linear-gradient(145deg,#214657,#101d32);box-shadow:inset 0 1px #ffffff20,0 7px 0 #070d19,0 20px 30px #0005;transition:transform .2s,box-shadow .2s}.access-card:nth-child(even){background:linear-gradient(145deg,#47304d,#1b1b32);border-color:#675174}.access-card:hover{transform:translateY(-4px);box-shadow:inset 0 1px #ffffff20,0 11px 0 #070d19,0 24px 36px #0006}.access-icon{font-size:36px;color:#66d8e4;margin-bottom:20px}.access-card h2{font-size:22px}.access-card p{flex:1}.access-action{font-size:12px;font-weight:700;color:#72d7e3;margin-top:18px}.student-home .account-actions{border-top:1px solid #223544;padding-top:22px;flex-wrap:wrap}@media(max-width:800px){.access-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.access-cards{grid-template-columns:1fr;gap:18px;margin:24px 0}.access-card{min-height:185px;padding:22px}.access-icon{margin-bottom:10px}.student-home .account-actions{flex-direction:row;align-items:center}}@media(prefers-reduced-motion:reduce){.access-card{transition:none}}

.account-book-card{background:transparent!important;border:0;box-shadow:none;align-items:center;padding:15px}.account-book{position:relative;width:180px;height:250px;padding:22px;display:flex;align-items:flex-end;background:linear-gradient(140deg,#315a6b,#18243e);border-left:9px solid #153245;border-radius:3px 5px 5px 3px;box-shadow:14px 3px 0 -3px #c4c8c8,20px 5px 0 -3px #526574,12px 22px 25px #0008;transform:perspective(850px) rotateY(-14deg) rotateZ(-2deg);overflow:hidden;margin:10px 20px 20px 0}.account-book img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.account-book:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#000a)}.account-book h2{position:relative;z-index:1;color:#fff;text-shadow:0 2px 5px #000;font-size:23px;overflow-wrap:anywhere}.account-book-card>p{width:100%}
.account-book.my-videos-book{background:radial-gradient(circle at 55% 25%,#544a86,#1b2542 60%,#111b2c);border-left-color:#293c60}
.account-book .my-book-logo{width:65px;height:65px;left:50%;top:20px;transform:translateX(-50%);border-radius:50%;object-fit:contain}
.access-search-label{max-width:500px;font-size:0;margin:15px 0}.access-search-label input{font-size:13px}
@media(max-width:600px){
.account-page header{height:56px;padding:4px 16px;gap:12px;border-bottom:1px solid #263442}
.account-page header .brand span{display:none}.account-page header .brand img{width:44px;height:44px}
.account-page main{padding:10px 15px 20px}.student-home{padding:0}
.student-home>.eyebrow,.student-home>p:not(#student-access-empty){display:none}
.student-home>h1{font-size:20px;margin:9px 0 10px;letter-spacing:-.4px}
.access-search-label{margin:0 0 6px;max-width:none}.access-search-label input{padding:10px 12px;margin:0;min-height:38px;font-size:12px}
.access-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:8px 0 18px;padding:2px 7px 8px}
.access-cards .access-card{min-width:0;min-height:0;padding:10px 7px 15px;height:min(31svh,230px);border:0;box-shadow:none;background:transparent;display:flex;align-items:center;justify-content:center}
.access-cards .account-book{height:100%;width:auto;aspect-ratio:2/3;max-width:calc(100% - 12px);margin:0 7px 0 0;padding:14px 10px 14px 12px;border-left-width:5px;box-shadow:8px 2px 0 -2px #c4c8c8,12px 4px 0 -2px #526574,6px 12px 16px #0007}
.access-cards .account-book h2{font-size:clamp(14px,4vw,22px);line-height:1.15;margin:0;letter-spacing:-.4px}
.access-cards .access-card>p,.access-cards .access-action{display:none}
.account-book .my-book-logo{width:48px;height:48px;top:16px}
.student-home .account-actions{gap:12px;padding-top:12px;font-size:11px}.student-home .account-actions button{font-size:11px;padding:8px 10px}
}

.password-field{display:block;position:relative;margin-top:8px}.password-field input{margin-top:0;padding-right:52px}.password-toggle{position:absolute;right:2px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;background:transparent;color:#a4b7c8}.password-toggle:hover{color:#6ed7e3}.password-toggle svg{width:22px;height:22px;pointer-events:none}.password-toggle .eye-slash{display:none}.password-toggle[aria-pressed=true] .eye-slash{display:block}