.oops{--ink:var(--beige);--ink2:var(--paper);--line:#d5cfc3;--txt:#2f2e2d;--mut:#6b6863;--mut2:#9a948a;--orange:#e84c15;--orange2:var(--orange-tief);--display:"Saira","Eurostile",system-ui,sans-serif;--sans:"Barlow",system-ui,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace;background:var(--ink);min-height:100vh;color:var(--txt);font-family:var(--sans);isolation:isolate;place-items:center;padding:28px 18px;display:grid;position:relative;overflow:hidden}.oops:before{content:"";z-index:-2;background:radial-gradient(65% 55% at 30% 30%,#e84c151f,transparent 70%), radial-gradient(50% 50% at 85% 80%,#00678a24,transparent 70%),var(--ink);position:absolute;inset:0}.oops:after{content:"";z-index:-1;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.oops .box{text-align:left;width:min(520px,100%)}.oops .code{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--orange2);align-items:center;gap:9px;margin-bottom:14px;font-size:10.5px;display:flex}.oops .code i{background:var(--orange);width:22px;height:1px;font-style:normal;display:inline-block}.oops h1{font-family:var(--display);letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(30px,7vw,52px);font-weight:800;line-height:1.02}.oops h1 em{color:var(--orange);font-style:normal}.oops p{color:var(--mut);max-width:44ch;margin-bottom:10px;font-size:15px;line-height:1.6}.oops p.klein{color:var(--mut2);font-size:13px}.oops .kennung{border:1px solid var(--line);background:#ffffffb3;border-radius:5px;flex-direction:column;gap:3px;margin:22px 0;padding:14px 18px;display:inline-flex}.oops .kennung span{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mut2);font-size:9.5px}.oops .kennung b{font-family:var(--mono);letter-spacing:.12em;color:var(--txt);font-size:20px}.oops .wege{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.oops .wege a,.oops .wege button{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);color:var(--txt);cursor:pointer;background:0 0;border-radius:3px;padding:13px 20px;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-block}.oops .wege a.pri,.oops .wege button.pri{background:var(--orange);border-color:var(--orange);color:#fff}.oops .wege a.pri:hover,.oops .wege button.pri:hover{background:var(--orange2);border-color:var(--orange2)}.oops .wege a:hover,.oops .wege button:hover{border-color:var(--mut2)}