.form-area{border-radius:20px;position:relative;overflow:hidden}.form-area .form-close-btn{color:var(--color-primary);border:1px solid var(--color-primary);text-align:center;cursor:pointer;z-index:10;border-radius:50%;width:1.9rem;padding:.2rem;font-size:1.2rem;font-weight:700;line-height:1.4rem;position:absolute;top:1rem;right:1rem}.form-area .form-close-btn:hover{background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-white)}.card-content{background:radial-gradient(120% 110% at 90% 0%, #38b4e824 0%, transparent 55%), linear-gradient(150deg, var(--slate-700) 0%, var(--slate-900) 100%);flex-direction:column;min-height:28rem;padding:2rem 1.5rem;display:flex;position:relative;overflow:hidden}.card-content:before{content:"";border:2px solid #38b4e840;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-70px;right:-70px}.card-content:after{content:"";background:#38b4e81f;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-20px;right:-20px}.auth-brand{align-items:center;gap:10px;margin-bottom:1.5rem;display:flex}.auth-brand-icon{background:var(--color-secondary);border-radius:.5625rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.auth-brand-icon img{object-fit:contain;filter:brightness(10);width:1.5rem;height:1.5rem}.auth-brand-icon i{color:#fff;font-size:1.1875rem}.auth-brand-name{color:#fff;font-size:1rem;font-weight:700}.auth-headline{margin-bottom:1.5rem}.auth-headline h2{color:#fff;margin-bottom:.4rem;font-size:1.4rem;font-weight:700;line-height:1.35}.auth-headline p{color:#ffffff8c;margin:0;font-size:.8rem}.auth-features{flex-direction:column;gap:8px;margin-bottom:1.5rem;display:flex}.auth-feature-item{background:#ffffff12;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.auth-feature-icon-wrap{background:var(--color-secondary);border-radius:.4375rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.auth-feature-item:nth-child(2) .auth-feature-icon-wrap{opacity:.85}.auth-feature-item:nth-child(3) .auth-feature-icon-wrap{opacity:.7}.auth-feature-icon-wrap i{color:#fff;font-size:1rem}.auth-feature-text strong{color:#fff;font-size:.82rem;font-weight:600;display:block}.auth-feature-text span{color:#ffffff80;font-size:.72rem}.auth-stats{gap:1.25rem;margin-top:auto;display:flex}.auth-stat strong{color:var(--color-secondary);font-size:1.1rem;font-weight:700;display:block}.auth-stat span{color:#ffffff80;font-size:.72rem}.form-area .form{background-color:var(--surface-color);height:100%;padding:2.5rem 2rem}.form-area .form h2{color:var(--heading-color);letter-spacing:-.02em;margin-bottom:4px;font-size:1.4rem;font-weight:800}.form-area .form form .form-group{margin-bottom:1rem;position:relative}.form-area .form form .form-group input{border:none;border-bottom:2px solid var(--border-color);width:100%;height:3.75rem;color:var(--default-color);background:0 0;outline:none;padding:1.25rem 0 0;transition:border-color .3s}.form-area .form form .form-group label{pointer-events:none;font-size:var(--text-sm);color:var(--default-color-light);transition:all .3s;position:absolute;top:1.25rem;left:0}.form-area .form form .form-group input:focus,.form-area .form form .form-group input:not(:placeholder-shown){border-bottom-color:var(--coral-500)}.form-area .form form .form-group input:focus~label,.form-area .form form .form-group input:not(:placeholder-shown)~label{font-size:var(--text-xs);top:.3125rem}.form-area .myform-button{margin-top:1.75rem}.form-area .myform-button .myform-btn{width:100%;height:3.25rem;font-size:1rem;font-family:var(--heading-font);background:var(--coral-500);border-radius:var(--radius-pill);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;font-weight:700;transition:background .3s,transform .1s,box-shadow .3s;display:flex}.form-area .myform-button .myform-btn:hover{background:var(--coral-600);box-shadow:0 6px 14px #38b4e84d}.form-area .myform-button .myform-btn:active{transform:scale(.98)}.form-area .myform-button .myform-btn:disabled{opacity:.75;cursor:not-allowed;transform:none}.form-area .form form .forgot{float:right;color:var(--color-secondary);font-size:.875rem}.form-area .form form .forgot:hover{color:var(--color-heading)}.form-area .form form .signup{text-align:right;margin-top:1rem;font-size:.875rem}.form-area .form form .signup a{color:var(--color-secondary);font-weight:600}.form-area .form form .signup a:hover{color:var(--color-link)}.resend-btn{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem}.resend-btn:hover{text-decoration:underline}
.sb-desktop{z-index:200;align-self:stretch;align-items:center;width:44%;display:flex;position:relative}.sb-field{background:color-mix(in srgb, var(--surface-color) 70%, transparent);border:1.5px solid color-mix(in srgb, var(--border-color) 60%, transparent);border-radius:var(--radius-pill);align-items:center;gap:.5rem;width:100%;height:100%;min-height:3rem;padding:0 1rem;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.sb-field:focus-within{border-color:var(--coral-500);background:var(--surface-color);box-shadow:0 0 0 4px color-mix(in srgb, var(--coral-500) 12%, transparent)}.sb-field-icon{color:var(--default-color-light);flex-shrink:0;font-size:.9rem}.sb-field input{color:var(--default-color);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.9rem}.sb-field input::placeholder{color:var(--default-color-light)}.sb-clear{color:var(--default-color-light);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:2px 4px;font-size:1rem;line-height:1;transition:color .15s,background .15s}.sb-clear:hover{color:var(--heading-color);background:var(--background-color)}.sb-results{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:300;max-height:320px;margin:0;padding:.375rem 0;list-style:none;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow-y:auto}.sb-result-item{cursor:pointer;color:var(--default-color);align-items:center;gap:10px;padding:10px 16px;font-size:.875rem;transition:background .15s;display:flex}.sb-result-item:hover{background:color-mix(in srgb, var(--coral-500) 6%, var(--surface-color))}.sb-result-icon{color:var(--default-color-light);flex-shrink:0;font-size:.78rem}.sb-result-word{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sb-result-arrow{color:var(--coral-500);opacity:0;flex-shrink:0;font-size:.8rem;transition:opacity .15s}.sb-result-item:hover .sb-result-arrow{opacity:1}.sb-result-loading{color:var(--default-color-light);cursor:default;font-size:.85rem}.sb-spinner{border:2px solid var(--border-color);border-top-color:var(--coral-500);border-radius:50%;flex-shrink:0;width:.875rem;height:.875rem;animation:.6s linear infinite sb-spin;display:inline-block}@keyframes sb-spin{to{transform:rotate(360deg)}}.sb-results::-webkit-scrollbar{width:5px}.sb-results::-webkit-scrollbar-track{background:0 0}.sb-results::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sb-mob-trigger{border:1.5px solid color-mix(in srgb, var(--nav-color,#fff) 35%, transparent);width:2.125rem;height:2.125rem;color:var(--nav-color,#fff);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.05rem;line-height:1;transition:border-color .2s,color .2s,background .2s;display:none}.sb-mob-trigger:hover{color:var(--nav-hover-color,#38b4e8);border-color:var(--nav-hover-color,#38b4e8);background:color-mix(in srgb, var(--nav-hover-color,#38b4e8) 8%, transparent)}.sb-mob-overlay{z-index:9999;flex-direction:column;display:flex;position:fixed;inset:0}.sb-mob-bar{background:var(--surface-color);border-bottom:1px solid var(--border-color);z-index:2;flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex;position:relative}.sb-mob-field{border-radius:var(--radius-pill);flex:1;height:2.875rem;position:relative}.sb-mob-close{color:var(--coral-600);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:6px 2px;font-size:.9rem;font-weight:700}.sb-mob-results-wrap{background:var(--surface-color);border-bottom:1px solid var(--border-color);z-index:2;flex-shrink:0;max-height:60vh;position:relative;overflow-y:auto}.sb-mob-results-list{margin:0;padding:.375rem 0;list-style:none}.sb-mob-hint{color:var(--default-color-light);background:var(--surface-color);z-index:2;flex-shrink:0;align-items:center;gap:10px;padding:18px 20px;font-size:.875rem;display:flex;position:relative}.sb-mob-hint i{color:var(--coral-400);font-size:1rem}.sb-mob-backdrop{z-index:1;background:#00000073;flex:1}@media (max-width:991px){.sb-desktop{display:none}.sb-mob-trigger{margin-right:.5rem;display:flex}}@media (min-width:992px){.sb-mob-trigger{display:none}.sb-mob-overlay{display:none!important}}
.drawer-backdrop{opacity:0;visibility:hidden;z-index:1050;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.drawer-backdrop.show{opacity:1;visibility:visible}.mobile-drawer{background:var(--background-color,#fff);width:300px;max-width:85vw;height:100dvh;color:var(--default-color,#222);z-index:1055;flex-direction:column;transition:transform .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 24px #00000026}.mobile-drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid #00000014;padding:1rem}.drawer-logo{max-height:40px}.drawer-close{color:var(--default-color,#222);background:0 0;border:none;font-size:1.25rem}.drawer-nav{flex:1;padding:.5rem 1rem;overflow-y:auto}.drawer-nav ul{margin:0;padding:0;list-style:none}.drawer-nav>ul>li{border-bottom:1px solid #0000000f}.drawer-nav a{color:var(--default-color,#222);font-family:var(--nav-font,sans-serif);padding:.75rem .25rem;text-decoration:none;display:block}.drawer-nav a:hover{color:var(--nav-hover-color,#f85a40)}.drawer-category-toggle{width:100%;color:var(--default-color,#222);font-family:var(--nav-font,sans-serif);background:0 0;border:none;justify-content:space-between;align-items:center;padding:.75rem .25rem;font-size:1rem;display:flex}.drawer-submenu{padding:0 0 .5rem .75rem!important}.drawer-subtitle{text-transform:uppercase;color:var(--color-grey,#a1a1a1);margin-top:.5rem;font-size:.85rem;font-weight:600;display:block}.drawer-submenu a{padding:.4rem .25rem;font-size:.95rem}.drawer-auth{border-bottom:1px solid #00000014}.drawer-user-card{background:linear-gradient(135deg, var(--slate-700) 0%, var(--slate-900) 100%);align-items:center;gap:12px;padding:1rem 1rem .75rem;display:flex}.drawer-user-avatar{border:2px solid var(--coral-500);color:#fff;width:2.75rem;height:2.75rem;font-family:var(--heading-font);background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex;overflow:hidden}.drawer-user-info{overflow:hidden}.drawer-user-name{font-family:var(--heading-font);color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;font-weight:700;overflow:hidden}.drawer-user-sub{color:#ffffff8c;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:.72rem;overflow:hidden}.drawer-user-actions{background:linear-gradient(135deg, var(--slate-700) 0%, var(--slate-900) 100%);border-top:1px solid #ffffff14;display:flex}.drawer-action-btn{color:#ffffffbf;cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:.6rem .5rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .18s,background .18s;display:flex}.drawer-action-btn:hover{color:#fff;background:#ffffff12}.drawer-action-btn i{font-size:.95rem}.drawer-action-btn+.drawer-action-btn{border-left:1px solid #ffffff1a}.drawer-action-signout:hover{color:var(--coral-400)}[data-theme=dark] .mobile-drawer{box-shadow:-8px 0 24px #0009}[data-theme=dark] .drawer-nav>ul>li,[data-theme=dark] .drawer-header{border-color:#ffffff1a}
.theme-toggle{border:1.5px solid color-mix(in srgb, var(--nav-color,#fff) 35%, transparent);width:2.125rem;height:2.125rem;color:var(--nav-color,#fff);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.05rem;line-height:1;transition:border-color .2s,color .2s,background .2s;display:flex}.theme-toggle:hover{color:var(--nav-hover-color,#f85a40);border-color:var(--nav-hover-color,#f85a40);background:color-mix(in srgb, var(--nav-hover-color,#f85a40) 8%, transparent)}
.page-transition{animation:.35s both pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page-transition{animation:none}}