*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:#f4f7fb;color:#182235}a{color:inherit}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#d7f2ff,transparent 35%),radial-gradient(circle at 90% 80%,#e8dcff,transparent 35%),#f6f8fc}.login-card{width:min(440px,92vw);background:white;padding:32px;border-radius:24px;box-shadow:0 18px 60px #17304b20}.logo{font-size:52px}h1{margin:.2em 0}.tabs{display:flex;gap:8px;margin:20px 0}.tabs button,.chip{border:0;border-radius:999px;padding:10px 16px;background:#eaf0f8}label{display:block;font-weight:700;margin:14px 0}input,select,textarea{width:100%;padding:12px;border:1px solid #ccd6e4;border-radius:10px;margin-top:6px;font:inherit}.primary{border:0;border-radius:12px;padding:13px 18px;background:#182235;color:white;font-weight:800;cursor:pointer}.alert{background:#fff0f0;padding:12px;border-radius:10px}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{background:#182235;color:white;padding:24px}.side h2{margin-top:0}.side a{display:block;text-decoration:none;padding:10px 0;opacity:.9}.content{padding:30px;max-width:1400px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.card{background:white;border-radius:18px;padding:20px;box-shadow:0 5px 22px #17304b0d}.stat{font-size:30px;font-weight:900}.muted{color:#6c788b}.bar{height:12px;background:#e8edf4;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:#182235}.map{min-height:380px;background:linear-gradient(#dff3ff,#f8fbff);border-radius:22px;position:relative;overflow:hidden;padding:24px}.destinations{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;height:300px}.destination{background:white;border:2px solid #d9e3ef;border-radius:50%;width:110px;height:110px;display:grid;place-items:center;text-align:center;font-weight:800;box-shadow:0 8px 20px #17304b15}.destination.locked{filter:grayscale(1);opacity:.5}.keyboard{display:grid;grid-template-columns:repeat(14,1fr);gap:5px;margin-top:18px}.key{background:#fff;border:1px solid #cbd5e1;border-bottom-width:3px;border-radius:7px;text-align:center;padding:10px 2px;font-weight:700}.key.next{outline:4px solid #182235}.typing-box{font-size:28px;line-height:1.6;background:white;padding:24px;border-radius:18px}.good{color:#16854b}.bad{background:#ffd7d7}.big{font-size:42px;font-weight:900}.passport{display:flex;flex-wrap:wrap;gap:12px}.stamp{border:3px double #182235;border-radius:50%;width:95px;height:95px;display:grid;place-items:center;text-align:center;transform:rotate(-5deg);font-size:12px;font-weight:900}@media(max-width:760px){.shell{grid-template-columns:1fr}.side{display:flex;gap:15px;overflow:auto;align-items:center}.side h2{display:none}.content{padding:18px}.keyboard{font-size:10px}.typing-box{font-size:22px}}body.large-text{font-size:120%}body.high-contrast{background:#000;color:#fff}.high-contrast .card,.high-contrast .typing-box{background:#111;color:#fff}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.keyboard-row {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin: 5px 0;
}

.space-key {
    width: 220px !important;
}

.current {
    background: #fff3b0;
    border-radius: 3px;
}