.auth-login-signup{width:100%;color:var(--ui-clr-200);flex:auto;justify-content:center;align-items:center;display:flex}.auth-login-signup .divider{border-top:1px solid var(--ui-border)}.auth-login-signup .form-btn-wrap{width:100%}.register-user-form{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:300px;margin-block:5px 10px;display:flex}.register-user-form .divider{border-top:1px dashed #e2e2e2;width:100%;max-width:300px;height:1px;margin-block:15px;display:flex}.register-btn{color:#fff;background-color:#000;border-radius:5px;flex:none;justify-content:flex-start;align-items:center;gap:25px;width:100%;max-width:300px;height:56px;padding:0 40px;font-size:16px;line-height:1.4;display:flex}.register-btn:before{content:"";background-image:url(/assets/svg/passkey-icon-19.svg);background-position:50%;background-repeat:no-repeat;background-size:19px;width:20px;height:20px;display:flex}.register-btn.google:before,.register-btn.view-projects:before{background-image:url(/assets/svg/register-google-19.svg)}.register-btn.apple:before{background-image:url(/assets/svg/register-apple-19.svg)}.register-btn.email:before{background-image:url(/assets/svg/register-email-19.svg)}.register-btn.secondary{color:#434952;background-color:#fff}.auth-content{box-sizing:border-box;-webkit-backdrop-filter:blur(30px)saturate(1.5);backdrop-filter:blur(30px)saturate(1.5);background-color:var(--ui-modal-background);border:1px solid var(--ui-modal-border);border-radius:12px;flex-direction:column;flex:none;justify-content:flex-start;align-items:center;gap:12px;width:90%;max-width:470px;padding:65px 24px 36px;display:flex;position:relative;box-shadow:0 .5px 2px #0003}.auth-content.authenticated{border-radius:20px;max-width:385px;padding:36px 24px}.auth-content .form-btn-wrap{flex-direction:column;width:100%;display:flex}.auth-content .profile-img{margin-bottom:6px}.auth-content .profile-section{flex-direction:column;gap:2px;margin-bottom:17px;display:flex}.auth-content .profile-section .auth-status-email{color:var(--ui-clr-text);margin:0;font-size:14px;line-height:1.4}.auth-content .form-ui-btn{width:100%;max-width:none;overflow:visible}.auth-content .close-link-wrap{border-radius:3px;place-content:center;transition:all .25s;display:flex;position:absolute;top:12px;right:12px}.auth-content .close-link-wrap:hover{background-color:#e9edf3}.auth-content .close-x,.auth-content .close-link{cursor:pointer;background-image:url(/assets/svg/close-form-15.svg);background-position:50%;background-repeat:no-repeat;background-size:15px;width:20px;height:20px;display:flex}.auth-content .form-title{text-align:center;font-size:21px;font-weight:400;line-height:1.4}.auth-content .toggle-btn-wrap{flex-direction:column;align-items:center;display:flex}.auth-content .form-link,.auth-content p.login-link-text{text-align:center;margin:5px 0;font-size:12px;line-height:1.3}:is(.auth-content .form-link,.auth-content p.login-link-text).opacity{opacity:.5}.auth-content a.form-link:link,.auth-content a.form-link:visited,.auth-content a.form-link:hover,.auth-content a.form-link:active{color:inherit;text-decoration:none}.credential-form{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:300px;display:flex}@media only screen and (max-width:900px){.credential-form{flex:none}}label.auth-form-label{flex-direction:column;width:100%;margin-bottom:0;display:flex}label.auth-form-label .auth-form-label-text{box-sizing:border-box;color:var(--ui-clr-400);padding:0 0 .2em;font-size:.9rem;line-height:1.4}.form-ui-btn{position:relative;overflow:hidden}.form-ui-btn:disabled{opacity:.7;cursor:not-allowed;pointer-events:none}.form-ui-btn.loading{color:#0000;justify-content:center;align-items:center;display:flex;position:relative}.form-ui-btn.loading .loader-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.form-ui-btn.loading-with-spinner{opacity:.9;justify-content:center;align-items:center;gap:8px;display:flex;overflow:hidden}.form-ui-btn.loading-with-spinner .loader-circle{--spinner-size:14px;--dot-size:1.5px;flex-shrink:0}.form-ui-btn.success-state{color:#fff;opacity:.95;background-color:#64ce78;justify-content:center;align-items:center;gap:8px;animation:.6s ease-out successPulse;display:flex;overflow:visible;box-shadow:0 0 20px #16a34a66}.form-ui-btn .loading-with-spinner{opacity:.9;justify-content:center;align-items:center;gap:8px;display:flex;overflow:hidden}.form-ui-btn>*{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.loading-state{align-items:center;gap:12px;display:flex}.success-state{align-items:center;gap:8px;display:flex}.success-confetti-container{pointer-events:none;z-index:1000;width:300px;height:300px;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.confetti-piece{pointer-events:none;z-index:1001;transform-origin:50%;will-change:transform,opacity;border-radius:3px;position:absolute}.sparkle-effect-container{pointer-events:none;z-index:5;position:absolute;inset:0}.sparkle{pointer-events:none;background:#97f4a9;border-radius:50%;width:4px;height:4px;position:absolute}.sparkle:before{content:"";background:radial-gradient(circle,#97f4a9cc 0%,#0000 70%);border-radius:50%;position:absolute;inset:-2px}@keyframes successPulse{0%{transform:scale(1);box-shadow:0 0 #16a34a66}50%{transform:scale(1.05);box-shadow:0 0 25px #16a34a99}to{transform:scale(1);box-shadow:0 0 20px #16a34a66}}.auth-form-field{flex-direction:column;gap:4px;display:flex;position:relative}.auth-form-field.has-error .auth-input{background-color:#ef44440d;border-color:#ef4444}.auth-form-field.has-error .auth-input:focus{outline-color:#ef4444;box-shadow:0 0 7px #ef44444d}.auth-field-label{color:var(--ui-text-bold);margin:0;font-size:.875rem;font-weight:500}.auth-field-label .required-asterisk{color:#ef4444;margin-left:2px}.inline-error-container{margin-top:2px}.inline-error-text{color:#ef4444;margin:0;font-size:.75rem;line-height:1.4}.auth-error-boundary{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.auth-error-boundary .auth-error-details{max-width:400px;margin-top:12px}.auth-error-boundary .auth-error-details summary{color:var(--ui-clr-400);cursor:pointer;margin-bottom:8px;font-size:.8rem}.auth-error-boundary .auth-error-details pre{color:var(--ui-clr-300);white-space:pre-wrap;word-break:break-word;background:#0000001a;border-radius:4px;padding:8px;font-size:.75rem;overflow-x:auto}.passkey-validation-wrap{flex-direction:column;flex:auto;width:100%;display:flex}.auth-error-message{flex-direction:column;align-items:center;gap:5px;width:100%;display:flex}.auth-error-message.form-error{box-sizing:border-box;background-color:#ffe7e7;border-radius:5px;padding:20px}.auth-error-message p{color:#e74c3c;text-align:center;margin:0;font-size:12px;line-height:18px}.auth-error-message .error-details{text-align:center;font-size:12px;line-height:18px}.auth-error-message .error-details summary{cursor:pointer;opacity:.5;color:#e74c3c;margin:0;font-size:12px}.auth-success-message{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;flex-direction:column;gap:8px;margin-top:12px;padding:12px;display:flex}.auth-success-message .success-text{color:#22c55e;text-align:center;margin:0;font-size:.9rem;font-weight:500}.auth-verification-message{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;flex-direction:column;gap:12px;margin:12px;padding:16px;display:flex}.auth-verification-message .verification-content{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.auth-verification-message .verification-icon{margin-bottom:4px;font-size:2rem}.auth-verification-message .verification-text{color:#3b82f6;margin:0;font-size:.9rem;font-weight:500;line-height:1.4}.auth-verification-message .verification-email{color:var(--ui-clr-400);margin:0;font-size:.8rem;font-weight:400}.auth-verification-message .resend-btn{color:#3b82f6;cursor:pointer;background:0 0;border:1px solid #3b82f6;border-radius:6px;margin-top:4px;padding:8px 16px;font-size:.8rem;transition:all .2s}.auth-verification-message .resend-btn:hover{background:#3b82f61a}.auth-verification-message.verification-email_sent{background:#3b82f61a;border-color:#3b82f64d}.auth-verification-message.verification-email_verified{background:#22c55e1a;border-color:#22c55e4d}.auth-verification-message.verification-email_verified .verification-text{color:#22c55e}.auth-verification-message.verification-pending_verification{background:#f59e0b1a;border-color:#f59e0b4d}.auth-verification-message.verification-pending_verification .verification-text{color:#f59e0b}.auth-verification-message.verification-resend_available{background:#8b45131a;border-color:#8b45134d}.auth-verification-message.verification-resend_available .verification-text{color:#8b4513}.auth-verification-message.verification-resend_available .resend-btn{color:#8b4513;border-color:#8b4513}.auth-verification-message.verification-resend_available .resend-btn:hover{background:#8b45131a}.verification-state-demo{background:var(--ui-background);border:1px solid var(--ui-border);z-index:1000;border-radius:12px;width:400px;max-width:90vw;font-size:.9rem;position:fixed;top:20px;right:20px;box-shadow:0 8px 32px #0003}.verification-state-demo .demo-header{border-bottom:1px solid var(--ui-border);background:var(--ui-clr-950);border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:16px;display:flex}.verification-state-demo .demo-header h3{color:var(--ui-text-bold);margin:0;font-size:1rem}.verification-state-demo .demo-header .demo-close-btn{color:var(--ui-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1.2rem;transition:all .2s}.verification-state-demo .demo-header .demo-close-btn:hover{background:var(--ui-clr-700);color:var(--ui-text-bold)}.verification-state-demo .demo-controls{border-bottom:1px solid var(--ui-border);padding:16px}.verification-state-demo .demo-controls .demo-info{margin-bottom:12px}.verification-state-demo .demo-controls .demo-info h4{color:var(--ui-text-bold);margin:0 0 4px;font-size:.9rem}.verification-state-demo .demo-controls .demo-info p{color:var(--ui-text-muted);margin:0;font-size:.8rem;line-height:1.3}.verification-state-demo .demo-controls .demo-navigation{gap:8px;display:flex}.verification-state-demo .demo-controls .demo-navigation .demo-nav-btn{background:var(--ui-clr-900);color:var(--ui-text);border:1px solid var(--ui-border);cursor:pointer;border-radius:6px;flex:1;padding:8px 12px;font-size:.8rem;transition:all .2s}.verification-state-demo .demo-controls .demo-navigation .demo-nav-btn:hover{background:var(--ui-clr-800);border-color:var(--ui-clr-600)}.verification-state-demo .demo-preview{padding:16px}.verification-state-demo .demo-preview .demo-form-simulation{flex-direction:column;gap:12px;display:flex}.verification-state-demo .demo-preview .demo-form-simulation .auth-input{padding:.75rem;font-size:.8rem}.verification-state-demo .demo-preview .demo-form-simulation .form-ui-btn{flex:auto;width:100%;max-width:100%;padding:.75rem;font-size:.8rem;overflow:visible}.verification-state-demo .demo-footer{background:var(--ui-clr-975);border-top:1px solid var(--ui-border);border-radius:0 0 12px 12px;padding:12px 16px}.verification-state-demo .demo-footer .demo-note{color:var(--ui-text-extra-muted);margin:0;font-size:.75rem;line-height:1.3}@media (max-width:768px){.verification-state-demo{width:350px;top:10px;right:10px}}.verification-demo-toggle{justify-content:center;align-items:center;margin-bottom:12px;display:flex}.verification-demo-toggle .demo-toggle-btn{background:var(--ui-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 16px;font-size:.85rem;transition:all .2s;box-shadow:0 4px 12px #3b82f64d}.verification-demo-toggle .demo-toggle-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}@media (max-width:768px){.verification-demo-toggle{top:10px;right:10px}}