.virheraja{max-width:460px;margin:14vh auto;padding:32px;background:var(--pinta);border:1px solid var(--viiva);border-top:3px solid var(--varoitus);border-radius:var(--r);box-shadow:var(--varjo);text-align:center}.virheraja__otsikko{margin:0 0 12px;font-size:21px;font-weight:700;color:var(--muste)}.virheraja__teksti{margin:0 0 22px;font-size:14px;line-height:1.55;color:var(--muste-keski)}.virheraja__nappi{padding:10px 22px;font:inherit;font-size:14px;font-weight:600;color:#fff;background:var(--teal-tumma);border:none;border-radius:var(--r);cursor:pointer}.virheraja__nappi:hover{filter:brightness(1.08)}.virheraja__ohje{margin:20px 0 0;font-size:12.5px;color:var(--muste-haalea)}.kirjautuminen{min-height:100vh;display:grid;place-items:center;padding:24px}.kirjautumiskortti{width:100%;max-width:380px;background:var(--pinta);border:1px solid var(--viiva);border-radius:var(--r);box-shadow:var(--varjo-iso);padding:34px 32px 28px;display:flex;flex-direction:column;gap:16px}.kirjautumislogo{height:46px;width:auto;align-self:center}.kirjautumisotsikko{margin:-4px 0 8px;text-align:center;font-size:11.5px;letter-spacing:.19em;text-transform:uppercase;color:var(--muste-pehmea);font-weight:600}.kentta{display:flex;flex-direction:column;gap:6px}.kentta span{font-size:12.5px;color:var(--muste-pehmea);font-weight:500}.kentta input{font:inherit;padding:10px 12px;border:1px solid var(--viiva-vahva);border-radius:6px;background:var(--pinta);color:var(--muste)}.kentta input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px var(--teal-huuhtelu)}.kirjautumiskortti button{font:inherit;font-weight:600;padding:11px;border:none;border-radius:6px;background:var(--teal-tumma);color:#fff;cursor:pointer;margin-top:4px}.kirjautumiskortti button:hover:not(:disabled){background:#00637a}.kirjautumiskortti button:disabled{opacity:.6;cursor:default}.virhe{margin:0;font-size:12.5px;color:#a3221b;background:#f9e7e5;border:1px solid #a3221b;border-left-width:3px;border-radius:6px;padding:9px 11px}@media(prefers-color-scheme:dark){.virhe{color:#e98980;background:#33201e;border-color:#e98980}}.kirjautumisapu{margin:0;text-align:center;font-size:11.5px;color:var(--muste-haalea)}.brandipalkki{background:#fff;border-bottom:1px solid #cacaca;position:relative}.brandipalkki:after{content:"";position:absolute;left:0;bottom:-1px;width:148px;height:3px;background:linear-gradient(90deg,#00a5c5,#86cee1)}.palkki-sisalto{display:flex;align-items:center;gap:22px;padding:20px 32px;flex-wrap:wrap}.logo{height:40px;width:auto;display:block}.palkki-erotin{width:1px;height:30px;background:#dde4e6}.palkki-otsikko{margin:0;font-size:12.5px;font-weight:600;letter-spacing:.19em;text-transform:uppercase;color:#5a6568}.palkki-oikea{margin-left:auto;display:flex;align-items:center;gap:12px}.avatar{width:36px;height:36px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#e6f4f8;color:#00657a;font-size:13px;font-weight:700;letter-spacing:.02em}.kuka{text-align:right;line-height:1.25}.kuka b{display:block;font-size:12.5px;font-weight:600;color:#3a4447}.kuka span{display:block;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#5a6568}.ulos{font:inherit;font-size:12.5px;padding:7px 13px;border:1px solid #cacaca;border-radius:6px;background:transparent;color:#4a5457;cursor:pointer}.ulos:hover{border-color:#00a5c5;color:#00657a}.prosessi{background:var(--pinta);border-bottom:1px solid var(--viiva)}.prosessi-sisalto{padding:24px 32px 22px}.silmalappu{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muste-haalea);font-weight:700;margin-bottom:18px}.vaiheet{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px}.vaihe{flex:1 1 0;min-width:150px;padding-right:18px;display:flex;flex-direction:column}.vaihe-kisko{display:flex;align-items:center;gap:8px;margin-bottom:8px}.solmu{width:9px;height:9px;flex-shrink:0;background:var(--teal);transform:rotate(45deg);border-radius:1px}.kiskoviiva{height:1px;flex:1;background:var(--viiva-vahva)}.vaihe:last-child .kiskoviiva{background:transparent}.vaihe-nimi{font-size:14px;font-weight:650;line-height:1.3;color:var(--muste);margin-bottom:5px;min-height:2.6em}.vaihe-kuvaus{font-size:11.5px;color:var(--muste-pehmea);line-height:1.45;margin-bottom:8px}.omistajat{margin-top:auto;display:flex;gap:5px;flex-wrap:wrap}.omistaja{font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;padding:2.5px 7px;border-radius:3px;border:1px solid transparent}.omistaja-alusta{background:var(--teal-tumma);color:#fff}@media(prefers-color-scheme:dark){.omistaja-alusta{color:#06222a}}.omistaja-ulk{background:transparent;color:var(--muste-pehmea);border:1px solid var(--viiva-vahva)}main{padding-top:22px;padding-bottom:8px}.huomautus{background:var(--varoitus-tausta);border:1px solid var(--varoitus);border-left-width:3px;border-radius:var(--r);padding:13px 16px;font-size:12.5px;color:var(--muste-keski);margin-bottom:22px}.huomautus strong{color:var(--varoitus)}.osio-otsikko{margin:26px 0 14px}.osio-otsikko:first-of-type{margin-top:0}.osio-viiva{display:flex;align-items:baseline;gap:10px;padding-bottom:8px;border-bottom:3px solid var(--teal)}.osio-viiva h2{margin:0;font-size:21px;font-weight:700;color:var(--otsikkoteksti);letter-spacing:-.01em;white-space:nowrap}.osio-maara{font-size:11.5px;font-weight:600;color:var(--muste-haalea);white-space:nowrap}.tayte{flex:1}.osio-huom{font-size:12.5px;color:var(--muste-pehmea);margin-top:8px}@media(prefers-color-scheme:dark){.osio-viiva h2{color:var(--teal)}}.softat{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));gap:14px;margin-bottom:30px}.softa{background:var(--pinta);border-radius:10px;box-shadow:var(--varjo-paneeli);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:box-shadow .16s ease,transform .16s ease}a.softa:hover{box-shadow:var(--varjo-iso);transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.softa{transition:none}a.softa:hover{transform:none}}.softa-otsake{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#fff;background:var(--otsake-teal)}.softa-kehityksessa .softa-otsake{background:var(--otsake-harmaa)}.softa-suunnitteilla .softa-otsake{background:var(--otsake-vaalea)}.softa-nimet{min-width:0}.softa-lyhenne{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;opacity:.78;margin-bottom:2px}.softa h3{margin:0;font-size:15px;font-weight:650;line-height:1.25;color:inherit}.softa-merkki{margin-left:auto;flex-shrink:0;font-size:10px;line-height:1;opacity:.85}.softa-runko{padding:13px 16px 0;flex:1}.softa-kuvaus{margin:0;font-size:12.5px;color:var(--muste-pehmea);line-height:1.5}.sisaltolista{list-style:none;margin:13px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:7px 20px}.sisaltolista li{display:flex;align-items:baseline;gap:8px;font-size:12.5px;color:var(--muste-keski);line-height:1.4}.sisaltolista li:before{content:"";width:5px;height:5px;flex-shrink:0;background:var(--teal);transform:rotate(45deg);border-radius:1px}.softa-alaosa{margin-top:14px;padding:11px 16px;border-top:1px solid var(--viiva);background:var(--ali);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.avaa{margin-left:auto;font-size:11.5px;color:var(--muste-haalea);white-space:nowrap}a.softa:hover .avaa{color:var(--teal-tumma)}.nuoli{margin-left:auto;flex-shrink:0;font-size:15px;line-height:1;opacity:.85}.pilleri{font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;padding:3px 8px;border-radius:20px;white-space:nowrap}.pilleri-kaytossa{background:var(--ok-tausta);color:var(--ok)}.pilleri-kehityksessa{background:var(--varoitus-tausta);color:var(--varoitus)}.pilleri-suunnitteilla{background:var(--pinta);color:var(--muste-pehmea);border:1px solid var(--viiva-vahva)}.pilleri-huomio{background:var(--varoitus-tausta);color:var(--varoitus)}.ruudukko-pieni{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:14px;margin-bottom:30px}.softa-pieni .softa-otsake{padding:10px 14px}.softa-pieni h3{font-size:14px;font-weight:600}.softa-pieni .softa-runko{padding:11px 14px 0}.softa-pieni .softa-alaosa{margin-top:12px;padding:9px 14px}.softa-ulkoinen .softa-otsake{background:var(--otsake-tumma)}.softa-ulkoinen .sisaltolista li:before{background:var(--viiva-vahva)}.pilleri-ulkoinen{background:var(--pinta);color:var(--muste-pehmea);border:1px solid var(--viiva-vahva)}.alatunniste{border-top:1px solid var(--viiva);padding-top:20px;padding-bottom:40px;font-size:11.5px;color:var(--muste-haalea);display:flex;gap:12px;flex-wrap:wrap}.himmea{opacity:.5}:root{--teal: #00a5c5;--teal-vaalea: #86cee1;--teal-tumma: #00778f;--teal-huuhtelu: #e8f5f9;--muste: #2f3838;--muste-keski: #424241;--muste-pehmea: #656b6b;--muste-haalea: #5e6465;--viiva: #e1e7e9;--viiva-vahva: #cacaca;--pohja: #eef0f2;--pinta: #ffffff;--ali: #edf3f5;--otsake-teal: linear-gradient(135deg, #008096, #00566a);--otsake-harmaa: linear-gradient(135deg, #5a6b7a, #424241);--otsake-vaalea: linear-gradient(135deg, #6b7885, #55606b);--otsake-tumma: linear-gradient(135deg, #1d6b7d, #13404b);--otsikkoteksti: #00657a;--varjo-paneeli: 0 1px 2px hsl(210 12% 40% / .08), 0 1px 3px hsl(210 12% 40% / .06);--ok: #1f6b4d;--ok-tausta: #e4f1eb;--varoitus: #9c5f0a;--varoitus-tausta: #fbf0de;--r: 8px;--varjo: 0 1px 2px hsl(210 12% 40% / .08);--varjo-iso: 0 2px 6px hsl(210 12% 40% / .12), 0 4px 12px hsl(210 12% 40% / .08)}@media(prefers-color-scheme:dark){:root{--teal: #3ec0dc;--teal-vaalea: #1b6c7a;--teal-tumma: #86cee1;--teal-huuhtelu: #12333c;--muste: #eaeff0;--muste-keski: #d3dbdc;--muste-pehmea: #a7b2b4;--muste-haalea: #8b9698;--viiva: #283336;--viiva-vahva: #39474a;--pohja: #10171a;--pinta: #182124;--ali: #1f2a2d;--ok: #74c79e;--ok-tausta: #14322a;--varoitus: #dfa652;--varoitus-tausta: #31260f;--varjo: 0 1px 2px rgba(0, 0, 0, .35);--varjo-iso: 0 2px 4px rgba(0, 0, 0, .35), 0 8px 20px rgba(0, 0, 0, .25)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--pohja);color:var(--muste-keski);font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:3px}.rajattu{max-width:1280px;margin:0 auto;padding-left:32px;padding-right:32px}@media(max-width:640px){.rajattu{padding-left:18px;padding-right:18px}}.lataus{min-height:100vh;display:grid;place-items:center;color:var(--muste-pehmea);font-size:12.5px}