@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600&family=DM+Sans:wght@300;400;500;700&display=swap";:root{--ink: #1a1917;--ink2: #5a5855;--ink3: #9a9895;--surface: #ffffff;--surface2: #f5f3ef;--surface3: #eeebe4;--accent: #2c5f8a;--accent2: #1a3f5c;--accent-light: #e6f1fb;--border: #dedad2;--border2: #c8c3b8;--red: #a32d2d;--red-light: #fcebeb;--green: #3b6d11;--green-light: #4e7f20;--green-pale: #eaf3de;--yellow: #92700a;--yellow-light: #fdf3dc;--black: #111110;--white: #ffffff;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "DM Sans", sans-serif;--radius-sm: 999px;--radius-md: 10px;--radius-lg: 14px;--transition: .2s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:16px;color:var(--ink);background:var(--surface2);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:var(--accent);transition:color var(--transition)}a:hover{color:var(--accent2)}.register-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px 60px;gap:24px}.register-brand{display:flex;justify-content:center}.brand-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand-logo__mark{width:36px;height:36px;border-radius:6px;background:var(--accent);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.brand-logo__text{font-family:var(--font-display);font-size:28px;font-weight:600;line-height:1;letter-spacing:.02em}.register-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 40px 32px;width:100%;max-width:440px;display:flex;flex-direction:column;gap:24px;box-shadow:0 2px 12px #1a19170f}.register-header{display:flex;flex-direction:column;gap:6px}.register-header h1{font-family:var(--font-display);font-size:30px;font-weight:600;color:var(--ink);line-height:1.1}.register-header p{font-size:14px;color:var(--ink2);font-weight:400}.form-errors{display:flex;align-items:flex-start;gap:10px;background:var(--red-light);border:1px solid #f0c0c0;border-radius:var(--radius-md);padding:12px 14px;font-size:13px;color:var(--red);animation:fadeIn .2s ease}.form-errors__icon{flex-shrink:0;font-size:15px;line-height:1.4}.form-errors ul{list-style:none;display:flex;flex-direction:column;gap:3px}.register-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:var(--ink);letter-spacing:.01em}.form-group input{width:100%;height:44px;padding:0 14px;border:1px solid var(--border2);border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;color:var(--ink);background:var(--surface);outline:none;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);-webkit-appearance:none}.form-group input::placeholder{color:var(--ink3)}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2c5f8a1f;background:var(--surface)}.form-group.is-valid input{border-color:var(--green)}.form-group.is-invalid input{border-color:var(--red);box-shadow:0 0 0 3px #a32d2d1a}.form-group__hint{font-size:12px;color:var(--ink3);min-height:16px;line-height:1.4;transition:color var(--transition)}.form-group.is-invalid .form-group__hint{color:var(--red)}.form-group.is-valid .form-group__hint{color:var(--green)}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{padding-right:60px}.toggle-password{position:absolute;right:12px;background:none;border:none;padding:4px 0;cursor:pointer;font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--accent);transition:color var(--transition);line-height:1;-webkit-user-select:none;user-select:none}.toggle-password:hover{color:var(--accent2)}.password-strength{display:flex;align-items:center;gap:10px;min-height:18px;opacity:0;transition:opacity var(--transition)}.password-strength.visible{opacity:1}.password-strength__bar{flex:1;height:3px;border-radius:999px;background:var(--border);overflow:hidden}.password-strength__fill{display:block;height:100%;width:0%;border-radius:999px;transition:width .35s cubic-bezier(.4,0,.2,1),background-color .35s;background:var(--border2)}.password-strength__fill[data-level="1"]{width:25%;background:var(--red)}.password-strength__fill[data-level="2"]{width:50%;background:var(--yellow)}.password-strength__fill[data-level="3"]{width:75%;background:var(--green-light)}.password-strength__fill[data-level="4"]{width:100%;background:var(--green)}.password-strength__label{font-size:11px;font-weight:500;white-space:nowrap;color:var(--ink3);min-width:48px;text-align:right;transition:color var(--transition)}.password-strength__label[data-level="1"]{color:var(--red)}.password-strength__label[data-level="2"]{color:var(--yellow)}.password-strength__label[data-level="3"]{color:var(--green-light)}.password-strength__label[data-level="4"]{color:var(--green)}.register-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:46px;border-radius:var(--radius-sm);border:none;background:var(--accent);color:var(--white);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);margin-top:4px;position:relative;overflow:hidden}.register-btn:hover:not(:disabled){background:var(--accent2);box-shadow:0 4px 14px #2c5f8a38;transform:translateY(-1px)}.register-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.register-btn:disabled{opacity:.65;cursor:not-allowed}.register-btn__spinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:var(--white);border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}.register-btn.loading .register-btn__spinner{display:block}.register-btn.loading .register-btn__text{opacity:.7}.register-footer{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.register-footer p{font-size:13px;color:var(--ink2)}.register-footer a{font-size:13px;font-weight:500}.footer__copy{font-size:12px!important;color:var(--ink3)!important;margin-top:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.register-card{animation:fadeIn .3s cubic-bezier(.4,0,.2,1) both}@media(max-width:480px){.register-page{padding:28px 12px 48px}.register-card{padding:28px 20px 24px;border-radius:var(--radius-md)}.register-header h1{font-size:26px}.form-group input{font-size:16px}}