body{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--auth-background);z-index:0}body:before,body:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(100px);opacity:.6}body:before{top:-100px;left:-100px;width:500px;height:500px;background:var(--auth-aura-primary)}body:after{right:-50px;bottom:-100px;width:400px;height:400px;background:var(--auth-aura-secondary)}body[data-page=login] .login-box{width:400px;padding:48px 40px;text-align:center;border:none;border-radius:var(--auth-card-radius);background:var(--auth-card-background);box-shadow:var(--auth-card-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.logo{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-2);color:var(--color-foreground);font-size:var(--auth-brand-size);font-weight:800;line-height:var(--auth-brand-line-height);letter-spacing:0}.subtitle{margin-bottom:36px;color:var(--auth-subtitle-color);font-size:var(--text-base);font-weight:500;line-height:var(--line-base);letter-spacing:0}.input-group{margin-bottom:var(--space-4);text-align:left}.nl-input{position:relative;display:flex;width:100%;align-items:center}body[data-page=login] .login-box .nl-input input{flex:1;min-height:var(--auth-control-height);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--auth-input-radius);background:var(--auth-input-background);transition:border-color .2s ease,background .2s ease}body[data-page=login] .login-box .nl-input input:focus,body[data-page=login] .login-box .nl-input input:focus-visible{outline:none;border-color:var(--color-focus);background:var(--color-surface);box-shadow:none}body[data-page=login] .login-box .btn{width:100%;min-height:var(--auth-control-height);margin-top:var(--space-3);border:none;border-radius:var(--auth-input-radius);background:var(--color-foreground);color:var(--color-surface);font-size:15px;font-weight:600;cursor:pointer}body[data-page=login] .login-box .btn:hover{background:var(--auth-button-hover);box-shadow:var(--auth-button-hover-shadow);transform:translateY(-1px)}.icon{width:28px;height:28px;stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.register-area{margin-top:var(--space-6);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--line-sm)}.register-area a{color:var(--color-foreground);font-weight:600;text-decoration:none;transition:color .2s}.register-area a:hover{color:var(--color-focus);text-decoration:underline}.view-section{display:none}.view-section.active{display:block}.error-msg{display:none;margin-top:var(--space-1);color:var(--color-danger);font-size:var(--text-xs);line-height:var(--line-xs)}.error-msg:not(:empty){display:block}.global-error{display:none;margin-top:var(--space-1);margin-bottom:var(--space-2);color:var(--color-danger);font-size:var(--text-sm);line-height:var(--line-sm);text-align:center}.global-error:not(:empty){display:block}body[data-page=login] .login-box .nl-input input.input-error{border-color:var(--color-danger)!important;background:var(--color-danger-soft)!important}body[data-page=login] .login-box .btn:disabled,body[data-page=login] .login-box .btn:disabled:hover{cursor:not-allowed;background:var(--color-text-disabled);color:var(--color-surface);box-shadow:none;transform:none}.modal-overlay{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;background:#18181b66}.modal-content{display:flex;flex-direction:column;overflow:hidden;background:var(--color-surface);border-radius:var(--auth-input-radius);box-shadow:var(--shadow-md)}.success-modal{width:280px}.modal-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px var(--space-5);text-align:center}.modal-footer{display:flex;justify-content:center;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface-subtle)}body[data-page=login] .primary-btn{min-height:var(--control-md);border:none;border-radius:var(--radius-control);background:var(--color-foreground);color:var(--color-surface);cursor:pointer}body[data-page=login] .primary-btn:hover{background:var(--auth-button-hover);box-shadow:var(--auth-button-hover-shadow)}.success-icon{width:52px;height:52px;margin-bottom:var(--space-5);color:var(--color-foreground);stroke-width:1.5}.success-text{color:var(--color-foreground);font-size:var(--text-md);font-weight:600;line-height:var(--line-md)}.success-subtext{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--line-sm)}input::-webkit-credentials-auto-fill-button,input::-webkit-contacts-auto-fill-button,input::-ms-reveal,input::-ms-clear{display:none!important;visibility:hidden!important}