.registration-page{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;isolation:isolate;background-color:var(--color-background);color:var(--color-foreground);background-image:linear-gradient(color-mix(in srgb, var(--color-foreground) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-foreground) 5%, transparent) 1px, transparent 1px);background-position:50%;background-size:36px 36px;position:relative}.registration-page:before{content:"";background:radial-gradient(ellipse at top right, color-mix(in srgb, var(--color-primary) 18%, transparent), transparent 70%);pointer-events:none;z-index:-1;width:min(520px,100%);height:400px;position:absolute;top:0;right:0}.registration-page :focus-visible{outline:2px solid var(--color-registration-accent);outline-offset:3px}.registration-main{outline:none;justify-content:center;align-items:center;width:100%;padding:16px 12px;display:flex}.registration-content{width:100%;max-width:var(--container-content);flex-direction:column;align-items:center;gap:28px;padding-block:16px 32px;display:flex}.registration-hero{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:760px;display:flex}.registration-badge{border:1px solid color-mix(in srgb, var(--color-primary) 45%, transparent);background:color-mix(in srgb, var(--color-primary) 8%, transparent);color:var(--color-registration-accent);letter-spacing:1.4px;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font:500 12px/1.5 ui-monospace,Consolas,monospace;display:inline-flex}.registration-badge>span{background:var(--color-primary);border-radius:50%;width:6px;height:6px}.registration-hero h1{font-family:var(--font-heading);letter-spacing:0;text-wrap:balance;font-size:36px;font-weight:700;line-height:1.2}.registration-underline{white-space:nowrap;display:inline-block;position:relative}.registration-underline svg{width:104%;height:12px;color:var(--color-primary);position:absolute;bottom:-5px;left:-2%;overflow:visible}.registration-hero>p{max-width:600px;color:color-mix(in srgb, var(--color-foreground) 68%, transparent);font-size:14px;line-height:1.5}.registration-form-wrapper{width:100%;max-width:840px}.registration-card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-foreground) 12%, transparent), 0 1px 1.5px color-mix(in srgb, var(--color-foreground) 2%, transparent), 0 2px 3px color-mix(in srgb, var(--color-foreground) 3%, transparent), 0 4px 6px color-mix(in srgb, var(--color-foreground) 4%, transparent), 0 8px 12px color-mix(in srgb, var(--color-foreground) 5%, transparent), 0 16px 24px color-mix(in srgb, var(--color-foreground) 6%, transparent);overflow:hidden}.registration-fields{border:0;grid-template-columns:minmax(0,1fr);gap:8px 20px;min-width:0;margin:0;padding:24px 20px;display:grid}.registration-field{flex-direction:column;gap:6px;min-width:0;display:flex}.registration-field label{font-size:13px;font-weight:600;line-height:1.3}.registration-required{color:var(--color-registration-accent)}.registration-field input{border:1px solid color-mix(in srgb, var(--color-foreground) 28%, transparent);border-radius:var(--radius-button);background:var(--color-background);width:100%;min-width:0;height:46px;color:var(--color-foreground);padding:12px;font-size:14px;line-height:20px}.registration-field input[type=tel]{font-family:ui-monospace,Consolas,monospace;font-size:13px}.registration-field input::placeholder{color:color-mix(in srgb, var(--color-foreground) 68%, transparent);opacity:1}.registration-field input:hover{border-color:var(--color-foreground)}.registration-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 18%, transparent);outline:none}.registration-field input[aria-invalid=true]{border-color:var(--color-error)}.registration-field-error{min-height:18px;color:var(--color-error);font-size:12px;line-height:1.5;display:block}.registration-form-footer{border-top:1px solid color-mix(in srgb, var(--color-foreground) 14%, transparent);background:color-mix(in srgb, var(--color-foreground) 3%, var(--color-surface));flex-direction:column;align-items:center;gap:16px;padding:24px 20px 28px;display:flex}.registration-terms{align-self:stretch}.registration-terms label{cursor:pointer;align-items:center;font-size:14px;line-height:1.43;display:flex}.registration-terms input{width:18px;height:18px;accent-color:var(--color-registration-accent);flex-shrink:0;margin:9px}.registration-dev-fill{border:1px dashed var(--color-border);border-radius:var(--radius-button);background:var(--color-surface);width:100%;min-height:44px;color:var(--color-foreground);cursor:pointer;padding:10px 24px;font-size:14px;font-weight:600}.registration-dev-fill:hover{background:var(--color-surface-muted)}.registration-dev-fill:disabled{cursor:not-allowed;opacity:.55}.registration-submit{border-radius:var(--radius-button);background:var(--color-secondary);width:100%;min-height:44px;color:var(--color-background);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 32px;font-size:14px;font-weight:600;line-height:1.4;display:inline-flex}.registration-submit:hover{background:color-mix(in srgb, var(--color-secondary) 90%, var(--color-surface))}.registration-submit:disabled{cursor:not-allowed;opacity:.55}.registration-required-note{color:var(--color-muted);font-size:12px;line-height:1.4}.registration-error,.registration-success{border-radius:var(--radius-button);border:1px solid;align-self:stretch;padding:12px 16px;font-size:14px}.registration-error{color:var(--color-error)}.registration-success{color:var(--color-success)}@media (width>=600px){.registration-dev-fill,.registration-submit{width:auto;min-width:260px}}@media (width>=900px){.registration-main{padding:24px}.registration-content{gap:40px;padding-block:32px 48px}.registration-hero h1{font-size:56px;line-height:1.1}.registration-underline svg{height:16px;bottom:-8px}.registration-hero>p{font-size:16px}.registration-fields{grid-template-columns:repeat(2,minmax(0,1fr));padding:32px 40px}.registration-field-full{grid-column:1/-1}.registration-form-footer{padding:28px 40px 36px}}
