.cs-screen{--sun-soft:#ffdc96;--pink:#ee5d9b;--purple:#7c4dbc;--teal:#159a8c;--teal-dk:#0f7a6e;--ink:#2e2a4a;--muted:#6e6a86;--radius:28px;--radius-sm:16px;--shadow:0 24px 60px #2e2a4a29;--shadow-sm:0 10px 28px #2e2a4a1f;--font-display:"Baloo 2",system-ui,-apple-system,"Segoe UI",sans-serif;--font-body:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100svh;font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;flex-direction:column;line-height:1.6;display:flex;position:relative}.cs-screen *,.cs-screen :before,.cs-screen :after{box-sizing:border-box}.cs-screen:before{content:"";z-index:-2;filter:blur(6px);background-image:-webkit-image-set(url(/mampfis-hausboot.webp) 1x type("image/webp"),url(/mampfis-hausboot.jpg) 1x type("image/jpeg"));background-image:image-set("/mampfis-hausboot.webp" 1x type("image/webp"),"/mampfis-hausboot.jpg" 1x type("image/jpeg"));background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:-16px;transform:scale(1.06)}.cs-screen:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(125% 90% at 50% 28%,#ffffff47,#0000 62%),linear-gradient(#ffffff52 0%,#ffffff24 38%,#2e2a4a38 100%);position:fixed;inset:0}@keyframes cs-rise{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}.cs-main{flex-direction:column;flex:auto;justify-content:center;align-items:center;width:100%;padding:clamp(20px,5vh,48px) 16px;display:flex}.cs-card{z-index:1;text-align:center;-webkit-backdrop-filter:blur(14px)saturate(1.1);border-radius:var(--radius);width:100%;max-width:520px;box-shadow:var(--shadow);background:#ffffffdb;border:1px solid #ffffffd9;padding:clamp(26px,5vw,44px);animation:.6s cubic-bezier(.22,1,.36,1) both cs-rise;position:relative}.cs-head{flex-direction:column;align-items:center;gap:6px;display:flex}.cs-mascot{-o-object-fit:cover;object-fit:cover;background:var(--sun-soft);width:154px;height:154px;box-shadow:var(--shadow-sm);border-radius:32px}.cs-brand{font-family:var(--font-display);color:var(--ink);letter-spacing:.2px;margin-top:4px;font-size:clamp(23px,4.6vw,30px);font-weight:800;line-height:1.1}.cs-brand span{color:var(--teal-dk)}.cs-tagline{color:var(--muted);font-size:clamp(13.5px,2.4vw,15px);font-weight:700}.cs-title{font-family:var(--font-display);color:var(--ink);margin:16px 0 0;font-size:clamp(26px,5vw,35px);font-weight:800;line-height:1.1}.cs-title-accent{color:var(--teal-dk)}.cs-sub{color:var(--muted);max-width:40ch;margin:10px auto 20px;font-size:clamp(14.5px,2.4vw,16px);line-height:1.5}.cs-screen .signup{text-align:left;flex-direction:column;display:flex}.cs-screen form,.cs-screen .field-row{flex-direction:column;gap:12px;display:flex}.cs-screen input[type=text],.cs-screen input[type=email]{width:100%;color:var(--ink);border-radius:var(--radius-sm);background:#fff;border:2px solid #ece9f5;padding:14px 16px;font-family:inherit;font-size:16px;transition:border-color .18s,box-shadow .18s}.cs-screen input::placeholder{color:#b5b2c6}.cs-screen input:focus-visible{border-color:var(--purple);outline:none;box-shadow:0 0 0 4px #a459d129}.cs-screen button{font-family:var(--font-display);color:#fff;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--purple),var(--pink));cursor:pointer;border:none;padding:15px 20px;font-size:17px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 8px 20px #a459d152}.cs-screen button:hover{transform:translateY(-2px);box-shadow:0 12px 26px #a459d16b}.cs-screen button:active{transform:translateY(0)}.cs-screen button:disabled{opacity:.6;cursor:default;transform:none}.cs-screen button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.cs-screen .consent{color:var(--muted);cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;display:flex}.cs-screen .consent input[type=checkbox]{width:18px;height:18px;accent-color:var(--purple);cursor:pointer;flex:none;margin:2px 0 0}.cs-screen .consent span{text-align:left;text-wrap:pretty;flex:1}.cs-screen .consent a{color:var(--purple)}.cs-screen .form-error{color:#c0392b;margin:0;font-size:13px;font-weight:700}.cs-screen .success{flex-direction:column;align-items:center;gap:6px;padding:18px;animation:.4s both cs-rise;display:flex}.cs-screen .success .emoji{font-size:46px}.cs-screen .success strong{color:var(--grass-dk,#58a93f);font-size:20px;font-family:var(--font-display)}.cs-screen .success small{color:var(--muted)}.cs-badges{flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.cs-badge{color:var(--ink);background:#ffffffb8;border:1px solid #2e2a4a14;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.cs-badge .ico{font-size:14px;line-height:1}.cs-badge--accent{background:var(--sun-soft);color:#6b5208;border-color:#0000}.cs-divider{background:#2e2a4a1f;height:1px;margin-top:18px}.cs-screen .social{text-align:center;margin-top:16px}.cs-screen .social-label{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:700}.cs-screen .social-list{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.cs-screen .social-chip{color:var(--ink);cursor:default;background:#fff;border:2px solid #ece9f5;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:13.5px;font-weight:700;display:inline-flex}.cs-screen .social-chip svg{width:17px;height:17px;display:block}.cs-screen .social-chip .soon{color:var(--muted);background:#f2f0f9;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.cs-screen .social-chip.yt svg{color:red}.cs-screen .social-chip.ig svg{color:#e1306c}.cs-foot{z-index:1;text-align:center;-webkit-backdrop-filter:blur(10px);background:#ffffff8c;border-top:1px solid #fff9;width:100%;padding:14px 20px;position:relative}.cs-foot nav{flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-bottom:8px;display:flex}.cs-foot a{color:var(--ink);border-bottom:2px solid #0000;font-size:14px;font-weight:700;text-decoration:none;transition:border-color .15s,color .15s}.cs-foot a:hover{color:var(--purple);border-bottom-color:var(--purple)}.cs-foot .copy{color:var(--muted);font-size:13px}@media (max-width:520px){.cs-screen:before{background-position:38%}.cs-card{margin-inline:4px}}@media (prefers-reduced-motion:reduce){.cs-card,.cs-screen .success{animation:none}}@media (prefers-reduced-transparency:reduce){.cs-screen:before{filter:none}.cs-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffff5}}