*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#111;min-height:100vh;display:flex;align-items:center;justify-content:center}.card{background:#fff;border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,.08);padding:2.5rem 2rem;max-width:480px;width:100%;margin:2rem 1rem}h1{font-size:1.5rem;margin-bottom:.5rem}p{color:#555;line-height:1.5;margin-bottom:1rem}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:opacity .15s}.btn:hover{opacity:.85}.btn-primary{background:#0078d4;color:#fff}.btn-secondary{background:#e8e8e8;color:#111}.credential-box{background:#f0f4ff;border:1px solid #c7d8ff;border-radius:8px;padding:1rem;margin:1rem 0;font-family:monospace;font-size:.95rem;word-break:break-all}.credential-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.35rem 0;border-bottom:1px solid #dde8ff}.credential-row:last-child{border-bottom:none}.credential-row label{font-size:.8rem;color:#555;text-transform:uppercase;letter-spacing:.05em;font-family:sans-serif}.credential-row span{font-weight:700}.qr-wrap{text-align:center;margin:1.5rem 0}.qr-wrap img,.qr-wrap svg{max-width:220px}.alert{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.alert-warn{background:#fff8e1;border:1px solid #ffe082;color:#6d4c00}.alert-error{background:#fdecea;border:1px solid #f5c6cb;color:#721c24}.spinner{display:inline-block;width:1.2em;height:1.2em;border:3px solid rgba(0,120,212,.2);border-top-color:#0078d4;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:.5rem}@keyframes spin{to{transform:rotate(1turn)}}