:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e6edf6;background:#101724;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;border-bottom:1px solid #2a3546}header a{font-size:25px;font-weight:800;text-decoration:none;color:#f5f8ff}header span{color:#56d9bc}small,.eyebrow{font-size:11px;letter-spacing:2px;color:#91a2b8}main{max-width:1150px;margin:55px auto;padding:0 24px}h1{font-size:clamp(27px,4vw,40px);letter-spacing:-1px;margin:12px 0}h2{font-size:18px}p,li{line-height:1.6;color:#b4c0d0}article,.login{border:1px solid #2a3546;background:#172131;border-radius:18px;padding:28px}.login{max-width:480px;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:center;gap:24px}label{display:block;margin:18px 0;font-size:14px}input{display:block;margin-top:8px;padding:13px;width:100%;border-radius:8px;border:1px solid #44516a;background:#101724;color:white;font:inherit}button{border:0;border-radius:8px;padding:13px 20px;background:#56d9bc;color:#082d28;font:inherit;font-weight:700;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #83b9ff;outline-offset:3px}.login button{width:100%}.secondary{background:#2a3546;color:white}aside{background:#173d38;border:1px solid #29665b;border-radius:12px;padding:20px 24px;margin:30px 0}aside p{margin:6px 0 0;color:#c2e5dd}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article{padding:22px}.cards span{color:#b4c0d0}.cards strong{display:block;font-size:40px;margin-top:8px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}ul{padding-left:18px}.muted{font-size:12px}footer{padding:40px;text-align:center;color:#91a2b8;font-size:12px}.error{color:#ffd0cf;background:#532c38;padding:12px;border-radius:8px}@media(max-width:700px){main{margin:28px auto}.cards{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.welcome{display:block}.welcome form{margin-top:16px}header{padding:18px}small{letter-spacing:1px}.login{padding:22px}}@media(max-width:360px){.cards{grid-template-columns:1fr}}
.languages{display:flex;gap:6px;margin-left:12px}.languages a{font-size:12px!important;padding:7px 9px;border:1px solid #465063;border-radius:6px}.languages a[aria-current]{color:#56d9bc;border-color:#56d9bc}header small{margin-left:auto}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #56d9bc;outline-offset:3px}