/* XS-Project Kündigung – bewusst schlicht, kontrastreich und barrierearm. */
.cancel-page{min-height:100vh;background:#080d16;color:#f1f6ff;display:flex;flex-direction:column}
.cancel-glow{position:fixed;inset:0 0 auto;z-index:-1;height:560px;pointer-events:none;background:radial-gradient(ellipse at 75% 0%,rgba(28,226,239,.11),transparent 55%),radial-gradient(ellipse at 10% 25%,rgba(80,133,255,.09),transparent 53%)}
.cancel-wrap{width:min(830px,calc(100% - 40px));margin-inline:auto}
.cancel-header{border-bottom:1px solid rgba(135,178,215,.14);background:rgba(9,16,28,.94)}
.cancel-header-inner{min-height:92px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.cancel-header img{width:235px;height:auto;max-width:65vw}
.cancel-home{color:#c4d6ed;font-size:.88rem;text-decoration:none;border:1px solid #26384f;border-radius:12px;padding:10px 16px;white-space:nowrap}
.cancel-home:hover,.cancel-footer a:hover{color:#1ce2ef;border-color:#1ce2ef}
.cancel-main{padding:72px 0 95px;flex:1}
.cancel-kicker{font-size:.72rem;font-weight:800;letter-spacing:.17em;color:#7ccfe8;display:flex;align-items:center;gap:10px}
.cancel-dot{width:8px;height:8px;background:#1ce2ef;border-radius:50%;box-shadow:0 0 16px #1ce2ef}
.cancel-main h1{font-size:clamp(2.3rem,6vw,4.6rem);line-height:1.04;letter-spacing:-.05em;font-weight:900;margin:17px 0 22px;color:#f1f6ff}
.cancel-main h1 span{color:#1ce2ef}
.cancel-intro{font-size:1.11rem;line-height:1.75;max-width:740px;color:#aabbd1}
.cancel-main a:not(.cancel-link-btn){text-decoration:underline;text-underline-offset:3px}
.cancel-info{background:rgba(29,225,238,.045);border:1px solid rgba(28,226,239,.3);border-radius:18px;padding:20px 25px;margin:32px 0}
.cancel-info strong{color:#b6faff}
.cancel-info p{margin:7px 0 0;line-height:1.65}
.cancel-form{background:#0f1a2a;border:1px solid #26374e;border-radius:24px;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.18)}
.cancel-form fieldset{border:0;min-width:0;margin:0 0 32px;padding:0}
.cancel-form legend{font-size:.83rem;font-weight:800;color:#7edfee;letter-spacing:.08em;margin-bottom:20px;text-transform:uppercase}
.cancel-form label:not(.cancel-choice){display:block;font-size:.93rem;color:#e5eefa;font-weight:700;margin:0 0 18px}
.cancel-form label small{font-weight:400;color:#aabbd1}
.cancel-form input:not([type=radio]),.cancel-form textarea{display:block;width:100%;margin-top:9px;padding:13px 15px;border-radius:11px;border:1px solid #40536d;background:#0b1422;color:#f5f9ff;font:inherit;line-height:1.5}
.cancel-form textarea{resize:vertical;min-height:86px}
.cancel-form input:focus,.cancel-form textarea:focus{outline:2px solid #1ce2ef;outline-offset:1px}
.cancel-form input::placeholder,.cancel-form textarea::placeholder{color:#a6b3c6;opacity:.85}
.cancel-grid,.cancel-radio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cancel-radio-grid{margin-bottom:22px}
.cancel-choice{border-radius:12px;border:1px solid #3c4c66;background:#0b1625;padding:16px 12px;display:flex;align-items:center;gap:11px;font-weight:700;line-height:1.4;color:#eff5ff;cursor:pointer}
.cancel-choice input{accent-color:#1ce2ef;width:18px;height:18px;flex-shrink:0}
.cancel-choice:has(input:checked){border-color:#1ce2ef;background:rgba(28,226,239,.075)}
.cancel-hint,.cancel-privacy{color:#a6b7ce;font-size:.89rem;line-height:1.7}
.cancel-privacy{border-top:1px solid #2a3a50;margin:6px 0 24px;padding-top:24px}
.cancel-action{text-align:center}
.cancel-submit{display:block;width:100%;background:#1ce2ef;color:#07111e;border:0;border-radius:12px;padding:16px 20px;font-weight:900;cursor:pointer;font-size:1.1rem;text-transform:lowercase;min-height:56px}
.cancel-submit:hover{background:#6bf6ff}
.cancel-submit:focus-visible,.cancel-choice:focus-within,.cancel-link-btn:focus-visible,.cancel-print:focus-visible{outline:3px solid #82eaff;outline-offset:4px}
.cancel-action p{margin:13px 0 0;font-size:.83rem;color:#9daec7}
.cancel-alert,.cancel-success{padding:24px;border-radius:16px;margin:26px 0;background:#1b1820;border:1px solid #b27b8a;color:#f8dde4;line-height:1.6}
.cancel-alert a{color:inherit}
.cancel-success{background:#0b2224;border-color:#269ba0;color:#e8ffff}
.cancel-success p{margin:7px 0 0}
.cancel-status{margin:25px 0;color:#c0d6e9}
.cancel-receipt{background:#101a2a;border:1px solid #40536d;border-radius:17px;padding:28px;margin-top:24px}
.cancel-receipt h2{font-size:1.25rem;margin:0 0 14px}
.cancel-receipt pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;font-size:.89rem;color:#c8d9ed;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.cancel-receipt-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
.cancel-link-btn,.cancel-print{display:inline-block;background:#1ce2ef!important;color:#0a1420!important;text-decoration:none!important;padding:13px 20px;border:0;border-radius:11px;font-weight:800;cursor:pointer;font:inherit}
.cancel-print{background:#1c2b42!important;color:#f1f6ff!important;border:1px solid #56718d}
.cancel-footer{border-top:1px solid #25334b;padding:30px 0;background:#0b1422}
.cancel-footer-links{display:flex;justify-content:space-between;gap:20px;align-items:center;color:#a3b6cc;font-size:.8rem;flex-wrap:wrap}
.cancel-footer nav{display:flex;gap:18px;flex-wrap:wrap}
.cancel-footer a{text-decoration:none;color:#c7d7e8}
@media(max-width:650px){.cancel-header-inner{min-height:78px}.cancel-main{padding:54px 0 70px}.cancel-form{padding:20px 18px}.cancel-grid,.cancel-radio-grid{grid-template-columns:1fr;gap:4px}.cancel-radio-grid{gap:10px}.cancel-info{padding:18px}.cancel-main h1{letter-spacing:-.035em}.cancel-footer-links{align-items:start;flex-direction:column}.cancel-receipt{padding:18px}}
@media print{.cancel-page{background:white!important;color:#000!important}.cancel-header,.cancel-footer,.cancel-glow,.cancel-receipt-actions,.cancel-hint,.cancel-status,.cancel-alert{display:none!important}.cancel-main{padding:0}.cancel-wrap{width:100%}.cancel-main h1,.cancel-main h1 span,.cancel-kicker,.cancel-receipt h2,.cancel-receipt pre,.cancel-success,.cancel-success strong{color:#000!important}.cancel-receipt,.cancel-success{border:1px solid #777;background:#fff!important}.cancel-receipt pre{font-size:10pt}}

@media(max-width:650px){.cancel-header img{width:185px;max-width:52vw}.cancel-home{font-size:.77rem;padding:8px 9px}.cancel-header-inner{gap:9px}}