.register{background:var(--background);min-height:100vh;display:flex;position:relative;overflow-x:hidden}.register__container{width:100%;min-height:100vh;display:flex}@media (max-width:1024px){.register__container{flex-direction:column}}.register__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:64px 48px;display:flex;position:relative;overflow:hidden}@media (max-width:1024px){.register__artwork{min-height:400px;padding:48px 32px}}@media (max-width:640px){.register__artwork{min-height:300px;padding:40px 24px}}.register__artwork-content{z-index:2;max-width:520px;animation:.8s cubic-bezier(.4,0,.2,1) fade-slide-up;position:relative}.register__artwork-logo{align-items:center;gap:12px;margin-bottom:40px;animation:.8s cubic-bezier(.4,0,.2,1) .1s backwards fade-slide-up;display:flex}.register__artwork-icon{background:linear-gradient(135deg,var(--primary)0%,var(--primary-light)100%);-webkit-text-fill-color:#0000;width:36px;height:36px;filter:drop-shadow(0 0 12px oklch(from var(--primary)l c h/.5));-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite pulse-glow}.register__artwork-brand{font-family:var(--font-display,"Instrument Serif",Georgia,serif);color:var(--card-foreground);letter-spacing:-.02em;font-size:1.875rem;font-weight:400}.register__artwork-title{font-family:var(--font-display,"Instrument Serif",Georgia,serif);color:var(--card-foreground);letter-spacing:-.03em;margin-bottom:16px;font-size:2.875rem;font-weight:400;line-height:1.2;animation:.8s cubic-bezier(.4,0,.2,1) .2s backwards fade-slide-up}@media (max-width:1024px){.register__artwork-title{font-size:2.25rem}}.register__artwork-subtitle{color:var(--muted-foreground);margin-bottom:48px;font-size:1.125rem;line-height:1.65;animation:.8s cubic-bezier(.4,0,.2,1) .3s backwards fade-slide-up}.register__artwork-features{flex-direction:column;gap:20px;display:flex}.register__artwork-feature{color:#dbd8d8;color:lab(86.6338% .897378 .533319);animation:fade-slide-up .8s cubic-bezier(.4,0,.2,1)calc(.4s + var(--i,0)*.1s)backwards;align-items:center;gap:14px;font-size:1rem;display:flex}.register__artwork-feature svg{color:var(--primary);width:20px;height:20px;filter:drop-shadow(0 0 6px oklch(from var(--primary)l c h/.4));flex-shrink:0}.register__artwork-feature:first-child{--i:0}.register__artwork-feature:nth-child(2){--i:1}.register__artwork-feature:nth-child(3){--i:2}.register__artwork-decoration{pointer-events:none;z-index:1;position:absolute;inset:0}.register__artwork-circle{filter:blur(120px);opacity:.15;border-radius:50%;position:absolute}.register__artwork-circle--1{background:radial-gradient(circle,oklch(from var(--primary)l c h/.4)0%,transparent 70%);width:750px;height:750px;animation:28s ease-in-out infinite float-drift;top:-300px;right:-250px}.register__artwork-circle--2{background:radial-gradient(circle,oklch(from var(--primary-light)l c h/.35)0%,transparent 70%);width:550px;height:550px;animation:22s ease-in-out infinite reverse float-drift;bottom:-200px;left:-200px}.register__artwork-circle--3{background:radial-gradient(circle,oklch(from var(--primary-dark)l c h/.3)0%,transparent 70%);width:350px;height:350px;animation:20s linear infinite float-orbit;top:45%;left:25%}.register__form-section{background:var(--card);flex:1;justify-content:center;align-items:center;padding:64px 32px;display:flex;position:relative}@media (max-width:640px){.register__form-section{padding:40px 24px}}.register__form-wrapper{width:100%;max-width:460px;animation:.6s cubic-bezier(.4,0,.2,1) .3s backwards fade-in}.register__header{text-align:center;margin-bottom:32px}.register__title{font-family:var(--font-display,"Instrument Serif",Georgia,serif);color:var(--foreground);letter-spacing:-.03em;margin-bottom:8px;font-size:2.25rem;font-weight:400}.register__subtitle{color:var(--muted-foreground);font-size:.9375rem;line-height:1.5}.register__link{color:var(--primary);transition:color var(--transition-fast);font-weight:600;text-decoration:none;position:relative}.register__link:after{content:"";background:var(--primary);height:1px;transition:transform var(--transition-fast);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.register__link:hover{color:var(--primary-dark)}.register__link:hover:after{transform:scaleX(1)}.register__role-tabs{background:var(--muted);border-radius:var(--radius-lg);border:1px solid var(--border);gap:10px;margin-bottom:28px;padding:8px;display:flex}.register__role-tab{color:var(--muted-foreground);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-size:.9375rem;font-weight:600;display:flex;position:relative;overflow:hidden}.register__role-tab svg{width:18px;height:18px;transition:all var(--transition-fast);flex-shrink:0}.register__role-tab:hover:not(.register__role-tab--active):not(:disabled){color:var(--foreground);background:oklch(from var(--muted)l c h/.6)}.register__role-tab--active{color:#fff;background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);box-shadow:0 4px 12px oklch(from var(--primary)l c h/.3),0 2px 4px oklch(from var(--primary)l c h/.2);transform:translateY(-1px)}.register__role-tab--active svg{filter:drop-shadow(0 0 4px #ffffff4d);filter:drop-shadow(0 0 4px lab(100% -.0000298023 .0000119209/.3))}.register__role-tab:disabled{opacity:.5;cursor:not-allowed}.register__client-guide{text-align:center;background:var(--muted);border:1px dashed var(--border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;margin-bottom:24px;padding:30px;animation:.4s cubic-bezier(.4,0,.2,1) fade-in;display:flex}.register__client-guide p{color:var(--muted-foreground);margin-bottom:24px;font-size:1rem;line-height:1.6}.register__client-button{color:#fff;background:var(--primary);border-radius:var(--radius-md);cursor:pointer;width:100%;max-width:300px;transition:all var(--transition-fast);box-shadow:0 4px 15px oklch(from var(--primary)l c h/.4);border:none;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:.9375rem;font-weight:700;display:flex}.register__client-button:hover{background:var(--primary-dark);box-shadow:0 8px 20px oklch(from var(--primary)l c h/.5);transform:translateY(-2px)}.register__client-button svg{transition:transform var(--transition-fast)}.register__client-button:hover svg{transform:translate(4px)}.register__error{color:var(--error-dark);background:oklch(from var(--error)l c h/.08);border:1px solid oklch(from var(--error)l c h/.25);border-radius:var(--radius-md);align-items:center;gap:12px;margin-bottom:24px;padding:16px 18px;font-size:.9375rem;animation:.5s cubic-bezier(.4,0,.2,1) shake,.3s cubic-bezier(.4,0,.2,1) fade-in;display:flex}.register__error svg{color:var(--error);flex-shrink:0}.register__error span{flex:1;line-height:1.5}.register__error-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--error);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.register__error-close:hover{background:oklch(from var(--error)l c h/.15);color:var(--error-dark);transform:scale(1.1)}.register__success{color:var(--success-dark);background:oklch(from var(--success)l c h/.08);border:1px solid oklch(from var(--success)l c h/.25);border-radius:var(--radius-md);align-items:center;gap:12px;margin-bottom:24px;padding:16px 18px;font-size:.9375rem;animation:.4s cubic-bezier(.4,0,.2,1) fade-in;display:flex}.register__success svg{color:var(--success);filter:drop-shadow(0 0 4px oklch(from var(--success)l c h/.3));flex-shrink:0}.register__form{flex-direction:column;gap:22px;display:flex}.register__field{flex-direction:column;gap:8px;display:flex}.register__field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:480px){.register__field-row{grid-template-columns:1fr;gap:22px}}.register__label{color:var(--foreground);letter-spacing:.01em;font-size:.875rem;font-weight:600}.register__input-wrapper{background:var(--background);border:1.5px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;display:flex;position:relative}.register__input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px oklch(from var(--primary)l c h/.12),0 2px 8px oklch(from var(--primary)l c h/.15);transform:translateY(-2px)}.register__input-wrapper:focus-within .register__input-icon{color:var(--primary)}.register__input-wrapper--valid{border-color:var(--success)}.register__input-wrapper--valid:focus-within{border-color:var(--success);box-shadow:0 0 0 4px oklch(from var(--success)l c h/.12),0 2px 8px oklch(from var(--success)l c h/.15)}.register__input-wrapper--valid .register__input-icon{color:var(--success)}.register__input-wrapper input{width:100%;color:var(--foreground);transition:all var(--transition-fast);background:0 0;border:none;flex:1;padding:15px 16px 15px 48px;font-size:.9375rem}.register__input-wrapper input::placeholder{color:var(--muted-foreground)}.register__input-wrapper input:focus{outline:none}.register__input-wrapper input:disabled{opacity:.5;cursor:not-allowed}.register__input-icon{color:var(--muted-foreground);pointer-events:none;transition:all var(--transition-fast);position:absolute;left:16px}.register__password-toggle{width:42px;height:42px;color:var(--muted-foreground);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;margin-right:6px;padding:0;display:flex}.register__password-toggle:hover{color:var(--foreground);background:var(--muted);transform:scale(1.08)}.register__password-toggle:active{transform:scale(.95)}.register__match-badge{background:linear-gradient(135deg,var(--success)0%,var(--success-dark)100%);color:#fff;width:32px;height:32px;box-shadow:0 4px 12px oklch(from var(--success)l c h/.35);border-radius:50%;justify-content:center;align-items:center;margin-right:14px;animation:.5s cubic-bezier(.68,-.55,.27,1.55) bounce-in;display:flex}.register__strength{align-items:center;gap:14px;margin-top:10px;display:flex}.register__strength-bar{background:var(--muted);border-radius:var(--radius-sm);flex:1;height:5px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a;box-shadow:inset 0 1px 2px lab(0% 0 0/.1)}.register__strength-fill{border-radius:var(--radius-sm);height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px}.register__strength-label{text-align:right;text-transform:uppercase;letter-spacing:.03em;min-width:72px;font-size:.8125rem;font-weight:700}.register__submit{color:#fff;background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition-fast);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:12px;margin-top:8px;padding:16px 28px;font-size:1rem;font-weight:700;display:flex;position:relative;overflow:hidden}.register__submit:before{content:"";background:linear-gradient(135deg,#fff0 0%,#ffffff26 50%,#fff0 100%);background:linear-gradient(135deg,lab(100% -.0000298023 .0000119209/0) 0%,lab(100% -.0000298023 .0000119209/.15) 50%,lab(100% -.0000298023 .0000119209/0) 100%);transition:transform .6s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:translate(-100%)}.register__submit svg{transition:transform var(--transition-fast);filter:drop-shadow(0 0 4px #ffffff4d);filter:drop-shadow(0 0 4px lab(100% -.0000298023 .0000119209/.3))}.register__submit:hover:not(:disabled){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)}.register__submit:hover:not(:disabled):before{transform:translate(100%)}.register__submit:hover:not(:disabled) svg{transform:translate(4px)}.register__submit:active:not(:disabled){box-shadow:0 4px 15px oklch(from var(--primary)l c h/.3);transform:translateY(-1px)}.register__submit:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.register__spinner{border:2.5px solid #ffffff40;border:2.5px solid lab(100% -.0000298023 .0000119209/.25);border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.register__terms{color:var(--muted-foreground);text-align:center;margin-top:28px;font-size:.8125rem;line-height:1.6}.register__terms a{color:var(--foreground);transition:color var(--transition-fast);font-weight:600;text-decoration:none}.register__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(50px,-60px)scale(1.18)}66%{transform:translate(-40px,50px)scale(.92)}}@keyframes float-orbit{0%{transform:rotate(0)translate(60px)rotate(0)}to{transform:rotate(360deg)translate(60px)rotate(-360deg)}}@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(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-in{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}70%{transform:scale(.9)}to{transform:scale(1)}}.dark .register{background:#030303;background:lab(.774464% 0 0)}.dark .register__artwork{background:linear-gradient(135deg,#010101 0%,#050202 50%,#010101 100%);background:linear-gradient(135deg,lab(.248068% 0 0) 0%,lab(.755453% .673488 .346133) 50%,lab(.248068% 0 0) 100%)}.dark .register__artwork-circle{opacity:.2}.dark .register__form-section{background:#080606;background:lab(1.74812% .559785 .314662)}.dark .register__role-tabs{background:#030303;background:lab(.774464% 0 0);border-color:#191312;border-color:lab(6.61903% 2.74407 1.51871)}.dark .register__role-tab:hover:not(.dark .register__role-tab--active):not(:disabled){background:#0d0908;background:lab(2.71891% 1.21677 .66984)}.dark .register__input-wrapper{background:#030303;background:lab(.774464% 0 0);border-color:#221918;border-color:lab(9.96561% 4.54047 2.72386)}.dark .register__input-wrapper:focus-within{background:#040404;background:lab(1.04115% .155889 .0902027)}.dark .register__strength-bar{background:#150f0e;background:lab(4.77752% 2.21822 1.21782)}.dark .register__terms a{color:#dbd8d8;color:lab(86.6338% .897378 .533319)}.dark .register__terms a:hover{color:var(--primary-light)}