.mode-hero h1{background:linear-gradient(180deg,#fff,#c9d9ef);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 8px 28px #02081730}.mode-hero .lead{color:#93a8c3!important}.mode-grid{gap:1rem!important}.mode-card{--mode-color:#55d6be;isolation:isolate;min-height:145px!important;padding:1.25rem 1.35rem!important;border:1px solid color-mix(in srgb,var(--mode-color) 38%,#38516f)!important;border-left:1px solid color-mix(in srgb,var(--mode-color) 62%,#fff)!important;border-radius:20px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--mode-color) 8%,#173253),#102440 55%,#0c1d34)!important;color:#f4f8ff!important;box-shadow:0 14px 32px #02081745,inset 0 1px #ffffff10!important;animation:mode-card-enter .5s cubic-bezier(.2,.8,.25,1) both;transition:transform .28s cubic-bezier(.2,.8,.25,1),border-color .28s,box-shadow .28s!important}.mode-card:nth-child(1){--mode-color:#5ad9c0;animation-delay:.04s}.mode-card:nth-child(2){--mode-color:#e6a85d;animation-delay:.1s}.mode-card:nth-child(3){--mode-color:#64a9ff;animation-delay:.16s}.mode-card:nth-child(4){--mode-color:#9b8cff;animation-delay:.22s}.mode-card:nth-child(5){--mode-color:#ef7f83;animation-delay:.28s}.mode-card::after{display:none!important}.mode-card::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(circle at 5% 0,color-mix(in srgb,var(--mode-color) 18%,transparent),transparent 45%),linear-gradient(110deg,transparent 32%,#ffffff0b 49%,transparent 66%);background-size:auto,220% 100%;background-position:center,-120% 0;transition:background-position .65s ease}.mode-card:hover::before{background-position:center,120% 0}.mode-card:hover{transform:translateY(-7px) scale(1.012)!important;border-color:color-mix(in srgb,var(--mode-color) 72%,#fff)!important;background:linear-gradient(145deg,#19385f,#132b4a 65%,#102640)!important;box-shadow:0 22px 45px #02081766,0 0 25px color-mix(in srgb,var(--mode-color) 18%,transparent),inset 0 1px #ffffff1a!important}.mode-card .mode-icon{width:58px!important;height:58px!important;border:1px solid color-mix(in srgb,var(--mode-color) 55%,#fff)!important;border-radius:15px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--mode-color) 19%,#183454),#102541)!important;color:#f5fbff!important;box-shadow:0 7px 18px #02081755,inset 0 0 18px color-mix(in srgb,var(--mode-color) 12%,transparent)!important;transition:transform .35s cubic-bezier(.2,.8,.25,1),box-shadow .35s!important}.mode-card:hover .mode-icon{transform:translateY(-2px) rotate(-4deg) scale(1.09);box-shadow:0 10px 25px #02081766,0 0 20px color-mix(in srgb,var(--mode-color) 30%,transparent)!important}.mode-card .mode-icon svg{filter:drop-shadow(0 2px 4px #02081788)}.mode-card .mode-copy h2{color:#f6f9ff!important;font-size:1.18rem!important}.mode-card .mode-copy p{color:#aebed3!important}.mode-card .mode-arrow{display:grid!important;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffff08;color:#8da3bd!important;font-size:.95rem!important}.mode-card:hover .mode-arrow{background:color-mix(in srgb,var(--mode-color) 16%,transparent);color:var(--mode-color)!important;transform:translateX(4px) scale(1.08)!important}@keyframes mode-card-enter{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.mode-card{animation:none!important;transition:none!important}.mode-card:hover{transform:none!important}.mode-card .mode-icon{transition:none!important}.mode-card:hover .mode-icon{transform:none}}
.mode-hero{margin-bottom:2.25rem!important}.mode-hero .eyebrow{margin:0 0 .65rem!important;color:#55d6be!important;font-size:.78rem!important;font-weight:850!important;letter-spacing:.11em!important}.mode-hero h1{margin:0!important;font-size:clamp(2.5rem,5vw,4rem)!important;line-height:1!important;letter-spacing:-.04em!important}.mode-hero .lead{margin-top:.65rem!important;font-size:clamp(1rem,2vw,1.2rem)!important}
.mode-hero h1{background:linear-gradient(180deg,#fff 0%,#d9e5f5 58%,#bdcee4 100%)!important;background-size:100% 100%!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;text-shadow:0 8px 28px #02081730!important;animation:none!important}
.grid .card:last-child p{font-size:0}.grid .card:last-child p::after{content:"195+ Länder";font-size:1rem}