body{margin:0}.demo-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--authui-color-bg);color:var(--authui-color-text);font-family:var(--authui-font-family)}.demo-body{flex:1;display:flex;overflow:hidden}.demo-panel-wrap{display:flex;flex-shrink:0}.demo-preview{flex:1;overflow-y:auto}.demo-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--authui-color-bg-gradient);color:var(--authui-color-text);font-size:18px}.demo-logged-in{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--authui-color-bg-gradient);padding:20px;box-sizing:border-box}.demo-card{width:100%;max-width:480px;background:var(--authui-color-container);border-radius:var(--authui-radius-lg);padding:var(--authui-spacing-xl);box-shadow:var(--authui-shadow-md);border:1px solid var(--authui-color-container-border);box-sizing:border-box}.demo-heading{margin:0 0 24px;color:var(--authui-color-text)}.demo-subheading{color:var(--authui-color-text);margin-top:32px}.demo-info{background:var(--authui-color-input-bg);border-radius:var(--authui-radius-md);padding:16px;margin-bottom:24px}.demo-info-text{margin:4px 0;color:var(--authui-color-text);font-size:var(--authui-font-size-base)}.demo-actions{display:flex;gap:12px;margin-bottom:24px}.demo-pre{background:var(--authui-color-input-bg);color:var(--authui-color-text);border-radius:var(--authui-radius-md);padding:12px;font-size:12px;overflow:auto;max-height:200px;margin:0 0 24px}.demo-login-extra{display:flex;justify-content:space-between;align-items:center}.demo-social{margin-top:var(--authui-spacing-md)}.demo-social-divider{display:flex;align-items:center;gap:12px;margin-bottom:16px}.demo-social-divider:before,.demo-social-divider:after{content:"";flex:1;height:1px;background:var(--authui-color-container-border)}.demo-social-divider span{font-size:var(--authui-font-size-sm);color:var(--authui-color-text-secondary);white-space:nowrap}.demo-social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-social-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:500;border:1px solid var(--authui-color-container-border);border-radius:var(--authui-radius-md);cursor:pointer;transition:all var(--authui-transition-base);font-family:inherit;color:var(--authui-color-text);background:var(--authui-color-input-bg)}.demo-social-btn:hover:not(:disabled){border-color:var(--authui-color-primary-500);box-shadow:var(--authui-shadow-focus)}.demo-social-btn:disabled{opacity:.45;cursor:not-allowed}.demo-social-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.demo-social-btn--google .demo-social-icon{background:#ea4335}.demo-social-btn--alipay .demo-social-icon{background:#1677ff}.demo-social-btn--wechat .demo-social-icon{background:#07c160}.demo-social-btn--github .demo-social-icon{background:#333}.demo-social-hint{margin:12px 0 0;font-size:12px;color:var(--authui-color-text-secondary);text-align:center}.demo-link-btn{background:none;border:none;padding:0;color:var(--authui-color-primary-500);font-size:var(--authui-font-size-sm);font-family:inherit;cursor:pointer;text-decoration:none}.demo-link-btn:hover{text-decoration:underline}.demo-send-code-btn{padding:8px 14px;font-size:var(--authui-font-size-sm);font-weight:500;border:1px solid var(--authui-color-primary-500);border-radius:var(--authui-radius-md);background:var(--authui-color-primary-50);color:var(--authui-color-primary-500);cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:inherit;transition:opacity var(--authui-transition-base)}.demo-send-code-btn:disabled{opacity:.5;cursor:not-allowed}.demo-channel-tabs{display:flex;gap:0;border-radius:var(--authui-radius-md);overflow:hidden;border:1px solid var(--authui-color-container-border)}.demo-channel-tab{flex:1;padding:10px 16px;font-size:var(--authui-font-size-sm);font-weight:500;border:none;background:var(--authui-color-input-bg);color:var(--authui-color-text-secondary);cursor:pointer;font-family:inherit;transition:all var(--authui-transition-base)}.demo-channel-tab--active{background:var(--authui-color-primary-500);color:#fff}.demo-bg-effect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.demo-bg-effect-btn{padding:8px 4px;font-size:var(--authui-font-size-sm);font-weight:500;border:1px solid var(--authui-color-container-border);border-radius:var(--authui-radius-md);background:var(--authui-color-input-bg);color:var(--authui-color-text-secondary);cursor:pointer;font-family:inherit;transition:all var(--authui-transition-base)}.demo-bg-effect-btn:hover{border-color:var(--authui-color-primary-500);color:var(--authui-color-primary-500)}.demo-bg-effect-btn--active{background:var(--authui-color-primary-500);border-color:var(--authui-color-primary-500);color:#fff}.demo-color-row{display:flex;align-items:center;gap:10px}.demo-color-picker{width:40px;height:32px;border:1px solid var(--authui-color-container-border);border-radius:var(--authui-radius-md);cursor:pointer;background:none;padding:2px}.demo-color-value{font-size:13px;color:var(--authui-color-text);font-family:monospace}.demo-slider-row{display:flex;align-items:center;gap:10px}.demo-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--authui-color-input-border);border-radius:2px;outline:none;cursor:pointer}.demo-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--authui-color-primary-500);cursor:pointer}.demo-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--authui-color-primary-500);cursor:pointer;border:none}.demo-slider-value{font-size:13px;color:var(--authui-color-text);font-family:monospace;min-width:40px;text-align:right}.demo-reset-btn{margin-left:auto;padding:2px 8px;font-size:11px;border:1px solid var(--authui-color-container-border);border-radius:var(--authui-radius-sm);background:transparent;color:var(--authui-color-text-secondary);cursor:pointer;font-family:inherit}.demo-reset-btn:hover{color:var(--authui-color-primary-500);border-color:var(--authui-color-primary-500)}.demo-export-btn{width:100%;padding:8px 12px;font-size:13px;font-family:inherit;border:1px solid var(--authui-color-primary-500);border-radius:var(--authui-radius-md);background:var(--authui-color-primary-500);color:#fff;cursor:pointer;transition:var(--authui-transition-base)}.demo-export-btn:hover{background:var(--authui-color-primary-600);border-color:var(--authui-color-primary-600)}.demo-color-preview{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.demo-color-chip{height:44px;border-radius:var(--authui-radius-md);border:1px solid;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff9}.demo-toggle-row{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--authui-color-text);cursor:pointer}.demo-toggle-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--authui-color-primary-500);cursor:pointer}.demo-config-hint{padding:14px;background:var(--authui-color-input-bg);border-radius:var(--authui-radius-md);border:1px solid var(--authui-color-container-border)}.demo-config-hint p{margin:4px 0;font-size:13px;color:var(--authui-color-text);line-height:1.6}.demo-config-hint-small{font-size:12px!important;color:var(--authui-color-text-secondary)!important}.demo-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:52px;background:var(--authui-color-container);border-bottom:1px solid var(--authui-color-container-border);flex-shrink:0;gap:16px}.demo-header-left{display:flex;align-items:center;gap:10px;flex-shrink:0}.demo-logo{font-size:16px;font-weight:700;color:var(--authui-color-text);white-space:nowrap}.demo-badge{font-size:11px;padding:2px 8px;border-radius:var(--authui-radius-full);background:var(--authui-color-primary-100);color:var(--authui-color-primary-500);font-weight:600}.demo-nav{display:flex;gap:4px;flex:1;justify-content:center}.demo-nav-btn{padding:6px 16px;font-size:14px;border:1px solid transparent;border-radius:var(--authui-radius-md);background:transparent;color:var(--authui-color-text-secondary);cursor:pointer;transition:all var(--authui-transition-base);font-family:inherit}.demo-nav-btn:hover:not(:disabled){background:var(--authui-color-primary-50);color:var(--authui-color-primary-500)}.demo-nav-btn--active{background:var(--authui-color-primary-50);color:var(--authui-color-primary-500);border-color:var(--authui-color-primary-100)}.demo-nav-btn:disabled{opacity:.4;cursor:not-allowed}.demo-header-right{display:flex;gap:8px;flex-shrink:0}.demo-icon-btn{padding:6px 12px;font-size:13px;border:1px solid var(--authui-color-container-border);border-radius:var(--authui-radius-md);background:var(--authui-color-input-bg);color:var(--authui-color-text);cursor:pointer;font-family:inherit;transition:border-color var(--authui-transition-base)}.demo-icon-btn:hover{border-color:var(--authui-color-primary-500)}.demo-oauth-overlay{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--authui-color-bg-gradient);padding:20px;box-sizing:border-box}.demo-oauth-card{width:100%;max-width:380px;background:var(--authui-color-container);border-radius:var(--authui-radius-lg);overflow:hidden;box-shadow:var(--authui-shadow-md);border:1px solid var(--authui-color-container-border)}.demo-oauth-header{display:flex;align-items:center;gap:12px;padding:20px;color:#fff}.demo-oauth-logo{width:36px;height:36px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center}.demo-oauth-icon{font-size:18px;font-weight:700}.demo-oauth-platform{font-size:18px;font-weight:600}.demo-oauth-body{padding:24px}.demo-oauth-title{margin:0 0 12px;font-size:18px;color:var(--authui-color-text)}.demo-oauth-desc{margin:0 0 12px;font-size:14px;color:var(--authui-color-text-secondary);line-height:1.6}.demo-oauth-scopes{margin:0 0 20px;padding-left:20px;font-size:14px;color:var(--authui-color-text);line-height:1.8}.demo-oauth-user{display:flex;align-items:center;gap:12px;padding:14px;background:var(--authui-color-input-bg);border-radius:var(--authui-radius-md);margin-bottom:20px}.demo-oauth-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0}.demo-oauth-userinfo{flex:1}.demo-oauth-username{margin:0;font-size:14px;font-weight:600;color:var(--authui-color-text)}.demo-oauth-email{margin:2px 0 0;font-size:13px;color:var(--authui-color-text-secondary)}.demo-oauth-actions{display:flex;gap:12px}.demo-oauth-btn{flex:1;padding:12px;font-size:15px;font-weight:600;border:none;border-radius:var(--authui-radius-md);cursor:pointer;font-family:inherit;transition:opacity var(--authui-transition-base)}.demo-oauth-btn:disabled{opacity:.6;cursor:not-allowed}.demo-oauth-btn--cancel{background:var(--authui-color-input-bg);color:var(--authui-color-text-secondary);border:1px solid var(--authui-color-container-border)}.demo-oauth-btn--confirm{color:#fff}.demo-oauth-footer{text-align:center;padding:12px;font-size:12px;color:var(--authui-color-text-secondary);margin:0;border-top:1px solid var(--authui-color-container-border)}.demo-oauth-success{text-align:center;padding:40px 24px}.demo-oauth-check{width:56px;height:56px;border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.demo-oauth-check span{font-size:28px;font-weight:700}.demo-panel{width:280px;flex-shrink:0;background:var(--authui-color-container);border-right:1px solid var(--authui-color-container-border);overflow-y:auto;padding:20px 16px}.demo-sub-panel-aside{width:240px;flex-shrink:0;background:color-mix(in srgb,var(--authui-color-container) 92%,transparent);border-right:1px solid var(--authui-color-container-border);overflow-y:auto;padding:20px 16px}.demo-sub-panel-aside .demo-config-section{gap:12px}.demo-config-title-row{display:flex;align-items:center;justify-content:space-between}.demo-sub-panel-toggle{background:transparent;border:1px solid var(--authui-color-container-border);border-radius:var(--authui-radius-sm);padding:2px 8px;font-size:14px;color:var(--authui-color-text-secondary);cursor:pointer;transition:all .2s ease}.demo-sub-panel-toggle:hover{border-color:var(--authui-color-primary-500);color:var(--authui-color-primary-500)}.demo-sub-panel-toggle--active{border-color:var(--authui-color-primary-500);color:var(--authui-color-primary-500);background:color-mix(in srgb,var(--authui-color-primary-500) 10%,transparent)}.demo-config{display:flex;flex-direction:column;gap:24px}.demo-config-section{display:flex;flex-direction:column;gap:10px}.demo-config-title{margin:0;font-size:13px;font-weight:600;color:var(--authui-color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.demo-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-preset-btn{display:flex;align-items:center;gap:6px;padding:8px 10px;font-size:12px;border:2px solid transparent;border-radius:var(--authui-radius-md);cursor:pointer;color:#fff;font-family:inherit;transition:transform var(--authui-transition-fast)}.demo-preset-btn:active{transform:scale(.96)}.demo-preset-btn--active{border-color:var(--authui-color-primary-500);box-shadow:0 0 0 2px var(--authui-color-primary-100)}.demo-preset-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.demo-color-scale{display:flex;gap:4px}.demo-scale-swatch{flex:1;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#ffffffb3;font-weight:600}.demo-scale-hint{margin:6px 0 0;font-size:11px;color:var(--authui-color-text-secondary);line-height:1.4}.demo-sub-panel{gap:12px}.demo-slider-label{flex-shrink:0;width:48px;font-size:var(--authui-font-size-sm);color:var(--authui-color-text-secondary)}.authui-root{font-family:var(--authui-font-family);color:var(--authui-color-text);font-size:var(--authui-font-size-base)}.authui-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--authui-color-bg-gradient);padding:var(--authui-spacing-lg);box-sizing:border-box}.authui-card{width:100%;max-width:400px;background:var(--authui-color-container);border-radius:var(--authui-radius-card);padding:var(--authui-spacing-xl);box-shadow:var(--authui-shadow-md);border:1px solid var(--authui-color-container-border);box-sizing:border-box}.authui-layout__logo{text-align:center;margin-bottom:var(--authui-spacing-md)}.authui-layout__header{text-align:center;margin-bottom:var(--authui-spacing-lg)}.authui-layout__title{font-size:var(--authui-font-size-2xl);font-weight:var(--authui-font-weight-bold);color:var(--authui-color-text);margin:0 0 var(--authui-spacing-sm) 0}.authui-layout__subtitle{font-size:var(--authui-font-size-sm);color:var(--authui-color-text-secondary);margin:0}.authui-layout__footer{margin-top:var(--authui-spacing-lg);text-align:center;font-size:var(--authui-font-size-sm);color:var(--authui-color-text-secondary)}.authui-input{display:flex;flex-direction:column;gap:var(--authui-spacing-sm)}.authui-input__label{font-size:var(--authui-font-size-sm);font-weight:var(--authui-font-weight-medium);color:var(--authui-color-text-secondary)}.authui-input__row{display:flex;gap:var(--authui-spacing-sm);align-items:stretch}.authui-input__field{flex:1;padding:12px var(--authui-spacing-md);font-size:var(--authui-font-size-base);font-family:inherit;border-width:1px;border-style:solid;border-color:var(--authui-color-input-border);border-radius:var(--authui-radius-input);background:var(--authui-color-input-bg);color:var(--authui-color-text);outline:none;transition:border-color var(--authui-transition-base),box-shadow var(--authui-transition-base)}.authui-input__field::placeholder{color:var(--authui-color-text-placeholder)}.authui-input__field:focus{border-color:var(--authui-color-primary-500);box-shadow:var(--authui-shadow-focus)}.authui-input__field--error{border-color:var(--authui-color-danger-500);box-shadow:none}.authui-input__field--error:focus{border-color:var(--authui-color-danger-500);box-shadow:0 0 0 3px var(--authui-color-danger-100)}.authui-input__error{font-size:var(--authui-font-size-sm);color:var(--authui-color-danger-500)}.authui-input__toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0 var(--authui-spacing-sm);background:transparent;border:none;color:var(--authui-color-text-secondary);cursor:pointer;border-radius:var(--authui-radius-input);transition:color var(--authui-transition-base)}.authui-input__toggle:hover{color:var(--authui-color-text)}.authui-input__toggle:focus-visible{outline:2px solid var(--authui-color-primary-500);outline-offset:1px}.authui-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px var(--authui-spacing-lg);font-size:var(--authui-font-size-lg);font-weight:var(--authui-font-weight-semibold);font-family:inherit;border:none;border-radius:var(--authui-radius-button);cursor:pointer;transition:transform var(--authui-transition-fast),box-shadow var(--authui-transition-base),opacity var(--authui-transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.authui-btn:active{transform:scale(.98)}.authui-btn:disabled{opacity:.6;cursor:not-allowed}.authui-btn--primary{color:#fff;background:linear-gradient(135deg,var(--authui-color-primary-500) 0%,var(--authui-color-primary-600) 100%)}.authui-btn--primary:not(:disabled):hover{box-shadow:var(--authui-shadow-lg)}.authui-btn--secondary{color:var(--authui-color-primary-500);background:var(--authui-color-primary-50);border:1px solid var(--authui-color-input-border)}.authui-btn--secondary:not(:disabled):hover{background:var(--authui-color-primary-100)}.authui-btn--text{color:var(--authui-color-primary-500);background:transparent;padding:var(--authui-spacing-sm) var(--authui-spacing-md)}.authui-btn--text:not(:disabled):hover{text-decoration:underline}.authui-link{background:none;border:none;padding:0;color:var(--authui-color-primary-500);font-size:var(--authui-font-size-sm);font-family:inherit;cursor:pointer;text-decoration:none}.authui-link:hover{text-decoration:underline}.authui-alert{padding:10px var(--authui-spacing-md);font-size:var(--authui-font-size-sm);border-radius:var(--authui-radius-md)}.authui-alert--error{color:var(--authui-color-danger-500);background:var(--authui-color-danger-bg)}.authui-alert--success{color:var(--authui-color-success-500);background:var(--authui-color-success-bg)}.authui-alert--warning{color:var(--authui-color-warning-500);background:var(--authui-color-warning-bg)}.authui-alert--info{color:var(--authui-color-primary-500);background:var(--authui-color-primary-50)}.authui-checkbox{display:flex;align-items:center;gap:var(--authui-spacing-sm);font-size:var(--authui-font-size-sm);color:var(--authui-color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.authui-checkbox__input{width:16px;height:16px;accent-color:var(--authui-color-primary-500);cursor:pointer}.authui-form{display:flex;flex-direction:column;gap:var(--authui-spacing-form-gap)}.authui-captcha-image{margin-top:var(--authui-spacing-sm);cursor:pointer;border-radius:var(--authui-radius-md);max-height:60px}.authui-social{margin-top:var(--authui-spacing-md)}.authui-social-divider{display:flex;align-items:center;text-align:center;margin:var(--authui-spacing-md) 0;color:var(--authui-color-text-secondary);font-size:var(--authui-font-size-sm)}.authui-social-divider:before,.authui-social-divider:after{content:"";flex:1;height:1px;background:var(--authui-color-container-border)}.authui-social-divider span{padding:0 var(--authui-spacing-sm)}.authui-social-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--authui-spacing-sm)}.authui-social-btn{display:flex;align-items:center;justify-content:center;gap:var(--authui-spacing-xs);padding:var(--authui-spacing-sm) var(--authui-spacing-md);border:1px solid var(--authui-color-container-border);border-radius:var(--authui-radius-md);background:var(--authui-color-input-bg);color:var(--authui-color-text);font-size:var(--authui-font-size-sm);font-family:inherit;cursor:pointer;transition:var(--authui-transition-base)}.authui-social-btn:hover{border-color:var(--authui-social-color, var(--authui-color-primary-500));box-shadow:0 0 0 1px var(--authui-social-color, var(--authui-color-primary-500))}.authui-social-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:14px;font-weight:600}.authui-social-hint{margin-top:var(--authui-spacing-sm);text-align:center;font-size:var(--authui-font-size-xs);color:var(--authui-color-text-secondary)}.authui-verify-row{display:flex;gap:var(--authui-spacing-sm);align-items:flex-end}.authui-verify-row>:first-child{flex:1}.authui-verify-btn{flex-shrink:0;white-space:nowrap;padding:var(--authui-spacing-sm) var(--authui-spacing-md);border:1px solid var(--authui-color-primary-500);border-radius:var(--authui-radius-md);background:transparent;color:var(--authui-color-primary-500);font-size:var(--authui-font-size-sm);font-family:inherit;cursor:pointer;transition:var(--authui-transition-base);height:40px}.authui-verify-btn:hover:not(:disabled){background:var(--authui-color-primary-50)}.authui-verify-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--authui-color-container-border);color:var(--authui-color-text-secondary)}.authui-email-row{position:relative;display:flex;align-items:flex-end;gap:var(--authui-spacing-xs)}.authui-email-row>:first-child{flex:1}.authui-account-toggle{flex-shrink:0;width:32px;height:40px;border:1px solid var(--authui-color-container-border);border-radius:var(--authui-radius-md);background:var(--authui-color-container-bg);color:var(--authui-color-text-secondary);cursor:pointer;font-size:10px;transition:var(--authui-transition-base)}.authui-account-toggle:hover{border-color:var(--authui-color-primary-500);color:var(--authui-color-primary-500)}.authui-account-list{position:relative;margin-top:calc(-1 * var(--authui-spacing-xs));margin-bottom:var(--authui-spacing-sm);border:1px solid var(--authui-color-container-border);border-radius:var(--authui-radius-md);background:var(--authui-color-container-bg);overflow:hidden;z-index:10}.authui-account-item{display:flex;align-items:center;justify-content:space-between;padding:var(--authui-spacing-sm) var(--authui-spacing-md);cursor:pointer;transition:var(--authui-transition-base)}.authui-account-item:hover{background:var(--authui-color-primary-50)}.authui-account-email{font-size:var(--authui-font-size-sm);color:var(--authui-color-text-primary)}.authui-account-remove{width:20px;height:20px;border:none;background:transparent;color:var(--authui-color-text-tertiary);cursor:pointer;font-size:16px;line-height:1;border-radius:var(--authui-radius-sm);transition:var(--authui-transition-base)}.authui-account-remove:hover{color:var(--authui-color-danger-500);background:var(--authui-color-danger-50)}.authui-remember-row{display:flex;gap:var(--authui-spacing-lg);margin-bottom:var(--authui-spacing-sm)}.authui-success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--authui-spacing-xl) 0;text-align:center}.authui-success-icon{margin-bottom:var(--authui-spacing-md)}.authui-success-circle{stroke:var(--authui-color-success-500, #22c55e);stroke-width:2;stroke-dasharray:151;stroke-dashoffset:151;animation:authui-success-circle .6s ease-in-out .1s forwards}.authui-success-check{stroke:var(--authui-color-success-500, #22c55e);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:36;stroke-dashoffset:36;animation:authui-success-check .4s ease-in-out .5s forwards}.authui-success-text{font-size:var(--authui-font-size-lg, 18px);font-weight:600;color:var(--authui-color-text-primary);margin:0 0 var(--authui-spacing-xs) 0;opacity:0;animation:authui-success-fade-in .4s ease-out .7s forwards}.authui-success-hint{font-size:var(--authui-font-size-sm);color:var(--authui-color-text-tertiary);margin:0;opacity:0;animation:authui-success-fade-in .4s ease-out .9s forwards}@keyframes authui-success-circle{to{stroke-dashoffset:0}}@keyframes authui-success-check{to{stroke-dashoffset:0}}@keyframes authui-success-fade-in{to{opacity:1}}:root{--authui-effect-glow: var(--authui-color-primary-500, #3b82f6);--authui-effect-glow-secondary: var(--authui-color-primary-600, #2563eb);--authui-effect-aurora-opacity: .5;--authui-effect-grid-opacity: .5;--authui-effect-scan-opacity-percent: 5%}.authui-aurora{z-index:0;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.authui-aurora i{filter:blur(var(--authui-aurora-blur, 90px));opacity:var(--authui-effect-aurora-opacity);border-radius:50%;animation:var(--authui-aurora-speed, 16s) ease-in-out infinite alternate auroraMove;position:absolute}.authui-aurora i:nth-child(1){background:color-mix(in srgb,var(--authui-aurora-c1, var(--authui-effect-glow)) 32%,transparent);width:520px;height:520px;top:-120px;left:8%}.authui-aurora i:nth-child(2){background:color-mix(in srgb,var(--authui-aurora-c2, var(--authui-effect-glow-secondary)) 22%,transparent);width:440px;height:440px;animation-delay:-5s;top:30%;right:-100px}.authui-aurora i:nth-child(3){background:color-mix(in srgb,var(--authui-aurora-c3, var(--authui-effect-glow)) 20%,transparent);width:380px;height:380px;animation-delay:-9s;bottom:-100px;left:30%}@keyframes auroraMove{0%{transform:translate(0) scale(1)}50%{transform:translate(60px,40px) scale(1.15)}to{transform:translate(-50px,20px) scale(.95)}}.authui-topbeam{z-index:5;pointer-events:none;background:linear-gradient(90deg,transparent,var(--authui-beam-color, var(--authui-effect-glow)),var(--authui-beam-color, var(--authui-effect-glow-secondary)),transparent) 0 0 / 200% 100%;height:3px;animation:4s linear infinite beam;position:fixed;top:0;left:0;right:0;box-shadow:0 0 12px var(--authui-beam-color, var(--authui-effect-glow)),0 0 24px color-mix(in srgb,var(--authui-beam-color, var(--authui-effect-glow)) 50%,transparent)}@keyframes beam{0%{background-position:200% 0}to{background-position:-200% 0}}.authui-bg-grid{z-index:0;pointer-events:none;opacity:var(--authui-grid-opacity, var(--authui-effect-grid-opacity, .5));background-image:linear-gradient(color-mix(in srgb,var(--authui-grid-color, var(--authui-effect-glow)) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--authui-grid-color, var(--authui-effect-glow)) 8%,transparent) 1px,transparent 1px);background-size:var(--authui-grid-spacing, 44px) var(--authui-grid-spacing, 44px);position:fixed;top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(var(--authui-grid-fade, 80%) 60% at 50% 0,black 40%,transparent 100%);mask-image:radial-gradient(var(--authui-grid-fade, 80%) 60% at 50% 0,black 40%,transparent 100%)}.authui-scanline{z-index:0;pointer-events:none;background:linear-gradient(transparent,color-mix(in srgb,var(--authui-scanline-color, var(--authui-effect-glow)) var(--authui-effect-scan-opacity-percent, 5%),transparent),transparent);height:120px;animation:9s linear infinite scan;position:fixed;left:0;right:0}@keyframes scan{0%{top:-140px}to{top:110vh}}.authui-glowline{position:relative}.authui-glowline:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(120deg,var(--authui-effect-glow),var(--authui-effect-glow-secondary),var(--authui-effect-glow),var(--authui-effect-glow-secondary)) 0 0 / 300% 300%;border-radius:inherit;padding:1px;transition:opacity .4s;animation:3s linear infinite borderFlow;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0)}.authui-glowline:hover:after{opacity:1}@keyframes borderFlow{0%{background-position:0% center}to{background-position:300% center}}.authui-neon-num{background:linear-gradient(135deg,var(--authui-effect-glow),var(--authui-effect-glow-secondary)) text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--authui-effect-glow) 35%,transparent))}.authui-btn-sheen{position:relative;overflow:hidden}.authui-btn-sheen:after{content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--authui-effect-glow, #3b82f6) 50%,white),transparent);width:var(--authui-btn-sheen-width, 60px);animation:var(--authui-btn-sheen-speed, 2.8s) ease-in-out infinite btnSheen;position:absolute;top:0;bottom:0;mix-blend-mode:screen}@keyframes btnSheen{0%{left:-80px}55%,to{left:120%}}.authui-btn-pulse{animation:authui-btn-breathe var(--authui-btn-pulse-speed, 2.5s) ease-in-out infinite}@keyframes authui-btn-breathe{0%,to{transform:scale(1);box-shadow:0 0 5px color-mix(in srgb,var(--authui-effect-glow, #3b82f6) 30%,transparent)}50%{transform:scale(calc(1 + var(--authui-btn-pulse-scale, .03)));box-shadow:0 0 20px color-mix(in srgb,var(--authui-effect-glow, #3b82f6) 60%,transparent),0 0 40px color-mix(in srgb,var(--authui-effect-glow, #3b82f6) 20%,transparent)}}.authui-btn-glow{box-shadow:0 0 var(--authui-btn-glow-intensity, 12px) color-mix(in srgb,var(--authui-effect-glow, #3b82f6) 40%,transparent),0 0 calc(var(--authui-btn-glow-intensity, 12px) * 2) color-mix(in srgb,var(--authui-effect-glow, #3b82f6) 20%,transparent);transition:box-shadow .3s ease}.authui-btn-glow:hover{box-shadow:0 0 calc(var(--authui-btn-glow-intensity, 12px) * 1.5) color-mix(in srgb,var(--authui-effect-glow, #3b82f6) 60%,transparent),0 0 calc(var(--authui-btn-glow-intensity, 12px) * 3) color-mix(in srgb,var(--authui-effect-glow, #3b82f6) 30%,transparent)}.authui-pulse-dot{background:var(--authui-color-success-500, #34d399);border-radius:50%;width:8px;height:8px;position:relative}.authui-pulse-dot:after{content:"";border:1px solid color-mix(in srgb,var(--authui-color-success-500, #34d399) 60%,transparent);border-radius:50%;animation:2s ease-out infinite pulse;position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}@keyframes pulse{50%{opacity:.5}}.authui-logo-shine{position:relative;overflow:hidden}.authui-logo-shine:after{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);width:80%;height:220%;animation:3.2s ease-in-out infinite logoShine;position:absolute;top:-60%;left:-60%;transform:rotate(25deg)}@keyframes logoShine{0%,60%{left:-60%}to{left:160%}}.authui-bar-glow{background:linear-gradient(90deg,var(--authui-effect-glow),var(--authui-effect-glow-secondary));border-radius:999px;position:relative;overflow:hidden;box-shadow:0 0 18px color-mix(in srgb,var(--authui-effect-glow) 50%,transparent)}.authui-bar-glow:after{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);width:70px;animation:2.6s linear infinite barSheen;position:absolute;top:0;bottom:0}@keyframes barSheen{0%{left:-80px}to{left:110%}}.authui-fade-up{animation:.65s cubic-bezier(.22,.8,.36,1) both fadeUp}.authui-fade-up.d1{animation-delay:60ms}.authui-fade-up.d2{animation-delay:.14s}.authui-fade-up.d3{animation-delay:.22s}.authui-fade-up.d4{animation-delay:.3s}.authui-fade-up.d5{animation-delay:.38s}.authui-fade-up.d6{animation-delay:.46s}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.authui-orbit{pointer-events:none;width:170px;height:170px;position:absolute}.authui-orbit span{border:1px solid color-mix(in srgb,var(--authui-effect-glow) 25%,transparent);border-radius:50%;animation:12s linear infinite spin;position:absolute;top:0;right:0;bottom:0;left:0}.authui-orbit span:nth-child(2){border-color:color-mix(in srgb,var(--authui-effect-glow-secondary) 30%,transparent);animation-duration:9s;animation-direction:reverse;top:22px;right:22px;bottom:22px;left:22px}.authui-orbit span:nth-child(3){border-color:color-mix(in srgb,var(--authui-effect-glow) 40%,transparent);animation-duration:6s;top:44px;right:44px;bottom:44px;left:44px}.authui-orbit span:after{content:"";background:var(--authui-effect-glow);width:6px;height:6px;box-shadow:0 0 10px var(--authui-effect-glow);border-radius:50%;position:absolute;top:-3px;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.authui-particles{z-index:0;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.authui-particles span{position:absolute;border-radius:50%;background:var(--authui-particle-color, var(--authui-effect-glow, #3b82f6));box-shadow:0 0 4px var(--authui-particle-color, var(--authui-effect-glow, #3b82f6));animation-name:authui-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.authui-particles span{--authui-particle-dx: 0px;--authui-particle-dy: 0px}@keyframes authui-twinkle{0%{opacity:.1;transform:scale(.5) translate(0)}to{opacity:.8;transform:scale(1.2) translate(var(--authui-particle-dx),var(--authui-particle-dy))}}.authui-root[data-authui-mode=light] .authui-particles span{opacity:.3;box-shadow:none}.authui-layout .authui-card{position:relative;z-index:1}.authui-card--glass{backdrop-filter:blur(var(--authui-card-glass-blur, 16px)) saturate(140%);-webkit-backdrop-filter:blur(var(--authui-card-glass-blur, 16px)) saturate(140%);background:color-mix(in srgb,var(--authui-color-container, rgba(20,35,60,.9)) calc(var(--authui-card-glass-opacity, .5) * 100%),transparent);border-color:color-mix(in srgb,var(--authui-effect-glow, #3b82f6) 20%,transparent);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1f}.authui-root[data-authui-mode=light] .authui-card--glass{background:color-mix(in srgb,var(--authui-color-container, #ffffff) 60%,transparent);box-shadow:0 8px 32px #00000014,inset 0 1px #fff9}.authui-card--neon{border-color:var(--authui-effect-glow, #3b82f6);box-shadow:0 0 5px var(--authui-effect-glow, #3b82f6),0 0 var(--authui-card-neon-intensity, 20px) color-mix(in srgb,var(--authui-effect-glow, #3b82f6) 40%,transparent),0 4px 20px #0000004d}.authui-card--float{animation:authui-card-float-in var(--authui-card-float-duration, .6s) cubic-bezier(.22,.8,.36,1) both;box-shadow:0 20px 60px #0006,0 0 40px color-mix(in srgb,var(--authui-effect-glow, #3b82f6) 15%,transparent);transition:transform .3s ease,box-shadow .3s ease}.authui-card--float:hover{transform:translateY(calc(var(--authui-card-float-distance, 4px) * -1));box-shadow:0 28px 70px #00000073,0 0 60px color-mix(in srgb,var(--authui-effect-glow, #3b82f6) 25%,transparent)}@keyframes authui-card-float-in{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}@property --authui-glow-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.authui-card--glow{position:relative;border-color:color-mix(in srgb,var(--authui-effect-glow, #3b82f6) 20%,transparent)}.authui-card--glow:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:var(--authui-card-glow-thickness, 1.5px);background:conic-gradient(from var(--authui-glow-angle),transparent 0%,transparent 70%,var(--authui-effect-glow, #3b82f6) 85%,var(--authui-effect-glow-secondary, #2563eb) 95%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0);animation:authui-glow-rotate var(--authui-card-glow-speed, 4s) linear infinite;pointer-events:none}@keyframes authui-glow-rotate{to{--authui-glow-angle: 360deg}}@supports not (background: conic-gradient(from 0deg,red,blue)){.authui-card--glow:before{background:linear-gradient(90deg,var(--authui-effect-glow, #3b82f6),var(--authui-effect-glow-secondary, #2563eb));animation:none}}.authui-root[data-authui-mode=light] .authui-aurora i{opacity:calc(var(--authui-effect-aurora-opacity) * .32)}.authui-root[data-authui-mode=light] .authui-bg-grid{opacity:calc(var(--authui-effect-grid-opacity) * .5)}.authui-root[data-authui-mode=light] .authui-scanline,.authui-root[data-authui-mode=light] .authui-topbeam{display:none}.authui-root[data-authui-mode=light] .authui-neon-num{-webkit-text-fill-color:initial;filter:none;background:none}