@font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/onest-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/onest-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/onest-cyrillic-400-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/onest-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/onest-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/onest-cyrillic-600-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/onest-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/onest-latin-ext-700-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Onest';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/onest-cyrillic-700-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/unbounded-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/unbounded-latin-ext-700-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/unbounded-cyrillic-700-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/unbounded-latin-800-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/unbounded-latin-ext-800-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/unbounded-cyrillic-800-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

:root{
  --bg:#EEF5F6; --surface:#FFFFFF; --surface-2:#F4F9FA; --ink:#0E2A3B; --muted:#4A6272; --line:#D3E2E6;
  --primary:#0E2A3B; --on-primary:#FFFFFF; --accent:#D81E5B; --accent-text:#C4154F; --lagoon:#12A5A0; --sun:#F2B632;
  --danger:#B3123F; --focus:#2D6CDF;
}
*{box-sizing:border-box;margin:0}
html,body{min-height:100%}
body{font-family:'Onest',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0;text-align:inherit}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
h1,h2,h3{font-family:'Unbounded',system-ui,sans-serif;font-weight:700;letter-spacing:-.01em}
.muted{color:var(--muted)}
.app{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--bg);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (min-width:520px){body{padding:24px 0}.app{min-height:calc(100vh - 48px);min-height:calc(100dvh - 48px);border-radius:32px;overflow:hidden;border:1px solid var(--line)}}

/* Bausteine */
.ic{flex:none;display:block}
.iconbtn{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none}
.iconbtn:hover{background:var(--surface-2)}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 16px;border-radius:14px;font-weight:600;text-align:center;min-height:48px}
.btn.primary{background:var(--primary);color:var(--on-primary)}
.btn.primary:disabled{opacity:.4;cursor:not-allowed}
.btn.secondary{border:1.5px solid var(--line);background:var(--surface)}
.btn.ghost{color:var(--muted)}
.btn.danger{background:var(--danger);color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:14.5px;font-weight:500;min-height:40px}
.chip[aria-pressed="true"]{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}
.av{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-family:'Unbounded',system-ui,sans-serif;font-weight:700;flex:none;overflow:hidden;background:var(--lagoon);color:#0E2A3B}
.av img{width:100%;height:100%;object-fit:cover;display:block}
.tag{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:13px}
.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:var(--sun);color:#0E2A3B;font-size:13px;font-weight:600}
.pill.ok{background:var(--lagoon)}
.notice{padding:10px 14px;border-radius:12px;font-size:14.5px}
.notice.err{background:#FBE6EC;color:#7A0B2A;border:1px solid #F1B7C7}
.notice.ok{background:#E2F5F3;color:#0B4C48;border:1px solid #A8DCD7}

/* Start */
.hero{position:relative;flex:none;height:280px;background:#0E2A3B;color:#fff;overflow:hidden}
.hero svg{position:absolute;inset:0;width:100%;height:100%}
.net line{stroke:rgba(255,255,255,.38);stroke-width:1.6}
.net.anim line{stroke-dasharray:220;stroke-dashoffset:0;animation:draw 1.6s ease-out both}
@keyframes draw{from{stroke-dashoffset:220}to{stroke-dashoffset:0}}
.wordmark{position:absolute;left:24px;bottom:20px;font-family:'Unbounded',system-ui,sans-serif;font-weight:800;font-size:56px;line-height:1.05;letter-spacing:-.04em}
.wordmark span{display:block}
.wordmark span:nth-child(2){margin-left:42px}
.testbadge{position:absolute;left:24px;top:20px;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.14);font-size:13px;font-weight:600}
.lower{display:grid;gap:16px;padding:20px}
.tagline{font-size:18px;font-weight:600;line-height:1.35}
.flabel{display:block;font-weight:600;font-size:14.5px;margin-bottom:6px}
.langgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lang{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);font-weight:500;min-height:48px}
.lang[aria-pressed="true"]{border-color:var(--ink);background:var(--surface-2);font-weight:700}
.check{display:flex;align-items:center;gap:12px;cursor:pointer}
.check input{width:24px;height:24px;accent-color:var(--primary);flex:none}
.field{margin-bottom:16px}
.field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-height:48px}
.field textarea{min-height:110px;resize:vertical}
.hint{color:var(--muted);font-size:13.5px;margin-top:6px}
.count{float:right;color:var(--muted);font-size:13px}

/* Kopf und Inhalt */
.top{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 12px 8px 20px}
.top h2{font-size:20px;line-height:1.25}
.brand{font-family:'Unbounded',system-ui,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.03em}
.content{flex:1;padding:8px 20px 32px}
.stack{display:grid;gap:16px;align-content:start}

/* Profil */
.photobox{display:flex;align-items:center;gap:16px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px;display:grid;gap:12px;align-content:start}
.phead{display:flex;align-items:center;gap:14px}
.pname{font-weight:700;font-size:20px;line-height:1.2}
.row{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}
.setrow{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px 0;border-bottom:1px solid var(--line)}
.setrow.danger{color:var(--accent-text);font-weight:600}
.sec{font-size:15px;margin:24px 0 10px}

/* Fenster und Hinweise */
.scrim{position:fixed;inset:0;background:rgba(6,18,25,.55);z-index:20}
.sheet{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:480px;max-height:90%;overflow-y:auto;background:var(--surface);border-radius:28px 28px 0 0;z-index:30;padding:22px 20px 26px;display:grid;gap:12px;animation:rise .22s ease-out}
@keyframes rise{from{transform:translate(-50%,24px);opacity:.6}to{transform:translate(-50%,0);opacity:1}}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,8px);z-index:60;max-width:440px;width:calc(100% - 32px);background:var(--ink);color:var(--bg);padding:12px 16px;border-radius:14px;font-size:14.5px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.toast.show{opacity:1;transform:translate(-50%,0)}
.center{display:grid;place-items:center;flex:1;padding:24px;text-align:center}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}