:root { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; color-scheme: light dark; }
    * { box-sizing: border-box; }
    body { min-height: 100svh; margin: 0; display: grid; place-items: center; background: light-dark(#f3f6fb, #11151c); color: light-dark(#142130,#edf2f7); padding: 24px; }
    .panel { width: min(100%, 440px); border: 1px solid light-dark(#d9e2ee,#364155); border-radius: 20px; padding: clamp(24px, 6vw, 40px); background: light-dark(#fff,#1c2430); box-shadow: 0 18px 56px #10182816; }
    .mark { display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; background: transparent; padding: 0; width: 112px; height: 112px; }
    h1 { font-size: 1.45rem; line-height: 1.25; margin: 22px 0 10px; }
    p { line-height: 1.55; color: light-dark(#475467,#a8b7cc); margin: 0 0 22px; }
    .brand { display: flex; flex-direction: column; align-items: center; gap: 5px; text-align: center; }
    .brand-name { font-size: 1.10rem; font-weight: 850; letter-spacing: .04em; }
    .mark img { width: 100%; height: 100%; object-fit: contain; }
    .challenge { min-height: 75px; display: flex; align-items: center; justify-content: center; }
    #status { margin: 18px 0 0; padding: 12px 14px; border-radius: 10px; background: light-dark(#eef4fb,#263141); font-size: .91rem; line-height: 1.45; }
    #status.success { background: light-dark(#e7f6ec,#183c30); color: light-dark(#195f39,#b9f3cd); }
    #status.error { background: light-dark(#fff0ed,#402720); color: light-dark(#8c2f20,#ffc8bd); }
    .foot { font-size: .78rem; margin-top: 22px; color: light-dark(#667085,#a6b2c0); line-height: 1.45; }