:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333}.home-container{background-color:#fff;padding:10rem 0}@media (min-width: 768px){.home-container{padding:15rem 0 6rem}}.home-content{max-width:1280px;margin:0 auto;text-align:center}.home-content h1{font-size:2.25rem;font-weight:800;color:#111827;line-height:1.2}@media (min-width: 640px){.home-content h1{font-size:3rem}}@media (min-width: 768px){.home-content h1{font-size:3.75rem}}.home-title-gradient{background:linear-gradient(to right,#6366f1,#1e3a8a);-webkit-background-clip:text;background-clip:text;color:transparent}.home-description{margin-top:2rem;font-size:1rem;color:#4b5563;max-width:768px;margin-left:auto;margin-right:auto;padding:0 1rem}@media (min-width: 768px){.home-description{padding:0 4rem}}@media (min-width: 1024px){.home-description{padding:0}}.home-login-button{display:inline-flex;align-items:center;gap:.5rem;margin-top:3rem;padding:.75rem 1.5rem;border-radius:9999px;background:linear-gradient(to right,#a5b4fc,#6366f1);color:#fff;text-decoration:none;cursor:pointer}.home-login-button svg{width:1.5rem;height:1.5rem;stroke:#fff;stroke-width:1.5}.layout-container{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.protected-container{background-color:#fff;padding-top:10rem}@media (min-width: 768px){.protected-container{padding-top:15rem}}.protected-content{max-width:1280px;margin:0 auto;text-align:center}.protected-content h2{font-size:1.875rem;font-weight:800;color:#111827;margin-bottom:3rem}@media (min-width: 640px){.protected-content h2{font-size:2.25rem}}.protected-image{width:12rem;height:12rem;object-fit:cover;border-radius:50%;margin:0 auto 2rem}.protected-title{font-size:2.25rem;font-weight:800;background:linear-gradient(to right,#ef4444,#991b1b);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.5}@media (min-width: 640px){.protected-title{font-size:3rem}}@media (min-width: 768px){.protected-title{font-size:3.75rem}}.protected-logout-button{display:inline-flex;align-items:center;gap:.5rem;margin-top:3rem;padding:.75rem 1.5rem;border-radius:9999px;background:linear-gradient(to right,#f87171,#dc2626);color:#fff;cursor:pointer}.protected-logout-button svg{width:1.5rem;height:1.5rem;stroke:#fff;stroke-width:1.5}.user-select-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;max-width:720px;margin:0 auto;height:100%}.user-select-title{font-size:1.5rem;font-weight:600}.user-select-content{width:100%;padding:1rem;text-align:right}.user-select-radio-group{max-width:448px;margin:0 auto}.user-select-radio-group .user-option{margin-bottom:.5rem}.user-select-custom-user{position:relative}.user-select-remove-icon{width:1.5rem;height:1.5rem;color:#1e3a8a;position:absolute;top:50%;transform:translateY(-50%);right:-2rem;cursor:pointer}.user-select-upload-container{display:flex;flex-direction:column;align-items:center;margin-top:.75rem}.user-select-upload-label{width:100%;border:2px dashed #d1d5db;border-radius:.5rem;background-color:#f9fafb;cursor:pointer;text-align:center;padding:1rem}.user-select-upload-label:hover{border-color:#e0e7ff;background-color:#f3f4f6}.user-select-upload-icon{width:1.5rem;height:1.5rem;color:#6366f1;margin-bottom:.5rem}.user-select-upload-text{font-weight:600;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.user-select-upload-subtext{font-size:.75rem;color:#6b7280}.user-select-error{color:#ef4444;font-size:.75rem;margin-top:.5rem}.user-select-continue-button{display:inline-flex;align-items:center;margin-top:1rem;padding:.5rem .75rem;background-color:#6366f1;color:#fff;font-weight:600;font-size:.875rem;border-radius:.375rem;text-decoration:none}.user-select-continue-button:hover{background-color:#4f46e5}.user-select-continue-button svg{width:1.25rem;height:1.25rem;margin-left:.375rem}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;max-width:720px;margin:0 auto;height:100%}.login-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;max-width:840px;min-height:100vh;margin:0 auto}.login-title{text-align:center;font-size:1.875rem;font-weight:800;color:#111827}@media (min-width: 640px){.login-title{font-size:2.25rem}}.login-title-indigo{color:#6366f1;margin-top:.5rem}.login-title-rose{color:#be123c}.login-title-block{display:block}.login-video-container{position:relative;padding:.625rem;display:flex;flex-direction:column;align-items:center}.login-video{object-fit:fill;height:360px;border-radius:10px}.login-canvas{position:absolute}.login-image{cursor:pointer;margin:2rem auto;object-fit:cover;height:272px}.login-button{display:flex;justify-content:center;align-items:center;width:100%;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;background-color:#6366f1;border:1px solid #e5e7eb;border-radius:.5rem;text-align:center}.login-button:hover{background-color:#4f46e5}.login-button-disabled{cursor:not-allowed;color:#111827;background-color:#fff;border:1px solid #e5e7eb}.login-button-disabled:hover{background-color:#f3f4f6;color:#1e40af}.login-button-disabled svg{width:1rem;height:1rem;margin-right:.5rem;color:#e5e7eb;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{font-size:.875rem;text-align:center;width:100%;padding:1rem 0;color:#4b5563}.footer a{color:#6366f1;text-decoration:none}.footer a:hover{text-decoration:underline}.user-option{display:flex;position:relative;cursor:pointer;border-radius:.5rem;padding:1rem 1.25rem;box-shadow:0 4px 6px #0000001a;outline:none}.user-option-checked{background-color:#6366f1;opacity:.75;color:#fff}.user-option-unchecked{background-color:#fff;color:#111827}.user-content{display:flex;align-items:center;justify-content:space-between;width:100%}.user-label{display:flex;align-items:center;gap:1.5rem;font-weight:500}.user-label-checked{color:#fff}.user-label-unchecked{color:#111827}.user-image{width:2.5rem;height:2.5rem;object-fit:cover;border-radius:50%}.user-check-icon{flex-shrink:0;width:1.5rem;height:1.5rem;color:#fff}