* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 1rem; font-family: system-ui, "Segoe UI", sans-serif; color: #17303f; background: linear-gradient(160deg, #a5d8ee, #3d87ae 70%, #2479ab); }
.tor { width: min(100%, 22rem); padding: 1.75rem; background: #fff; border-radius: 14px; box-shadow: 0 18px 50px rgba(14, 52, 78, 0.3); }
.tor h1 { margin: 0 0 0.35rem; font-size: 1.3rem; }
.tor p { margin: 0 0 1.1rem; color: #52697a; font-size: 0.92rem; }
.tor label { display: block; margin-bottom: 0.3rem; font-size: 0.85rem; font-weight: 600; }
.tor input { width: 100%; padding: 0.65rem 0.75rem; font: inherit; border: 1px solid #b9c9d4; border-radius: 8px; }
.tor input:focus-visible, .tor button:focus-visible { outline: 3px solid #7cc4e6; outline-offset: 1px; }
.tor button { width: 100%; margin-top: 0.9rem; padding: 0.7rem; font: inherit; font-weight: 600; color: #fff; background: #2d6c90; border: 0; border-radius: 8px; cursor: pointer; }
.tor button:hover { background: #245a79; }
.tor .tor__fehler { margin: 0.9rem 0 0; color: #b3261e; }