.notify{background:var(--c-or);color:var(--c-or-ink);padding-block:var(--s-5)}
.notify-inner{display:grid;gap:var(--s-4)}
.notify-status{display:flex;align-items:center;gap:var(--s-2);margin:0 0 var(--s-2);text-transform:uppercase;letter-spacing:.14em}
.notify-dot{width:8px;height:8px;background:var(--c-or-ink);animation:notify-blink 1.1s steps(2,start) infinite}
.notify-flap{display:inline-flex;gap:2px}
.notify-flap b{display:inline-block;min-width:1.25em;padding:.05em .2em;text-align:center;background:var(--c-or-ink);color:var(--c-or);font-weight:500}
.notify-title{margin:0;font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(2.4rem,9vw,5rem);line-height:1.02;letter-spacing:-.005em;text-wrap:balance}
.notify-text{margin:var(--s-2) 0 0;font-size:var(--t-s);font-weight:500;max-width:34ch}
.notify-form{display:grid;gap:var(--s-3);align-content:start}
.notify-tabs{display:flex;border:1.5px solid var(--c-or-ink);width:max-content}
.notify-tab{appearance:none;border:0;background:transparent;color:var(--c-or-ink);font-family:var(--f-cond);font-weight:600;font-size:var(--t-xs);letter-spacing:.18em;text-transform:uppercase;padding:.7em 1.1em;min-height:44px;cursor:pointer}
.notify-tab+.notify-tab{border-left:1.5px solid var(--c-or-ink)}
.notify-tab[aria-selected="true"]{background:var(--c-or-ink);color:var(--c-or)}
.notify-tab:focus-visible,.notify-form :focus-visible{outline-color:var(--c-or-ink)}
.notify-row{display:flex;flex-wrap:wrap;border:1.5px solid var(--c-or-ink);background:var(--c-or-ink);gap:1.5px}
.notify-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.notify-btn:disabled{opacity:.6;cursor:progress}
.notify-input{flex:1 1 12rem;min-width:0;min-height:52px;border:0;border-radius:var(--r-0);padding:0 var(--s-4);background:var(--c-or-2);color:var(--c-or-ink);font-family:var(--f-mono);font-size:var(--t-m)}
.notify-input::placeholder{color:var(--c-or-deep)}
.notify-input[aria-invalid="true"]{box-shadow:inset 0 0 0 2px var(--c-or-ink)}
.notify-btn{flex:1 1 auto;background:var(--c-or-ink);color:var(--c-or)}
.notify-btn:hover{background:var(--c-bg-3);color:var(--c-or-2)}
.notify-panel{display:grid;gap:var(--s-3)}
.notify-consent{display:flex;gap:var(--s-2);align-items:flex-start;font-size:var(--t-xs);line-height:1.4;cursor:pointer}
.notify-consent input{flex:none;appearance:none;width:18px;height:18px;margin:0;border:1.5px solid var(--c-or-ink);border-radius:var(--r-0);background:transparent;cursor:pointer;display:grid;place-content:center}
.notify-consent input:checked{background:var(--c-or-ink)}
.notify-consent input:checked::after{content:"";width:10px;height:10px;background:var(--c-or);clip-path:polygon(14% 52%,0 66%,38% 100%,100% 24%,86% 10%,38% 70%)}
.notify-err{margin:0;min-height:0;font-family:var(--f-mono);font-size:var(--t-xs)}
.notify-err:empty{display:none}
.notify-done{display:flex;align-items:center;gap:var(--s-3);margin:0;min-height:52px;font-family:var(--f-display);font-size:clamp(1.6rem,5vw,2.4rem);text-transform:uppercase;line-height:1;animation:notify-in .5s var(--ease) both}
.notify-done[hidden]{display:none}
.notify-check{width:40px;height:40px;flex:none;background:var(--c-or-ink);clip-path:polygon(14% 52%,0 66%,38% 100%,100% 24%,86% 10%,38% 70%);animation:notify-pop .45s .1s var(--ease) both}
@keyframes notify-blink{to{visibility:hidden}}
@keyframes notify-in{from{opacity:0;transform:translateY(12px)}}
@keyframes notify-pop{from{transform:scale(0) rotate(-20deg)}}
@media (min-width:761px){
  .notify{padding-block:var(--s-7)}
  .notify-inner{grid-template-columns:1fr minmax(0,30rem);gap:var(--s-7);align-items:end}
  .notify-btn{flex:none}
}

/* Mobile-Pass: Formular-Ergonomie */
@media (max-width:760px){
  .notify{padding-block:var(--s-6)}
  .notify-inner{gap:var(--s-4)}
  .notify-title{font-size:clamp(2.4rem,11vw,3.6rem);text-wrap:balance}
  .notify-text{font-size:var(--t-m)}
  .notify-form{gap:var(--s-3)}
  .notify-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .notify-tab{min-height:46px;padding:0 var(--s-3);font-size:var(--t-s);letter-spacing:.14em;-webkit-tap-highlight-color:transparent}
  .notify-row{flex-direction:column;border:0;background:transparent;gap:var(--s-2)}
  .notify-input{flex:none;width:100%;height:52px;min-height:52px;font-size:1.0625rem;border:1.5px solid var(--c-or-ink);background:var(--c-ink);color:var(--c-or-ink)}
  .notify-input::placeholder{color:var(--c-ink-3)}
  .notify-input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--c-or-ink)}
  .notify-input[aria-invalid="true"]{border-color:var(--c-or-ink);box-shadow:inset 0 0 0 3px var(--c-or-ink)}
  .notify-btn{width:100%;min-height:54px;font-size:var(--t-m);letter-spacing:.14em}
  .notify-btn:active{background:var(--c-bg-3)}
  .notify-consent{align-items:center;gap:var(--s-3);min-height:44px;padding:var(--s-1) 0;font-size:var(--t-s);line-height:1.35;-webkit-tap-highlight-color:transparent}
  .notify-consent input{width:26px;height:26px;border-width:2px}
  .notify-consent input:checked::after{width:14px;height:14px}
  .notify-consent:active input{background:rgba(20,10,2,.25)}
  .notify-err{padding:var(--s-2) var(--s-3);background:var(--c-or-ink);color:var(--c-or-2);font-size:var(--t-s);letter-spacing:0}
  .notify-done{min-height:60px;padding:var(--s-3) 0}
}