*{box-sizing:border-box;margin:0;padding:0}
  body{font-family:'Courier New',Courier,monospace;background:#e8d5b0;
       min-height:100vh;display:flex;align-items:center;justify-content:center}
  .card{background:#fff8ee;border:3px solid #cc5500;padding:32px;width:320px}
  .logo{text-align:center;margin-bottom:20px}
  .logo-title{color:#cc5500;font-size:22px;font-weight:bold;letter-spacing:4px}
  .logo-sub{color:#884400;font-size:11px;letter-spacing:2px;margin-top:4px}
  .divider{border:none;border-top:2px solid #cc5500;margin:14px 0}
  .section-title{color:#884400;font-size:10px;letter-spacing:2px;font-weight:bold;
                 text-align:center;margin-bottom:16px}
  label{display:block;color:#884400;font-size:10px;font-weight:bold;
        letter-spacing:1px;margin-bottom:3px}
  input{width:100%;background:#fff8ee;border:2px solid #cc5500;padding:7px 9px;
        font-family:inherit;font-size:13px;color:#2a1800;margin-bottom:14px}
  input:focus{outline:none;border-color:#884400}
  .btn{width:100%;background:#cc5500;color:#fff8ee;border:2px solid #aa3300;
       padding:10px;font-family:inherit;font-size:12px;letter-spacing:2px;
       cursor:pointer;text-align:center}
  .btn:hover{background:#aa3300}
  .msg{text-align:center;padding:16px;color:#884400;font-size:12px;line-height:1.6}
  .msg-icon{font-size:28px;margin-bottom:8px}
  .error{color:#880000;font-size:11px;margin-top:-10px;margin-bottom:10px;display:none}
  .floating-version{position:fixed;bottom:10px;right:10px;font-size:10px;color:#884400;opacity:0.6;pointer-events:none}