.badge-renderer{min-width:var(--spacing-0);background:radial-gradient(circle, color-mix(in srgb, var(--semi-color-text-2) 10%, transparent) var(--border-width), transparent calc(var(--border-width) + var(--spacing-0-5)));background-size:var(--spacing-5) var(--spacing-5);min-height:31rem;position:relative;overflow:hidden}.badge-renderer__static-preview,.badge-renderer__webgl-layer{inset:var(--spacing-0);transition:opacity .36s var(--ease-standard);position:absolute}.badge-renderer__static-preview{z-index:1;width:min(60%,19rem);margin:var(--spacing-8) auto;border:var(--border-width) solid color-mix(in srgb, var(--color-on-dark) 14%, transparent);border-radius:var(--radius-container);box-shadow:0 var(--spacing-5) var(--spacing-10) color-mix(in srgb, var(--galaxy-void) 42%, transparent);background-position:50%;background-repeat:no-repeat;background-size:contain}.badge-renderer__static-preview--loading,.badge-renderer__static-preview--revealing,.badge-renderer__static-preview--ready{opacity:0;pointer-events:none}.badge-renderer__static-preview--failed{opacity:1}.badge-renderer__webgl-layer{z-index:2}.badge-renderer__webgl-layer--loading{opacity:0}.badge-renderer__webgl-layer--revealing,.badge-renderer__webgl-layer--ready{opacity:1}.badge-renderer__webgl-layer--failed{display:none}.badge-renderer__canvas-loader,.badge-renderer__loader{inset:var(--spacing-0);place-items:center;display:grid;position:absolute}.badge-renderer__loader{z-index:4;background:color-mix(in srgb, var(--semi-color-bg-1) 97%, var(--galaxy-void));pointer-events:none}.badge-renderer__loader--revealing{animation:badge-renderer-loader-exit .6s var(--ease-standard) .1s forwards}.badge-renderer__loader-content{width:min(20rem, calc(100% - var(--spacing-10)))}.badge-renderer__loader-copy{justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-3);display:flex}.badge-renderer__loader-copy .semi-typography{color:var(--semi-color-text-2);font-size:.75rem}.badge-renderer__loader-copy .semi-typography:last-child{color:var(--semi-color-text-1);font-variant-numeric:tabular-nums}.badge-renderer__progress .semi-progress-track{background:var(--semi-color-fill-1)}.badge-renderer__placeholder{border:var(--border-width) solid var(--semi-color-border);border-radius:var(--radius-container);background:linear-gradient(145deg, var(--semi-color-fill-1), var(--semi-color-fill-0));width:13rem;height:20rem;position:absolute;top:16%;left:50%;transform:translate(-50%)}.badge-renderer__placeholder span{top:var(--spacing-8);width:var(--spacing-10);height:var(--spacing-1);border-radius:var(--radius-full);background:var(--semi-color-fill-2);position:absolute;left:50%;transform:translate(-50%)}.badge-renderer__placeholder i{top:var(--spacing-10);border-radius:var(--radius-full);background:var(--semi-color-fill-2);width:7rem;height:7rem;position:absolute;left:50%;transform:translate(-50%)}@keyframes badge-renderer-loader-exit{to{opacity:0;visibility:hidden}}@media (max-width:48rem){.badge-renderer{min-height:20rem}}@media (prefers-reduced-motion:reduce){.badge-renderer__static-preview,.badge-renderer__webgl-layer{transition:none}.badge-renderer__loader--revealing{opacity:0;animation:none}}
.registration-badge-modal.semi-modal{max-width:calc(100vw - var(--spacing-8))}.registration-badge-modal .semi-modal-content{padding:var(--spacing-0);border:var(--border-width) solid color-mix(in srgb, var(--color-on-dark) 13%, transparent);border-radius:var(--radius-container);background:color-mix(in srgb, var(--semi-color-bg-2) 94%, var(--galaxy-void));box-shadow:0 var(--spacing-8) calc(var(--spacing-10) * 2) color-mix(in srgb, var(--galaxy-void) 76%, transparent);overflow:hidden}.registration-badge-modal .semi-modal-body-wrapper{margin:var(--spacing-0)}.registration-badge{padding:var(--spacing-6)}.registration-badge__header{align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-2) var(--spacing-2) var(--spacing-5);display:flex}.registration-badge__brand{width:var(--spacing-10);height:var(--spacing-10);border:var(--border-width) solid var(--semi-color-border);border-radius:var(--radius-element);background:var(--semi-color-fill-0);flex:none;place-items:center;display:grid}.registration-badge__brand img{width:var(--spacing-5);height:var(--spacing-5)}.registration-badge__eyebrow.semi-typography{margin-bottom:var(--spacing-1);color:var(--semi-color-ai-purple);letter-spacing:.14em;font-size:.6875rem;font-weight:600;display:block}.registration-badge__title.semi-typography{margin:var(--spacing-0);color:var(--semi-color-text-0);letter-spacing:-.025em;font-size:1.5rem}.registration-badge__description.semi-typography{margin:var(--spacing-1) var(--spacing-0) var(--spacing-0);color:var(--semi-color-text-2);font-size:.875rem}.registration-badge__layout{border:var(--border-width) solid var(--semi-color-border);border-radius:var(--radius-container);background:color-mix(in srgb, var(--semi-color-bg-1) 78%, var(--galaxy-void));grid-template-columns:minmax(0,1.45fr) minmax(15rem,.72fr);height:clamp(31rem,66dvh,38rem);min-height:31rem;display:grid;overflow:hidden}.registration-badge__renderer{border-right:var(--border-width) solid var(--semi-color-border)}.registration-badge__details{min-width:var(--spacing-0);padding:var(--spacing-6);flex-direction:column;display:flex}.registration-badge__profile{align-items:center;gap:var(--spacing-3);display:flex}.registration-badge__avatar.semi-avatar{border:var(--border-width) solid var(--semi-color-border);background:color-mix(in srgb, var(--semi-color-ai-purple) 25%, var(--semi-color-fill-1));flex:none}.registration-badge__name.semi-typography{max-width:12rem;margin:var(--spacing-0);color:var(--semi-color-text-0);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.registration-badge__uid.semi-typography{max-width:12rem;margin-top:var(--spacing-1);color:var(--semi-color-text-3);font-family:var(--font-din);font-size:.75rem;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.registration-badge__meta{gap:var(--spacing-3);margin:var(--spacing-6) var(--spacing-0) var(--spacing-0);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.registration-badge__meta div{padding:var(--spacing-3);border:var(--border-width) solid var(--semi-color-border);border-radius:var(--radius-element);background:var(--semi-color-fill-0)}.registration-badge__meta dt{color:var(--semi-color-text-3);font-size:.6875rem}.registration-badge__meta dd{margin:var(--spacing-1) var(--spacing-0) var(--spacing-0);color:var(--semi-color-text-0);font-size:.875rem;font-weight:var(--font-weight-medium)}.registration-badge__progress-block{padding-top:var(--spacing-8);margin-top:auto}.registration-badge__progress-copy{justify-content:space-between;gap:var(--spacing-3);margin-bottom:var(--spacing-2);display:flex}.registration-badge__progress-copy .semi-typography{color:var(--semi-color-text-2);font-size:.75rem}.registration-badge__progress-copy .semi-typography:last-child{font-variant-numeric:tabular-nums}.registration-badge__progress .semi-progress-track{background:var(--semi-color-fill-1)}.registration-badge__tip.semi-typography{min-height:2.75rem;margin:var(--spacing-4) var(--spacing-0) var(--spacing-5);color:var(--semi-color-text-3);font-size:.75rem;line-height:1.6}.registration-badge__error.semi-banner{margin:var(--spacing-4) var(--spacing-0) var(--spacing-5);border-radius:var(--radius-element)}.registration-badge__continue.semi-button,.registration-badge__details>.semi-button{border-radius:var(--radius-element);min-height:44px}@media (max-width:48rem){.registration-badge-modal.semi-modal{max-width:none;width:calc(100vw - var(--spacing-6))!important}.registration-badge{padding:var(--spacing-4)}.registration-badge__header{padding-inline:var(--spacing-0)}.registration-badge__layout{grid-template-columns:1fr;height:auto;max-height:calc(100dvh - 10rem);overflow-y:auto}.registration-badge__renderer{border-right:none;border-bottom:var(--border-width) solid var(--semi-color-border)}.registration-badge__details{padding:var(--spacing-5)}.registration-badge__progress-block{margin-top:var(--spacing-6)}}