*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f4f5f7;color:#1a1a2e;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem}.container{width:100%;max-width:640px}.instructions{background:#fff;border-radius:8px;border:1px solid #e2e4e9;padding:2rem;margin-bottom:1.5rem}.instructions h1{font-size:1.4rem;font-weight:600;margin-bottom:1rem}.instructions-placeholder{background:#f4f5f7;border:2px dashed #c5c8d0;border-radius:6px;padding:1.5rem;text-align:center;color:#6b7280;font-size:.9rem;margin-bottom:.75rem}.instructions-placeholder+.instructions-placeholder{margin-top:.75rem}.instructions-intro{font-size:.95rem;color:#374151;margin-bottom:1.5rem;line-height:1.5}.step{margin-bottom:1.5rem}.step:last-child{margin-bottom:0}.step h3{font-size:1rem;font-weight:600;margin-bottom:.4rem;color:#1a1a2e}.step p{font-size:.9rem;color:#374151;line-height:1.5;margin-bottom:.75rem}.step-image{width:100%;border-radius:6px;border:1px solid #e2e4e9}.form-card{background:#fff;border-radius:8px;border:1px solid #e2e4e9;padding:2rem}.form-group{margin-bottom:1.25rem}label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.4rem;color:#374151}input[type=text]{width:100%;padding:.6rem .75rem;font-size:.95rem;font-family:Courier New,Courier,monospace;border:1px solid #d1d5db;border-radius:6px;background:#fff;transition:border-color .15s,box-shadow .15s;outline:none}input[type=text]:focus{border-color:#4f6ef7;box-shadow:0 0 0 3px #4f6ef71f}input[type=text][aria-invalid=true]{border-color:#ef4444}input[type=text][aria-invalid=true]:focus{box-shadow:0 0 0 3px #ef44441f}input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.hint{font-size:.8rem;color:#6b7280;margin-top:.35rem}.error-hint{font-size:.8rem;color:#ef4444;margin-top:.35rem;display:block}button[type=submit],.btn-primary{width:100%;padding:.7rem 1.25rem;font-size:.95rem;font-weight:500;color:#fff;background:#4f6ef7;border:none;border-radius:6px;cursor:pointer;transition:background .15s,opacity .15s}button[type=submit]:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:#3b56d9}button[type=submit]:disabled,.btn-primary:disabled{opacity:.45;cursor:not-allowed}.error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:.75rem 1rem;color:#b91c1c;font-size:.875rem;margin-bottom:1rem}.success-screen{background:#fff;border-radius:8px;border:1px solid #e2e4e9;padding:2.5rem 2rem;text-align:center}.success-icon{width:52px;height:52px;background:#d1fae5;color:#065f46;border-radius:50%;font-size:1.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}.success-screen h2{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.success-meta{font-size:.875rem;color:#6b7280;margin-bottom:.4rem}.success-meta strong{color:#374151}.btn-reset{margin-top:1.75rem;width:100%;padding:.7rem 1.25rem;font-size:.95rem;font-weight:500;color:#374151;background:#f4f5f7;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:background .15s}.btn-reset:hover{background:#e5e7eb}