*{box-sizing:border-box;margin:0;padding:0}:root{--color-white-100:#fff;--color-white-200:#e6e6e6;--color-white-300:#ccc;--color-white-400:#a6a6a6;--color-white-500:gray;--color-black-100:#1a1a1a;--color-black-200:#212121;--color-black-300:#1a1a1a;--color-black-400:#1a1a1a;--color-black-500:#1b1b1b;--color-black-600:#1c1c1c;--color-black-700:#383838;--color-black-800:#333;--color-blue-100:#f0f7fb;--color-blue-200:#dae8f1;--color-blue-300:#c9d7e5;--color-blue-400:#add3d9;--color-blue-500:#99cccd;--color-blue-600:#85a8ac;--color-blue-700:#768d9b;--color-blue-800:#6b738f;--color-blue-900:#594d53;--shadow-small:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--shadow-medium:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-large:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}main{height:-webkit-fill-available;color:var(--color-white-100);background-color:var(--color-black-500);font-family:Rubik,sans-serif;font-size:clamp(1rem,2vw,1.125rem);font-weight:400;line-height:1.5;overflow:hidden;height:100%!important;margin:0!important}main a,button{cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:none;background:0 0;border:none;text-decoration:none}main a:focus:not(:focus-visible),main button:focus:not(:focus-visible){outline:none}h1,h2,h3,h4,h5,h6,p{text-wrap:balance}img,video{object-fit:cover;max-width:100%;height:auto;display:block}.section{margin:0 auto;padding:2rem 0}.container{max-width:75rem;height:auto;margin:0 auto;padding:0 1.25rem}.centered{text-align:center;vertical-align:middle;margin-bottom:1rem}.heading-lg{letter-spacing:-1px;font-family:inherit;font-size:clamp(2.179rem,5vw,3.176rem);font-weight:700;line-height:1.15}.heading-md{letter-spacing:-1px;font-family:inherit;font-size:clamp(1.794rem,4vw,2.379rem);font-weight:700;line-height:1.25}.heading-sm{font-family:inherit;font-size:clamp(1.476rem,3vw,1.782rem);font-weight:600;line-height:1.5}.heading-xs{font-family:inherit;font-size:clamp(1.215rem,2vw,1.335rem);font-weight:500;line-height:1.5}.paragraph{font-family:inherit;font-size:clamp(1rem,2vw,1.125rem);line-height:inherit;color:var(--color-white-200);margin:0}.btn-link{cursor:pointer;background:0 0;border-radius:.25rem;padding:2px;display:inline-block;position:relative}.btn-link:before{content:"";border-radius:inherit;z-index:0;background:linear-gradient(90deg,#ff9a9e,#fad0c4,#34e7e4,#a1c4fd,#c2e9fb) 0 0/400% 400%;animation:3s linear infinite borderAnimation;position:absolute;inset:0}@keyframes borderAnimation{0%{background-position:100%}to{background-position:0%}}.btn-el{text-align:center;color:var(--color-white-100);background-color:var(--color-black-200);box-shadow:var(--shadow-medium);cursor:pointer;z-index:1;border:none;border-radius:.25rem;padding:.7rem 2rem;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5;position:relative}.btn-inline{justify-content:center;align-items:center;column-gap:.5rem;display:inline-flex}.btn-darken{color:var(--color-white-100);background-color:var(--color-black-200);box-shadow:var(--shadow-medium);padding:.75rem 2rem}.btn-neutral{color:var(--color-black-500);background-color:var(--color-white-100);box-shadow:var(--shadow-medium);padding:.75rem 2rem}.banner-column{align-items:center;row-gap:3rem;display:grid;position:relative}@media only screen and (max-width:48rem){.paragraph{text-align:center}.bannerImageMobile{object-position:100% 0;width:100%;height:250px}}@media only screen and (min-width:48rem){.banner-column{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center}}@media only screen and (min-width:64rem){.banner-column{grid-template-columns:1fr max-content;column-gap:4rem}}.banner-links{opacity:0;visibility:hidden;justify-items:center;row-gap:.5rem;display:grid;position:absolute;top:30%;right:1.5rem}@media only screen and (min-width:64rem){.banner-links{opacity:1;visibility:visible}}.banner-links>*{color:var(--color-white-100);font-size:1.25rem;line-height:1.25}.banner-links:before{content:"";background:var(--color-white-100);width:4rem;height:1.5px;position:absolute;top:-3rem;transform:rotate(90deg)}.banner-links:after{content:"";background:var(--color-white-100);width:4rem;height:2px;position:absolute;bottom:-3rem;transform:rotate(90deg)}.top-ylioppilaslakki{color:#fff;padding:0 10px;text-decoration:underline!important}.btn-list{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}