:root{--navy:#193653;--blue:#438caf;--cream:#fbfaf5;--pale:#edf4f6;--yellow:#f4d572;--line:#dce5e8;--muted:#637789}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--navy);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}.brand{max-width:1160px;margin:auto;padding:34px 30px;display:flex;align-items:center;gap:12px;font-size:22px;font-weight:750;line-height:1.2}.brand small{display:block;font-size:10px;letter-spacing:4px;margin-top:7px}.mark{display:grid;place-items:center;width:46px;height:46px;background:var(--yellow);border-radius:15px;font-size:29px}main{max-width:1100px;margin:24px auto 60px;padding:0 30px;display:grid;grid-template-columns:1fr 430px;gap:75px;align-items:center;direction:ltr}.welcome,.card{direction:ltr}.welcome{text-align:left}.kicker{color:var(--blue);font-size:12px;letter-spacing:2px;font-weight:750;text-align:left}h1{font-size:50px;line-height:1.5;letter-spacing:-1px;margin:20px 0 12px}.welcome>p{font-size:17px;line-height:1.9;color:var(--muted)}.book-symbol{position:relative;background:var(--navy);border-radius:7px 20px 20px 7px;border-left:11px solid var(--blue);width:150px;height:175px;margin:34px 0 20px 0;transform:rotate(5deg);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 15px 25px #19365317}.book-symbol span{position:absolute;right:-18px;top:-20px;color:var(--yellow);font-size:54px}.book-symbol b{color:var(--yellow);font-size:54px;direction:ltr}.book-symbol i{font-style:normal;font-size:8px;letter-spacing:2px;color:#fff;margin-top:12px}.book-name{text-align:left;font-size:14px!important;font-weight:650}.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 20px 60px #19365308}.mini-star{font-size:28px;color:var(--blue)}h2{font-size:26px;margin:10px 0}.card>p{font-size:14px;color:var(--muted);line-height:1.8}.field{margin-top:21px}.field label{display:block;font-size:14px;font-weight:650;margin-bottom:9px}.field input{width:100%;min-height:48px;border:1px solid #bacbd3;border-radius:11px;padding:12px 14px;background:#fcfdfd;color:var(--navy);font-size:16px}.field small{display:block;color:var(--muted);margin-top:7px;font-size:12px}.password-box{position:relative}.password-box input{padding-right:68px}.password-box button{position:absolute;right:9px;top:5px;bottom:5px;background:transparent;border:0;color:var(--blue);font-size:12px;padding:8px}.primary{border:0;background:var(--navy);color:#fff;border-radius:11px;min-height:50px;padding:12px;width:100%;font-weight:650;font-size:16px}.primary:hover{background:#274b6b}.text-button{display:block;margin:12px auto 0;border:0;background:transparent;color:var(--blue);font-size:13px;padding:10px}.text-button:hover{text-decoration:underline}#message{font-size:13px;line-height:1.8;color:#28634e;margin:16px 0}#message:empty{margin:20px 0}#message.error{color:#a43a32}.help{border-top:1px solid var(--line);padding-top:19px;margin:19px 0 0!important;font-size:12px!important}footer{font-size:11px;letter-spacing:.4px;text-align:center;color:var(--muted);padding:10px 24px 28px}button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media(max-width:850px){main{grid-template-columns:1fr 390px;gap:30px}h1{font-size:39px}}@media(max-width:700px){.brand{padding:25px 22px;font-size:19px}main{display:flex;flex-direction:column;gap:25px;margin:8px auto 25px;padding:0 20px}.welcome{width:100%;text-align:center}.kicker{text-align:center;font-size:10px}h1{font-size:31px;margin:10px 0 5px;line-height:1.6}h1 br{display:none}.welcome>p{font-size:14px;margin:5px 0}.book-symbol{display:none}.book-name{text-align:center}.desktop{display:none}.card{width:100%;max-width:430px;padding:25px}.card h2{font-size:24px}.mini-star{display:none}footer{font-size:10px}}

html[lang=en] .welcome h1{line-height:1.15}html[lang=en] .welcome>p{line-height:1.65}
