.login{background:var(--background);min-height:100vh;display:flex;position:relative;overflow:hidden}.login__container{z-index:1;width:100%;min-height:100vh;display:flex;position:relative}@media (max-width:1024px){.login__container{flex-direction:column}}.login__artwork{background:linear-gradient(135deg,#030303 0%,#0a0505 50%,#030303 100%);background:linear-gradient(135deg,lab(.774464% 0 0) 0%,lab(1.73158% 1.14801 .610781) 50%,lab(.774464% 0 0) 100%);flex:1;justify-content:center;align-items:center;padding:4rem;display:flex;position:relative;overflow:hidden}@media (max-width:1024px){.login__artwork{min-height:50vh;padding:3rem}}@media (max-width:768px){.login__artwork{display:none}}.login__artwork-content{z-index:2;max-width:520px;position:relative}.login__artwork-logo{align-items:center;gap:1rem;margin-bottom:3rem;animation:.8s cubic-bezier(.16,1,.3,1) fade-slide-up;display:flex}.login__artwork-icon{background:linear-gradient(135deg,var(--primary)0%,var(--primary-light)100%);-webkit-text-fill-color:#0000;filter:drop-shadow(0 0 12px oklch(from var(--primary)l c h/.5));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;animation:3s ease-in-out infinite pulse-glow}.login__artwork-brand{color:#fafafa;color:lab(98.26% 0 0);letter-spacing:-.03em;font-size:2rem;font-weight:700}.login__artwork-title{color:#fafafa;color:lab(98.26% 0 0);letter-spacing:-.04em;background:linear-gradient(135deg,#fafafa 0%,#cfcfcf 100%);background:linear-gradient(135deg,lab(98.26% 0 0) 0%,lab(83.296% -.0000298023 0) 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1;animation:.8s cubic-bezier(.16,1,.3,1) .1s both fade-slide-up}.login__artwork-subtitle{color:#b0b0b0;color:lab(71.696% -.0000298023 .0000119209);margin-bottom:3rem;font-size:1.125rem;line-height:1.7;animation:.8s cubic-bezier(.16,1,.3,1) .2s both fade-slide-up}.login__artwork-features{flex-direction:column;gap:1.5rem;display:flex}.login__artwork-feature{color:#cfcfcf;color:lab(83.296% -.0000298023 0);align-items:center;gap:1rem;font-size:1rem;transition:transform .3s;animation:.8s cubic-bezier(.16,1,.3,1) both fade-slide-up;display:flex}.login__artwork-feature:first-child{animation-delay:.3s}.login__artwork-feature:nth-child(2){animation-delay:.4s}.login__artwork-feature:nth-child(3){animation-delay:.5s}.login__artwork-feature:hover{transform:translate(8px)}.login__artwork-feature svg{color:var(--primary);filter:drop-shadow(0 0 8px oklch(from var(--primary)l c h/.6));flex-shrink:0}.login__artwork-decoration{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login__artwork-circle{filter:blur(100px);opacity:.6;border-radius:50%;position:absolute}.login__artwork-circle--1{background:radial-gradient(circle,oklch(from var(--primary)l c h/.2)0%,transparent 70%);width:700px;height:700px;animation:25s ease-in-out infinite float-drift;top:-250px;right:-250px}.login__artwork-circle--2{background:radial-gradient(circle,oklch(from var(--primary-light)l c h/.15)0%,transparent 70%);width:500px;height:500px;animation:20s ease-in-out infinite reverse float-drift;bottom:-150px;left:-150px}.login__artwork-circle--3{background:radial-gradient(circle,oklch(from var(--primary-dark)l c h/.18)0%,transparent 70%);width:350px;height:350px;animation:22s ease-in-out infinite float-orbit;top:35%;left:15%}.login__form-section{background:var(--card);flex:1;justify-content:center;align-items:center;padding:4rem 2rem;display:flex;position:relative}@media (max-width:640px){.login__form-section{padding:3rem 1rem}}.login__form-wrapper{width:100%;max-width:480px;animation:1s cubic-bezier(.16,1,.3,1) fade-in}.login__header{text-align:center;margin-bottom:3rem}.login__title{color:var(--foreground);letter-spacing:-.03em;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.login__subtitle{color:var(--muted-foreground);font-size:1rem;font-weight:500}.login__link{color:var(--primary);font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative}.login__link:after{content:"";background:var(--primary);width:0;height:2px;transition:width .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-2px;left:0}.login__link:hover{color:var(--primary-light);transform:translateY(-1px)}.login__link:hover:after{width:100%}.login__role-tabs{background:var(--muted);border-radius:var(--radius-lg);box-shadow:inset 0 2px 4px oklch(from var(--foreground)l c h/.05);gap:.5rem;margin-bottom:3rem;padding:8px;display:flex}.login__role-tab{color:var(--muted-foreground);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:.875rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.login__role-tab svg{flex-shrink:0;transition:transform .3s}.login__role-tab:before{content:"";background:var(--primary);opacity:0;transition:opacity .4s;position:absolute;inset:0}.login__role-tab:hover:not(.login__role-tab--active){color:var(--foreground);background:oklch(from var(--muted)l c h/.6);transform:translateY(-2px)}.login__role-tab--active{color:var(--primary-foreground);background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);box-shadow:0 6px 16px oklch(from var(--primary)l c h/.35),0 2px 4px oklch(from var(--primary)l c h/.2);transform:translateY(-2px)}.login__role-tab--active svg{filter:drop-shadow(0 2px 4px oklch(from var(--primary)l c h/.4));transform:scale(1.1)}.login__error{color:var(--error);background:oklch(from var(--error)l c h/.08);border:2px solid oklch(from var(--error)l c h/.2);border-radius:var(--radius-lg);box-shadow:0 4px 12px oklch(from var(--error)l c h/.15);align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1.5rem 2rem;font-size:.875rem;font-weight:600;animation:.5s cubic-bezier(.36,.07,.19,.97) shake,.4s fade-in;display:flex}.login__error svg{flex-shrink:0;margin-top:2px}.login__error span{flex:1;line-height:1.6}.login__error-close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--error);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .3s;display:flex}.login__error-close:hover{background:oklch(from var(--error)l c h/.15);transform:rotate(90deg)}.login__setup-help{border-radius:var(--radius-lg);border:1px solid oklch(from var(--primary)l c h/.3);background:oklch(from var(--primary)l c h/.08);margin-top:-.5rem;margin-bottom:2rem;padding:1.5rem 2rem}.login__setup-help-title{color:var(--foreground);margin:0 0 .25rem;font-size:.875rem;font-weight:700}.login__setup-help-text{color:var(--muted-foreground);margin:0;font-size:.875rem;line-height:1.5}.login__setup-help-link{color:var(--primary);margin-top:1rem;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.login__setup-help-link:hover{text-decoration:underline}.login__setup-help-actions{gap:.5rem;margin-top:1rem;display:grid}.login__setup-help-btn{border:1px solid oklch(from var(--primary)l c h/.4);background:oklch(from var(--primary)l c h/.12);width:fit-content;color:var(--primary);border-radius:var(--radius-md);cursor:pointer;padding:.5rem .8rem;font-size:.875rem;font-weight:700}.login__setup-help-btn:hover:not(:disabled){background:oklch(from var(--primary)l c h/.2)}.login__setup-help-btn:disabled{opacity:.6;cursor:not-allowed}.login__setup-help-success{color:var(--success);margin:0;font-size:.875rem;font-weight:600}.login__form{flex-direction:column;gap:2rem;display:flex}.login__field{flex-direction:column;gap:.5rem;display:flex}.login__field--error .login__input-wrapper{border-color:var(--error);animation:.4s shake}.login__field--error .login__input-wrapper:focus-within{border-color:var(--error);box-shadow:0 0 0 4px oklch(from var(--error)l c h/.12)}.login__field--error .login__input-icon{color:var(--error)}.login__label{color:var(--foreground);letter-spacing:.3px;font-size:.875rem;font-weight:700}.login__label-row{justify-content:space-between;align-items:center;display:flex}.login__forgot{color:var(--primary);font-size:.75rem;font-weight:700;text-decoration:none;transition:all .3s}.login__forgot:hover{color:var(--primary-light);text-decoration:underline;transform:translateY(-1px)}.login__input-wrapper{background:var(--card);border:2px solid var(--border);border-radius:var(--radius-lg);align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.login__input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px oklch(from var(--primary)l c h/.12),0 4px 12px oklch(from var(--primary)l c h/.15);transform:translateY(-2px)}.login__input-wrapper:focus-within .login__input-icon{color:var(--primary)}.login__input-wrapper input{width:100%;color:var(--foreground);background:0 0;border:none;flex:1;padding:1.5rem 1rem 1.5rem 52px;font-size:1rem;font-weight:500}.login__input-wrapper input::placeholder{color:var(--muted-foreground);font-weight:400}.login__input-wrapper input:focus{outline:none}.login__input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.login__input-icon{color:var(--muted-foreground);pointer-events:none;transition:all .3s;position:absolute;left:1.5rem}.login__password-toggle{width:48px;height:48px;color:var(--muted-foreground);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-right:4px;padding:0;transition:all .3s;display:flex}.login__password-toggle:hover{color:var(--foreground);background:var(--muted);transform:scale(1.1)}.login__field-error{color:var(--error);align-items:center;gap:6px;font-size:.75rem;font-weight:600;animation:.3s fade-in;display:flex}.login__remember{align-items:center;display:flex}.login__checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:1rem;display:flex}.login__checkbox input{opacity:0;width:0;height:0;position:absolute}.login__checkbox input:checked+.login__checkbox-mark{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 12px oklch(from var(--primary)l c h/.3)}.login__checkbox input:checked+.login__checkbox-mark svg{opacity:1;transform:scale(1)rotate(0)}.login__checkbox input:focus-visible+.login__checkbox-mark{box-shadow:0 0 0 4px oklch(from var(--primary)l c h/.15)}.login__checkbox input:disabled+.login__checkbox-mark{opacity:.5;cursor:not-allowed}.login__checkbox-mark{background:var(--card);border:2px solid var(--border);border-radius:var(--radius-md);justify-content:center;align-items:center;width:24px;height:24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.login__checkbox-mark svg{color:#fff;opacity:0;transition:all .4s cubic-bezier(.68,-.55,.27,1.55);transform:scale(.3)rotate(-180deg)}.login__checkbox-label{color:var(--foreground);font-size:.875rem;font-weight:600}.login__submit{color:#fafafa;color:lab(98.26% 0 0);background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);border-radius:var(--radius-lg);cursor:pointer;width:100%;box-shadow:0 6px 20px oklch(from var(--primary)l c h/.35),0 2px 4px oklch(from var(--primary)l c h/.2);border:none;justify-content:center;align-items:center;gap:1rem;padding:1.5rem 3rem;font-size:1rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.login__submit:before{content:"";background:linear-gradient(135deg,transparent 0%,oklch(from var(--primary-light)l c h/.3)100%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.login__submit svg{z-index:1;transition:transform .4s cubic-bezier(.4,0,.2,1);position:relative}.login__submit:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-light)0%,var(--primary)100%);box-shadow:0 10px 30px oklch(from var(--primary)l c h/.45),0 4px 8px oklch(from var(--primary)l c h/.25);transform:translateY(-3px)}.login__submit:hover:not(:disabled):before{opacity:1}.login__submit:hover:not(:disabled) svg{transform:translate(6px)}.login__submit:active:not(:disabled){transform:translateY(-1px)}.login__submit:disabled{opacity:.7;cursor:not-allowed}.login__spinner{border:3px solid oklch(from var(--primary-foreground)l c h/.3);border-top-color:var(--primary-foreground);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.login__divider{align-items:center;gap:1.5rem;margin:3rem 0;display:flex}.login__divider:before,.login__divider:after{content:"";background:linear-gradient(90deg,transparent 0%,var(--border)50%,transparent 100%);flex:1;height:2px}.login__divider span{color:var(--muted-foreground);white-space:nowrap;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:700}.login__social{gap:1rem;display:flex}.login__social-btn{color:var(--foreground);background:var(--card);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:.875rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.login__social-btn:hover:not(:disabled){background:var(--muted);border-color:var(--foreground);box-shadow:0 6px 16px oklch(from var(--foreground)l c h/.12);transform:translateY(-2px)}.login__social-btn:disabled{opacity:.6;cursor:not-allowed}.login__terms{color:var(--muted-foreground);text-align:center;margin-top:3rem;font-size:.75rem;font-weight:500;line-height:1.7}.login__terms a{color:var(--foreground);font-weight:700;text-decoration:none;transition:color .3s}.login__terms a:hover{color:var(--primary);text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 12px oklch(from var(--primary)l c h/.5))}50%{filter:drop-shadow(0 0 24px oklch(from var(--primary)l c h/.8))}}@keyframes float-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-50px)scale(1.15)}66%{transform:translate(-30px,40px)scale(.95)}}@keyframes float-orbit{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(30px,30px)rotate(180deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dark .login__form-section{background:#060606;background:lab(1.76425% 0 -.00000298023)}.dark .login__role-tabs{background:#101010;background:lab(4.8411% 0 0);box-shadow:inset 0 2px 4px #0000004d;box-shadow:inset 0 2px 4px lab(0% 0 0/.3)}.dark .login__role-tab--active{box-shadow:0 6px 16px oklch(from var(--primary)l c h/.5),0 2px 4px oklch(from var(--primary)l c h/.3)}.dark .login__input-wrapper{background:#101010;background:lab(4.8411% 0 0);border-color:#2a2a2a;border-color:lab(17.06% 0 0)}.dark .login__input-wrapper:focus-within{border-color:var(--primary);background:#060606;background:lab(1.76425% 0 -.00000298023)}.dark .login__checkbox-mark,.dark .login__social-btn{background:#101010;background:lab(4.8411% 0 0);border-color:#2a2a2a;border-color:lab(17.06% 0 0)}.dark .login__social-btn:hover:not(:disabled){background:#1e1e1e;background:lab(11.26% .00000745058 -.00000298023);border-color:#444;border-color:lab(28.66% -.0000149012 0);box-shadow:0 6px 16px #0000004d;box-shadow:0 6px 16px lab(0% 0 0/.3)}