@keyframes spin{to{transform:rotate(360deg)}}@keyframes scroll-bg{0%{background-position:100% 0}100%{background-position:0 0}}@keyframes checkmark-fade{0%{opacity:0}100%{opacity:1}}@keyframes checkmark-stroke{100%{stroke-dashoffset:0}}@keyframes checkmark-scale{0%,100%{transform:none}50%{transform:scale3d(1.1, 1.1, 1)}}@keyframes checkmark-fill{100%{box-shadow:inset 0 0 0 30px var(--color-light)}}@keyframes heartbeat{0%,100%{transform:scale(0.8);opacity:.9}50%{transform:scale(1);opacity:1}}body{background-image:linear-gradient(to bottom, #fafcff 80vh, #d7e9ff)}.body-gradient{height:15vh;max-width:1500px;margin-inline:auto;opacity:.4;background-image:linear-gradient(90deg, #fb0bff, #fff52f 33.65%, #2fff2f 62.5%, #ff2f2f, #fb0bff);background-size:300% 100%;background-repeat:repeat-x;background-position:100% 0;animation:scroll-bg alternate 10s linear infinite;filter:blur(150px)}.page-template-template-start .custom-logo{max-width:200px}.page-template-template-start .signup-title{font-weight:900;font-size:2.5rem;line-height:1.25}.page-template-template-start .signup-title span{color:var(--color-accent)}.page-template-template-start .signup-section{display:none}.page-template-template-start .signup-section>input[type=radio]{display:none}.page-template-template-start .signup-section:has(>input:checked){display:block}.page-template-template-start .signup-section a:not([class]){color:currentColor;border-bottom:1px solid var(--color-accent);transition:color .4s}.page-template-template-start .signup-section a:not([class]):hover{color:var(--color-accent)}.page-template-template-start .signup-section small{font-size:.8rem;opacity:.8}.page-template-template-start .signup-section strong{font-weight:700}.page-template-template-start .signup-form{padding:4rem 2.5rem;position:relative;z-index:2;margin-bottom:5rem;display:flex;flex-direction:column;gap:2rem;border-radius:20px;box-shadow:0 4px 14px rgba(215,233,255,.3);align-items:center;max-width:680px;margin-inline:auto;border-radius:20px}.page-template-template-start .signup-form:before{content:"";position:absolute;inset:0;border-radius:20px;background:rgba(255,255,255,.6);backdrop-filter:blur(5px);z-index:-1;border:4px solid rgba(255,255,255,.9);mask:linear-gradient(to bottom, black, rgba(0, 0, 0, 0) 80%);pointer-events:none}.page-template-template-start .signup-form:after{content:"";position:absolute;inset:0;border-radius:20px;z-index:-2;border:1px solid #000;opacity:.12;mask:linear-gradient(150deg, rgba(0, 0, 0, 0), black);pointer-events:none}.page-template-template-start .signup-form .button-primary{font-size:1.1em}.page-template-template-start .signup-form.submitting .submit{pointer-events:none;width:45px;padding:0 !important;text-align:center;align-items:center;justify-content:center}.page-template-template-start .signup-form.submitting .submit>*{display:none}.page-template-template-start .signup-form.submitting .submit:after{content:"";box-sizing:border-box;width:24px;aspect-ratio:1;border:3px solid currentColor;border-top-color:rgba(0,0,0,0);border-radius:50%;animation:spin .6s linear infinite}.page-template-template-start .signup-form.submitting .code-input{opacity:.3;pointer-events:none}.page-template-template-start .signup-form p{text-align:center;text-wrap:balance}.page-template-template-start .signup-form p b{padding-top:12px;font-weight:600;display:inline-block}.page-template-template-start .signup-form .input-container{width:100%}.page-template-template-start .signup-form fieldset{position:relative;display:flex;padding:2px;gap:1rem;background:#fff;border:2px solid rgba(0,0,0,.3);border-radius:50px;transition:border-color .4s}.page-template-template-start .signup-form fieldset:has(:focus){border-color:rgba(0,0,0,.7)}.page-template-template-start .signup-form fieldset:has(:focus):before{isolation:isolate;z-index:-1;content:"";position:absolute;inset:0;transform:translateY(-1%);scale:.95;background-color:var(--color-accent);filter:blur(50px);opacity:.4;will-change:background,filter;pointer-events:none;transition:opacity .2s}.page-template-template-start .signup-form fieldset .input{height:45px;appearance:none;border:0;background:none;outline:none;font-family:inherit;font-size:1rem}.page-template-template-start .signup-form fieldset .input[type=email]{flex:1 0 0;padding-inline:1.2rem;border-top-left-radius:50px;border-bottom-left-radius:50px}.page-template-template-start .signup-form fieldset .input.submit{background-color:var(--color-accent);color:#fff;padding-inline:1.2rem;border-radius:50px;font-weight:bold;transition-property:background-color,width;transition-duration:.4s;cursor:pointer;display:inline-flex;gap:8px;align-items:center}.page-template-template-start .signup-form fieldset .input.submit:hover{background-color:var(--color-body)}.page-template-template-start .signup-form .agreements{margin-top:.5rem;font-size:.75rem;padding-inline:1.2rem}.page-template-template-start .signup-form .code-input{font-size:1.5em;width:2em;text-align:center;flex:1 0 1em;padding:20px 0;border:1px solid rgba(0,0,0,.3);border-radius:5px;outline:none;transition:opacity .4s}.page-template-template-start .signup-form .code-input:valid{border-color:rgba(0,0,0,.7)}.page-template-template-start .signup-form .code-input:focus{border-color:var(--color-accent)}.page-template-template-start .signup-form .code-input-container{display:flex;gap:8px}.page-template-template-start .signup-form .code-input-error{font-size:.9rem;font-weight:500;color:var(--color-error)}.page-template-template-start .signup-form .code-input-instructions{font-size:.75rem}.page-template-template-start .upload-form{padding:4rem 2.5rem;position:relative;z-index:2;margin-bottom:5rem;display:flex;flex-direction:column;gap:2rem;border-radius:20px;box-shadow:0 4px 14px rgba(215,233,255,.3);padding:4rem}.page-template-template-start .upload-form:before{content:"";position:absolute;inset:0;border-radius:20px;background:rgba(255,255,255,.6);backdrop-filter:blur(5px);z-index:-1;border:4px solid rgba(255,255,255,.9);mask:linear-gradient(to bottom, black, rgba(0, 0, 0, 0) 80%);pointer-events:none}.page-template-template-start .upload-form:after{content:"";position:absolute;inset:0;border-radius:20px;z-index:-2;border:1px solid #000;opacity:.12;mask:linear-gradient(150deg, rgba(0, 0, 0, 0), black);pointer-events:none}.page-template-template-start .upload-form-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))}.page-template-template-start .upload-form-grid #code-template{translate:4.85rem 0}.page-template-template-start .upload-form-content{display:flex;flex-direction:column;gap:2rem}.page-template-template-start .signup-steps{width:100%;display:flex;flex-direction:column;gap:.8rem}.page-template-template-start .signup-steps li{display:grid;grid-template-columns:1.5rem auto;align-items:center;gap:.75rem}.page-template-template-start .signup-steps li b{font-family:monospace;font-weight:800}.page-template-template-start .signup-steps li::before{content:"";width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:bold;background-size:.9rem;background-repeat:no-repeat;background-position:center}.page-template-template-start .signup-steps li[data-state=progress]::before{background:#d7d7d7;background-image:conic-gradient(var(--color-dark) calc(var(--progress, 0) * 100%), transparent 0)}.page-template-template-start .signup-steps li[data-state=progress-indeterminate]::before{background:#d7d7d7;animation:heartbeat 1.2s infinite}.page-template-template-start .signup-steps li[data-state=success]::before{background-color:var(--color-success);background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'><polyline points='20 6 9 17 4 12'/></svg>")}.page-template-template-start .signup-steps li[data-state=error]::before{background-color:var(--color-error);background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'><line x1='18' y1='6' x2='6' y2='18'/><line x1='6' y1='6' x2='18' y2='18'/></svg>")}#dropzone{padding-block:1.4rem;flex:1 0 0;width:100%;border:2px dashed rgba(0,0,0,.3);border-radius:var(--card-border-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:border-color .5s,background-color .5s;color:rgba(0,0,0,.3);background-color:rgba(0,0,0,.02)}#dropzone.drag-over{background-color:#fff}#dropzone input[type=file]{display:none}.drag-over-page #dropzone{border-color:rgba(0,0,0,.7)}#code-template{background:#fff;border-radius:var(--card-border-radius);border:4px solid rgba(0,0,0,0);height:100%;box-shadow:0 8px 50px 23px rgba(0,0,0,.06);counter-reset:codeline;padding-block:.8rem;padding-bottom:4rem;position:relative;overflow:hidden}#code-template>div{position:relative;white-space:pre;font-family:monospace}#code-template>div:before{display:inline-block;counter-increment:codeline;content:counter(codeline);text-align:right;width:50px;padding-right:6px;margin-right:10px;border-right:1px solid rgba(0,0,0,.05)}#code-template>div.add{background:#e8f7f0;color:var(--color-success)}#code-template>div.add:after{content:"+";position:absolute;inset-block:0;left:5px}#code-template .toast{background-color:rgba(0,0,0,.4);color:var(--color-light);font-weight:600;display:inline-block;padding:6px;border-radius:50px;transition:background-color .2s}#code-template .toast>span{gap:10px;align-items:center}#code-template .toast-container{position:absolute;bottom:15px;inset-inline:0;display:grid;place-items:center}#code-template .toast-instructions{display:flex;padding-inline:15px}#code-template .toast-success{display:none;padding-right:10px}#code-template .toast .checkmark{width:20px;aspect-ratio:1;border-radius:50%;display:inline-block;stroke-width:5px;stroke:var(--color-dark);stroke-miterlimit:10;box-shadow:inset 0 0 0 var(--color-light);animation:checkmark-fill .4s ease-in-out .2s forwards,checkmark-scale .3s ease-in-out .8s both}#code-template .toast .checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:0;stroke-miterlimit:10;stroke:var(--color-light);fill:none;animation:checkmark-stroke .5s cubic-bezier(0.65, 0, 0.45, 1) forwards}#code-template .toast .checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:checkmark-stroke .3s cubic-bezier(0.65, 0, 0.45, 1) .5s forwards}#code-template.copied .toast{background-color:rgba(0,0,0,.6)}#code-template.copied .toast-instructions{display:none}#code-template.copied .toast-success{display:flex}#code-template.copied .toast-success span{animation:checkmark-fade 1s forwards}