@layer page-styles{.register-page .role-card-selected{background:radial-gradient(at 100% 0,#ff98241a 0%,#0000 60%),#ff98240a!important;border-color:#ff982480!important;box-shadow:0 12px 40px #de1d1d33!important}.register-page .role-tick{background:var(--gradient-brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:absolute;top:14px;right:14px}.register-page .otp-row{justify-content:flex-start;gap:12px;display:flex}.register-page .otp-cell{border:1px solid var(--color-border);background:var(--color-input-bg);width:64px;height:72px;color:var(--color-foreground);font-family:var(--font-display);font-weight:700;font-size:var(--fs-36);text-align:center;transition:border-color var(--t),background var(--t);border-radius:16px}.register-page .otp-cell:focus{border-color:var(--brand-orange);background:var(--color-primary-soft);outline:0}.register-page .otp-cell.filled{background:var(--color-primary-soft);border-color:#ff982466}.register-page .doc-upload{background:radial-gradient(ellipse at top,#ff98240f 0%,transparent 70%),var(--color-surface-muted);text-align:center;transition:all var(--t);cursor:pointer;border:1.5px dashed #ff982466;border-radius:18px;flex-direction:column;gap:12px;padding:24px;display:flex;position:relative}.register-page .doc-upload:hover,.register-page .doc-upload.is-drag{border-color:var(--brand-orange);background:radial-gradient(ellipse at top,#ff98241a 0%,transparent 70%),var(--color-surface-muted)}.register-page .doc-upload .doc-ic{background:var(--gradient-brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto;display:inline-flex;box-shadow:0 8px 24px #de1d1d40}.register-page .doc-upload .ttl{font-family:var(--font-display);font-size:18px;font-weight:700}.register-page .doc-upload .sub{color:var(--color-muted);max-width:50ch;margin:0 auto;font-size:12px}.register-page .doc-upload .browse{color:var(--brand-orange);cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:1px dashed #ff982466;padding:0;font-weight:600}.register-page .doc-upload .formats{flex-wrap:wrap;justify-content:center;gap:6px;display:inline-flex}.register-page .doc-upload .formats span{letter-spacing:.1em;text-transform:uppercase;background:var(--bg-tag);border:1px solid var(--color-border);color:var(--color-muted);border-radius:9999px;padding:4px 10px;font-size:10px;font-weight:600}.register-page .file-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.register-page .file-row{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.register-page .file-row .ic{width:36px;height:36px;color:var(--color-success-content);background:#16a34a1f;border:1px solid #16a34a3d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.register-page .file-row.is-uploading .ic{color:var(--color-warning-content);background:#f59e0b1a;border-color:#f59e0b33}.register-page .file-row.is-error .ic{color:var(--color-danger-content);background:#dc26261f;border-color:#dc26263d}.register-page .file-row .meta{flex:1;min-width:0}.register-page .file-row .nm{color:var(--color-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.register-page .file-row .sz{color:var(--color-muted);font-size:11px}.register-page .file-row .progress{background:var(--color-border-light);border-radius:9999px;width:100%;height:4px;margin-top:6px;overflow:hidden}.register-page .file-row .progress .fill{background:var(--gradient-brand);height:100%}.register-page .file-row .right{flex-shrink:0;align-items:center;gap:8px;display:flex}@media (max-width:768px){.register-page .otp-cell{width:52px;height:60px;font-size:28px}}}