.inner-page{padding-block:30px 80px}.back-link{display:inline-block;font-size:13px;color:var(--muted);margin-bottom:40px}.page-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center;padding-bottom:60px}.page-intro h1{font-size:clamp(40px,4vw,61px);max-width:730px}.page-intro .intro{max-width:650px}.page-illustration{min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#e0e8db88;border-radius:42% 58% 50% 39%;position:relative;transform:rotate(-3deg)}.brand-word{font-family:Orie Pastel,sans-serif;font-size:82px;font-weight:600}.drawn-heart{position:absolute;right:18px;top:18px;font-size:52px;color:#b7826c;transform:rotate(17deg)}.page-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding-block:38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.chapter-number{font-family:Orie Pastel,sans-serif;font-size:36px;color:#7c9279}.page-chapters h2{font-family:Orie Basic,sans-serif;font-size:26px;line-height:1.3;margin-top:16px}.page-chapters p{color:var(--muted);font-size:15px}.page-end{padding-top:42px;max-width:780px}.page-end>p{color:var(--muted);margin-block:16px 24px}.status-tag{font-size:10px;letter-spacing:1.6px;border:1px solid var(--line);padding:8px 13px;border-radius:20px}.contact-page .page-illustration{background:#e8e0f1}.login-page{max-width:1000px}.login-page .page-intro{grid-template-columns:1.3fr 1fr}.login-page .page-illustration{background:#f6ded1}.login-page .page-chapters{grid-template-columns:1fr;max-width:720px}.login-page .chapter-number{display:none}html[lang=el] .page-intro h1,html[lang=el] .page-chapters h2{font-family:Segoe UI,Arial,sans-serif}.header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}.header .brand:hover{text-decoration:none}.theme-ready .page-illustration{transition:background-color 1.8s ease}html[data-theme=night] .page-illustration{background:#3d534c}html[data-theme=night] .contact-page .page-illustration{background:#4c465f}html[data-theme=night] .login-page .page-illustration{background:#594344}html[data-theme=night] .chapter-number{color:#bacfb9}html[data-theme=night] .drawn-heart{color:#edb39c}.night-sky i:nth-child(1){--n:0}.night-sky i:nth-child(2){--n:3}.night-sky i:nth-child(3){--n:1}.night-sky i:nth-child(4){--n:5}.night-sky i:nth-child(5){--n:2}.night-sky i:nth-child(6){--n:7}.night-sky i:nth-child(7){--n:4}.night-sky i:nth-child(8){--n:8}.night-sky i:nth-child(9){--n:6}.night-sky i:nth-child(10){--n:10}.night-sky i:nth-child(11){--n:9}.night-sky i:nth-child(12){--n:11}
@media(max-width:760px){.inner-page{padding-top:12px}.back-link{margin-bottom:30px}.page-intro,.login-page .page-intro{grid-template-columns:1fr;gap:22px;padding-bottom:35px}.page-intro h1,html[lang=el] .page-intro h1{font-size:36px}.page-illustration{min-height:210px;max-width:350px;width:100%;margin:auto}.page-illustration>img{width:120px;height:95px}.brand-word{font-size:65px}.page-chapters{grid-template-columns:1fr;gap:12px}.page-chapters article{padding-bottom:12px}.page-chapters h2{font-size:26px}.theme-toggle{white-space:normal;max-width:145px;line-height:1.2}.language-picker{margin-left:auto}.header nav>a:first-child{display:inline}}
.school-login{max-width:560px;padding-block:38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.school-login label{display:block;font-family:Orie Basic,sans-serif;font-size:22px;margin-bottom:12px}.school-code-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:18px;background:#ffffff99;padding-inline:18px 16px}.school-code-field:focus-within{outline:2px solid var(--forest);outline-offset:2px}.school-code-field input{flex:1;min-width:0;border:0;background:transparent;color:var(--forest);font:inherit;font-size:18px;padding-block:15px;outline:0}.school-code-field span{color:var(--muted);font-size:16px}.field-hint{color:var(--muted);font-size:13px;margin-block:10px 22px}.school-login .button{border:0;cursor:pointer;font-family:inherit}.school-login .button:disabled{opacity:.6;cursor:progress}.field-status{min-height:1.5em;margin-top:14px;color:var(--forest);font-size:14px}.login-page .page-end a{font-weight:600;text-decoration:underline;text-underline-offset:5px}html[data-theme=night] .school-code-field{background:#ffffff0d}