:root{--reg-cream:#f8f5ef;--reg-paper:#fffdf9;--reg-ink:#1c1a17;--reg-muted:#7a7670;--reg-border:#e2ddd5;--reg-green:#1b5e3b;--reg-green-l:#2d7a52;--reg-green-bg:#eef5ef;--reg-gold:#b08a3e;--reg-gold-bg:#fff7e6;--reg-red:#c0392b;--reg-red-bg:#fdf2f2;--reg-warn:#9a6700;--reg-warn-bg:#fff8e5;--reg-blue:#1e5aa8;--reg-blue-bg:#eef5ff}.reg-page{background:var(--reg-cream);min-height:100dvh;font-family:var(--font-body);background-image:radial-gradient(circle at 80% 10%,#1b5e3b0f 0%,#0000 50%),radial-gradient(circle at 10% 90%,#b08a3e0f 0%,#0000 50%);padding:2.5rem 1rem 4rem}.reg-bg-pattern{pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%231B5E3B' fill-opacity='0.03'%3E%3Cpath d='M20 20l8-8-8-8-8 8 8 8zm0 0l8 8-8 8-8-8 8-8z'/%3E%3C/g%3E%3C/svg%3E");position:fixed;inset:0}.reg-card{z-index:1;background:var(--reg-paper);border:1px solid var(--reg-border);border-radius:22px;max-width:820px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000000a,0 18px 46px #00000017}.reg-header{border-bottom:1px solid var(--reg-border);background:linear-gradient(135deg,#fffdf9 0%,#f4f0e8 100%);padding:2.5rem 2.5rem 2rem}.reg-header-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--reg-green);background:var(--reg-green-bg);border:1px solid #1b5e3b33;border-radius:999px;align-items:center;gap:6px;margin-bottom:1rem;padding:5px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.reg-title{font-family:var(--font-display);color:var(--reg-ink);letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.75rem,4vw,2.55rem);font-weight:700;line-height:1.2}.reg-subtitle{color:var(--reg-muted);max-width:620px;margin:0 0 1.25rem;font-size:.96rem;line-height:1.6}.reg-title-line{background:linear-gradient(90deg, var(--reg-green), var(--reg-gold));border-radius:999px;width:52px;height:3px}.reg-progress-wrap{padding:1.5rem 2.5rem 0}.reg-progress-top{color:var(--reg-muted);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.65rem;font-size:.85rem;display:flex}.reg-progress-top strong{color:var(--reg-green);font-weight:700}.reg-progress-track{background:#efeae2;border-radius:999px;height:8px;overflow:hidden}.reg-progress-fill{background:linear-gradient(90deg, var(--reg-green), var(--reg-gold));border-radius:999px;height:100%;transition:width .2s}.reg-step-tabs{grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:1rem;display:grid}.reg-step-tab{border:1px solid var(--reg-border);min-height:42px;color:var(--reg-muted);font-family:var(--font-body);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:6px;font-size:.76rem;font-weight:700;transition:border-color .15s,color .15s,background .15s,transform .1s;display:inline-flex}.reg-step-tab span{width:20px;height:20px;color:var(--reg-muted);background:#f4f1eb;border-radius:999px;justify-content:center;align-items:center;font-size:.7rem;display:inline-flex}.reg-step-tab:hover:not(:disabled){border-color:#1b5e3b59;transform:translateY(-1px)}.reg-step-tab.is-active{background:var(--reg-green-bg);color:var(--reg-green);border-color:#1b5e3b59}.reg-step-tab.is-active span,.reg-step-tab.is-done span{background:var(--reg-green);color:#fff}.reg-step-tab.is-done{color:var(--reg-green)}.reg-banner{border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:10px;margin:1.25rem 2.5rem 0;padding:.875rem 1.25rem;font-size:.875rem;line-height:1.5;display:flex}.reg-banner--success{background:var(--reg-green-bg);color:var(--reg-green);border-color:#1b5e3b33}.reg-banner--warning{background:var(--reg-warn-bg);color:var(--reg-warn);border-color:#9a670038}.reg-banner--error{background:var(--reg-red-bg);color:var(--reg-red);border-color:#c0392b33}.reg-banner--info{background:var(--reg-blue-bg);color:var(--reg-blue);border-color:#1e5aa82e}.reg-banner-icon{color:#fff;background:currentColor;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:21px;height:21px;font-size:.7rem;font-weight:800;display:flex}.reg-form{padding:0 2.5rem 2.5rem}.reg-section{border:1px solid var(--reg-border);background:#fff;border-radius:16px;margin-top:2rem;overflow:hidden}.reg-section-header{border-bottom:1px solid var(--reg-border);background:linear-gradient(135deg,#f9f6f0 0%,#f5f1ea 100%);padding:1.25rem 1.5rem}.reg-section-title{font-family:var(--font-display);color:var(--reg-ink);margin:0 0 4px;font-size:1.18rem;font-weight:700}.reg-section-desc{color:var(--reg-muted);margin:0;font-size:.84rem;line-height:1.5}.reg-section-body{padding:1.5rem}.reg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.span-2{grid-column:span 2}.reg-field{flex-direction:column;gap:5px;display:flex}.reg-label{color:var(--reg-ink);letter-spacing:.02em;text-transform:uppercase;font-size:.8rem;font-weight:700}.reg-required{color:var(--reg-red)}.reg-hint{color:var(--reg-muted);margin-top:-2px;font-size:.75rem}.reg-input{border:1.5px solid var(--reg-border);width:100%;min-height:46px;font-family:var(--font-body);color:var(--reg-ink);box-sizing:border-box;background:#fff;border-radius:10px;outline:none;padding:.72rem .9rem;font-size:.92rem;transition:border-color .15s,box-shadow .15s,background .15s}.reg-input::placeholder{color:#b8b3ab}.reg-input:focus{border-color:var(--reg-green);box-shadow:0 0 0 3px #1b5e3b1a}.reg-input[aria-invalid=true]{border-color:var(--reg-red);background:#fffbfb}.reg-input:disabled{color:var(--reg-muted);cursor:not-allowed;background:#f5f3ef}.reg-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237A7670' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.25rem}.reg-textarea{resize:vertical;min-height:104px;line-height:1.5}.reg-error-text{color:var(--reg-red);margin:2px 0 0;font-size:.76rem;font-weight:600;line-height:1.4}.reg-photo-row{align-items:flex-start;gap:1.25rem;margin-bottom:1.25rem;display:flex}.reg-photo-preview{border:1.5px solid var(--reg-border);background:#f5f3ef;border-radius:14px;flex-shrink:0;width:104px;height:128px;overflow:hidden}.reg-photo-img{object-fit:cover;width:100%;height:100%}.reg-photo-placeholder{width:100%;height:100%;color:var(--reg-muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:.72rem;display:flex}.reg-photo-upload{flex-direction:column;flex:1;justify-content:center;gap:8px;display:flex}.reg-upload-btn{color:var(--reg-green);background:var(--reg-green-bg);white-space:nowrap;text-overflow:ellipsis;border:1.5px dashed #1b5e3b59;border-radius:10px;align-items:center;gap:8px;max-width:300px;min-height:46px;padding:.7rem 1rem;font-size:.9rem;font-weight:700;transition:border-color .15s,background .15s,transform .1s;display:inline-flex;overflow:hidden}.reg-upload-btn:hover:not(.is-disabled){border-color:var(--reg-green);background:#e2efea;transform:translateY(-1px)}.reg-upload-btn.is-disabled{opacity:.55;cursor:not-allowed}.reg-upload-hint{color:var(--reg-muted);margin:0;font-size:.78rem;line-height:1.45}.reg-declaration{border:1.5px solid var(--reg-border);color:var(--reg-ink);cursor:pointer;background:#fafaf7;border-radius:12px;align-items:flex-start;gap:12px;padding:1.125rem 1.25rem;font-size:.89rem;line-height:1.55;transition:border-color .15s,background .15s;display:flex}.reg-declaration--checked{border-color:var(--reg-green);background:var(--reg-green-bg)}.reg-checkbox{width:18px;height:18px;accent-color:var(--reg-green);cursor:pointer;flex-shrink:0;margin-top:2px}.reg-actions{border-top:1px solid var(--reg-border);justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1.75rem;display:flex}.reg-actions-left,.reg-actions-right{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.reg-btn-primary,.reg-btn-secondary,.reg-btn-soft{min-height:46px;font-family:var(--font-body);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:.72rem 1.55rem;font-size:.9rem;font-weight:700;transition:background .15s,transform .1s,box-shadow .15s,border-color .15s,color .15s;display:inline-flex}.reg-btn-primary{background:var(--reg-green);color:#fff;border:1.5px solid var(--reg-green);box-shadow:0 2px 8px #1b5e3b47}.reg-btn-primary:hover:not(:disabled){background:var(--reg-green-l);border-color:var(--reg-green-l);transform:translateY(-1px);box-shadow:0 4px 16px #1b5e3b59}.reg-btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.reg-btn-secondary{color:var(--reg-muted);border:1.5px solid var(--reg-border);background:#fff}.reg-btn-secondary:hover{color:var(--reg-ink);background:#f5f3ef;border-color:#c4bdb4}.reg-btn-soft{background:var(--reg-gold-bg);color:#7a5616;border:1.5px solid #b08a3e40}.reg-btn-soft:hover{background:#fff0c8;transform:translateY(-1px)}.reg-btn-soft--danger{background:var(--reg-red-bg);color:var(--reg-red);border-color:#c0392b2e}.reg-loading{color:var(--reg-muted);align-items:center;gap:12px;padding:2.5rem;font-size:.9rem;display:flex}.reg-spinner{border:2px solid var(--reg-border);border-top-color:var(--reg-green);border-radius:999px;width:18px;height:18px;animation:.7s linear infinite reg-spin;display:inline-block}.reg-spinner--sm{border-width:2px;width:14px;height:14px}.reg-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes reg-spin{to{transform:rotate(360deg)}}@media (width<=760px){.reg-page{padding:1rem .75rem 2.5rem}.reg-card{border-radius:18px}.reg-header{padding:1.75rem 1.25rem 1.5rem}.reg-progress-wrap,.reg-form{padding-left:1.25rem;padding-right:1.25rem}.reg-banner{margin-left:1.25rem;margin-right:1.25rem}.reg-step-tabs{grid-template-columns:repeat(2,1fr)}.reg-section-body{padding:1.25rem}.reg-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.reg-photo-row{flex-direction:column}.reg-photo-upload,.reg-upload-btn,.reg-actions,.reg-actions-left,.reg-actions-right,.reg-btn-primary,.reg-btn-secondary,.reg-btn-soft{width:100%;max-width:none}.reg-actions{flex-direction:column-reverse}.reg-actions-left,.reg-actions-right{flex-direction:column}}.reg-page{overflow-x:clip}.reg-card,.reg-section,.reg-payment-panel{min-width:0}.reg-payment-panel{overflow:hidden}.reg-payment-title,.reg-payment-instruction,.reg-payment-detail p,.reg-payment-qr p{overflow-wrap:anywhere}.reg-payment-details{min-width:0}.reg-payment-detail{border-radius:.9rem;min-width:0}.reg-payment-detail p:last-child{unicode-bidi:plaintext}.reg-payment-qr{min-width:0}.reg-payment-qr-img{max-height:320px}.reg-payment-upload{justify-content:center;width:min(100%,340px);max-width:100%}.reg-page[dir=rtl],.reg-page[dir=rtl] .reg-header,.reg-page[dir=rtl] .reg-section-header,.reg-page[dir=rtl] .reg-field,.reg-page[dir=rtl] .reg-banner,.reg-page[dir=rtl] .reg-payment-panel{text-align:right}.reg-page[dir=rtl] .reg-title-line{margin-left:auto;margin-right:0}.reg-page[dir=rtl] .reg-select{background-position:.75rem;padding-left:2.25rem;padding-right:.9rem}.reg-page[dir=rtl] .reg-declaration{text-align:right}.reg-page[dir=rtl] .reg-actions,.reg-page[dir=rtl] .reg-btn-primary,.reg-page[dir=rtl] .reg-btn-secondary,.reg-page[dir=rtl] .reg-btn-soft,.reg-page[dir=rtl] .reg-upload-btn{direction:rtl}@media (width<=760px){.reg-payment-layout{grid-template-columns:1fr}.reg-payment-details{grid-template-columns:1fr;padding:.85rem}.reg-payment-detail{background:#ffffffb3;border:1px solid #f59e0b24;padding:.75rem}.reg-payment-qr{padding:.85rem}.reg-payment-qr-img{max-width:230px}.reg-payment-upload{white-space:normal;text-align:center;width:100%;padding:.85rem 1rem;line-height:1.35}.reg-progress-top{flex-direction:column;align-items:flex-start;gap:.35rem}.reg-step-tab{white-space:normal;min-height:3rem;padding:.45rem;line-height:1.25}.reg-declaration{padding:1rem}}@media (width<=420px){.reg-page{padding-inline:.55rem}.reg-card{border-radius:1rem}.reg-header{padding:1.35rem 1rem 1.15rem}.reg-progress-wrap,.reg-form{padding-left:.9rem;padding-right:.9rem}.reg-banner{margin-left:.9rem;margin-right:.9rem}.reg-section-header,.reg-section-body{padding-left:1rem;padding-right:1rem}.reg-title{font-size:clamp(1.55rem,10vw,2.05rem);line-height:1.16}.reg-subtitle{font-size:.88rem}.reg-photo-preview{width:92px;height:112px}}