.start-page{min-height:100svh;color:var(--paper);background:linear-gradient(251.5deg,#33333a 0%,#202024 35%,#1d1d21 55%,#101012 80%,#000 100%)}.start-inner{width:100%;max-width:26rem;min-height:inherit;flex-direction:column;margin:0 auto;padding:72px 24px 40px;display:flex}.start-brand{text-align:center}.start-logo{width:165px;height:auto;margin:0 auto;display:block}.start-brand p{margin:var(--space-2) 0 0;color:#9a9a9e;font-size:var(--text-body);font-style:italic;font-weight:600}.start-video{margin:var(--space-6) 0 0}.start-video video,.start-video-placeholder{aspect-ratio:16/9;border-radius:var(--radius-card);background:#ffffff14;border:1px solid #ffffff24;width:100%;display:block}.start-video-placeholder{justify-content:center;align-items:center;gap:var(--space-1);font-size:var(--text-meta);color:#c9c8cc;text-align:center;flex-direction:column;display:flex}.start-video-placeholder:before{content:"";width:56px;height:56px;margin-bottom:var(--space-2);background:#ffffffeb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6.5v11l9-5.5z' fill='%231e1c1b'/%3E%3C/svg%3E") 50%/26px no-repeat;border-radius:50%}.start-video-placeholder strong{color:var(--paper);font-weight:600}.start-page .start-form{padding-top:var(--space-6);margin-top:auto}.start-page label.field{color:var(--paper)}.grecaptcha-badge{visibility:hidden}.start-recaptcha{margin:var(--space-3) 0 0;color:#9a9a9e;text-align:center;font-size:12px;line-height:1.5}.start-recaptcha a{color:inherit}.start-footer{justify-content:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-5);color:#9a9a9e;text-align:center;flex-wrap:wrap;font-size:12px;line-height:1.5;display:flex}.start-footer a{color:inherit;text-underline-offset:2px;text-decoration:underline}.start-page .field input{border-color:#0000}.start-page .field input:focus{border-color:var(--paper);box-shadow:0 0 0 4px #ffffff40}.start-page .btn{background:var(--paper);color:var(--ink)}.start-page .btn:disabled{color:var(--ink);background:#ffffff8c}.start-page .link-button{color:var(--paper);text-align:left}.start-page :focus-visible{outline-color:var(--paper)}.start-go{margin-top:var(--space-2)}.start-alert{color:#f4cfc6;margin:0}.start-light{color:var(--ink);background:linear-gradient(#f4f0ed,#f5f5f2)}.start-light .start-brand p{color:var(--grey)}.start-step{flex-direction:column;flex:1;margin-top:clamp(32px,11vh,108px);display:flex}.start-group{margin:0 0 var(--space-7);padding-inline:var(--space-4);display:grid}.start-group .start-title{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:600;line-height:1.25}.start-group .start-title label{font:inherit;letter-spacing:inherit;margin:0}.start-hint{margin:var(--space-2) 0 var(--space-5);color:var(--grey);line-height:1.5}.start-hint strong{color:var(--ink);white-space:nowrap;font-weight:600}.start-light .field input.start-code{letter-spacing:.3em;height:64px;font-size:26px;font-weight:600}.start-code::placeholder{letter-spacing:.3em;font-weight:400}.start-error{margin:var(--space-3) 0 0;color:var(--ink);font-size:var(--text-meta);font-weight:600}.start-group .link-button{margin:var(--space-4) 0 0;color:var(--ink-2);font-size:var(--text-meta);justify-self:start;padding:0;font-weight:500}.start-group .link-button+.link-button{margin-top:var(--space-3)}.start-step .start-go{margin-top:auto}.start-light .field input{border-color:var(--field-border)}.start-light .field input:focus{border-color:var(--ink);box-shadow:0 0 0 4px #14141314}.start-light .btn{background:var(--ink);color:var(--paper)}.start-light .btn:disabled{color:var(--paper);background:#1e1c1b8c}.start-light .link-button{color:var(--ink)}.start-light :focus-visible{outline-color:var(--ink)}@media (width>=48rem){.start-inner{justify-content:center;padding:64px 24px}.start-page .start-form{margin-top:var(--space-7);padding-top:0}.start-step{margin-top:var(--space-7);flex:none}.start-step .start-go{margin-top:0}}@media (width>=64rem){.start-inner:has(.start-video){align-content:center;align-items:center;column-gap:72px;row-gap:var(--space-7);grid-template-columns:minmax(0,1fr) 22rem;grid-template-areas:"video brand""video form";max-width:76rem;padding:64px 48px;display:grid}.start-inner:has(.start-video) .start-brand{grid-area:brand;align-self:end}.start-inner:has(.start-video) .start-video{grid-area:video;margin:0}.start-inner:has(.start-video) .start-form{grid-area:form;align-self:start;margin-top:0}}
