:root{--auth-bg-page: transparent;--auth-bg-card: #ffffff;--auth-border-card: #e5e7eb;--auth-shadow: rgba(0, 0, 0, .1);--auth-input-bg: #ffffff;--auth-input-bg-login: #fffacd;--auth-input-border: #cccccc;--auth-input-focus-ring: rgba(59, 130, 246, .5);--auth-input-focus-ring-alt: rgba(0, 123, 255, .25);--auth-input-focus-border: #3b82f6;--auth-input-focus-border-alt: #007bff;--auth-header-text: #1f2937;--auth-label-text: #374151;--auth-label-text-alt: #555555;--auth-label-text-alt2: #138ec7;--auth-muted-text: #6b7280;--auth-error-bg: #fef2f2;--auth-error-text: #ef4444;--auth-error-border: #fca5a5;--auth-btn-grad-start: #00c6ff;--auth-btn-grad-mid: #6f59ff;--auth-btn-grad-end: #7f00ff;--auth-btn-grad: linear-gradient(to right, var(--auth-btn-grad-start), var(--auth-btn-grad-mid), var(--auth-btn-grad-end));--auth-btn-text: #ffffff;--auth-btn-shadow: #0000001a;--auth-btn-hover-left: #0056b3;--auth-btn-hover-right: #1e7e34}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.login-card{width:100%;max-width:24rem;background-color:var(--auth-bg-card);padding:3rem 2rem;border-radius:1.5rem;box-shadow:0 4px 20px var(--auth-shadow);border:1px solid var(--auth-border-card);text-align:center}.login-header{font-size:2.25rem;font-weight:800;color:var(--auth-header-text);margin-bottom:3rem}.login-error{background-color:var(--auth-error-bg);color:var(--auth-error-text);border:1px solid var(--auth-error-border);border-radius:.5rem;padding:.75rem;margin-bottom:1.5rem;text-align:left;font-size:.875rem}.register{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.register-card{width:100%;max-width:24rem;background-color:var(--auth-bg-card);padding:3rem 2rem;border-radius:1.5rem;box-shadow:var(--auth-shadow);border:1px solid var(--auth-border-card);text-align:center}.register-header{font-size:2.25rem;font-weight:800;color:var(--auth-header-text);margin-bottom:3rem}.register-error{background-color:var(--auth-error-bg);color:var(--auth-error-text);border:1px solid var(--auth-error-border);border-radius:.5rem;padding:.75rem;margin-bottom:1.5rem;text-align:left;font-size:.875rem}.form-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:1.25rem;box-sizing:border-box}.form-card{width:100%;max-width:18.75rem;background-color:var(--auth-bg-card);padding:1.5625rem;border-radius:1.5rem;box-shadow:0 4px 20px var(--auth-shadow);border:1px solid var(--auth-border-card);text-align:center}.form-header{font-size:2.25rem;font-weight:800;color:var(--auth-header-text);margin-bottom:3rem}.form-error{background-color:var(--auth-error-bg);color:var(--auth-error-text);border:1px solid var(--auth-error-border);padding:.5rem;border-radius:.375rem;margin-bottom:.9375rem;text-align:left;font-weight:500;font-size:.85em}.button-container{display:flex;width:100%;margin-top:15px;margin-bottom:5px}.login-button,.register-button{padding:.625rem .9375rem;border:none;font-weight:600;border-radius:0;color:#fff;font-size:1.125rem;cursor:pointer;background:var(--auth-btn-grad);box-shadow:0 4px 6px -1px var(--auth-btn-shadow),0 2px 4px -2px #0000000f;transition:background-color .3s,opacity .3s,transform .1s;width:35%;flex-grow:1;z-index:10}.split-left{clip-path:polygon(0 0,100% 0,100% 50%,0 100%);transform:translate(3px);border-top-left-radius:8px;border-bottom-left-radius:8px}.split-left:hover:not(:disabled){background-color:var(--auth-btn-hover-left);transform:translate(3px) scale(1.01)}.split-right{clip-path:polygon(0 50%,100% 0,100% 100%,0 100%);transform:translate(-3px);border-top-right-radius:8px;border-bottom-right-radius:8px}.split-right:hover:not(:disabled){background-color:var(--auth-btn-hover-right);transform:translate(-3px) scale(1.01)}.form-card .login-button.active,.form-card .register-button.active{filter:brightness(1.1);opacity:1;z-index:20}.form-card .login-button:not(.active),.form-card .register-button:not(.active){opacity:.7;filter:saturate(.8)}.login-card .login-button,.register-card .register-button{opacity:1;filter:none;width:100%;clip-path:none;transform:none;border-radius:.5rem}.reset-password{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.reset-card{width:100%;max-width:24rem;background-color:var(--auth-bg-card);padding:3rem 2rem;border-radius:1.5rem;box-shadow:0 4px 20px var(--auth-shadow);border:1px solid var(--auth-border-card);text-align:center}.reset-header{font-size:2.25rem;font-weight:800;color:var(--auth-header-text);margin-bottom:2rem}.reset-error{background-color:var(--auth-error-bg);color:var(--auth-error-text);border:1px solid var(--auth-error-border);border-radius:.5rem;padding:.75rem;margin-bottom:1.5rem;text-align:left;font-size:.875rem}.reset-success{background-color:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;border-radius:.5rem;padding:.75rem;margin-bottom:1.5rem;font-size:.875rem;font-weight:500}.reset-submit-btn{width:100%;padding:.75rem;border:none;font-weight:600;border-radius:.5rem;color:#fff;font-size:1.125rem;cursor:pointer;background:var(--auth-btn-grad);transition:transform .1s,opacity .2s;margin-top:1rem}.reset-submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.back-link-btn{background:none;border:none;color:var(--auth-muted-text);font-size:.875rem;margin-top:1.5rem;cursor:pointer;text-decoration:underline}.back-link-btn:hover{color:var(--auth-header-text)}.registration-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:20px;box-sizing:border-box}.registration-card{width:100%;max-width:26rem;background-color:var(--auth-bg-card);padding:3rem 2rem;border-radius:1.5rem;box-shadow:0 4px 20px var(--auth-shadow);border:1px solid var(--auth-border-card);text-align:left}.registration-header{font-size:2.25rem;font-weight:800;color:var(--auth-header-text);margin-bottom:2.5rem;text-align:center}.register-error{background-color:var(--auth-error-bg);color:var(--auth-error-text);border:1px solid var(--auth-error-border);border-radius:.5rem;padding:.75rem;margin-bottom:1.5rem;font-size:.875rem}.register-btn{flex-grow:1;padding:.75rem;border:none;font-weight:600;border-radius:.5rem;color:var(--auth-btn-text);font-size:1.125rem;cursor:pointer;background:var(--auth-btn-grad);transition:transform .1s,opacity .2s}.register-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.register-btn:disabled{opacity:.6;cursor:not-allowed}.registration-card .field-info{color:var(--auth-muted-text);font-size:.875rem;line-height:1.5;margin-bottom:1rem}.registration-card .field-info strong{color:var(--auth-header-text)}.registration-card .checkbox-label-text{color:var(--auth-label-text);font-weight:500;font-size:.95rem}.registration-card .field-info em{color:var(--auth-muted-text);font-style:italic}.registration-card .input-label{color:var(--auth-label-text)}.registration-card .form-checkbox{width:1.1rem;height:1.1rem;cursor:pointer;accent-color:var(--auth-btn-grad-mid);margin:2px 0 0}.registration-card .checkbox-wrapper{display:flex;align-items:flex-start;gap:10px;margin-bottom:.5rem;cursor:pointer}.registration-card .checkbox-wrapper:hover .checkbox-label-text{color:var(--auth-header-text)}.network .checkbox-wrapper:hover .checkbox-label-text{color:var(--auth-header-text-alt2)}.network .checkbox-label-text{color:var(--auth-label-text-alt2);font-weight:500;font-size:.95rem}.network .input-label{color:var(--auth-label-text-alt2)}.error-message{font-weight:700}.input-label{display:block;font-size:.875rem;font-weight:600;color:var(--auth-label-text);margin-bottom:.5rem;text-align:left}.input-field{width:100%;padding:.75rem;border:1px solid var(--auth-input-border);box-sizing:border-box;transition:all .15s ease-in-out;outline:none;background-color:var(--auth-input-bg)}.login .input-field{background-color:var(--auth-input-bg-login)}.input-field:focus{border-color:var(--auth-input-focus-border);box-shadow:0 0 0 3px var(--auth-input-focus-ring)}.switch-text{font-size:.875rem;color:var(--auth-muted-text);margin-top:1.5rem;text-align:center}@media(max-width:768px){.login,.register{margin:40px 20px;gap:40px}.login-card,.register-card{padding:2rem 1.5rem;border-radius:1rem}.login-header,.register-header{font-size:1.75rem;margin-bottom:2rem}.registration-container{min-height:auto;margin-top:40px}.reset-password{margin:40px 20px}}@media(max-width:600px){.form-card{padding:25px;margin:10px}.button-container{flex-direction:column}.login-button,.register-button{width:100%;border-radius:8px;clip-path:none;transform:none;margin:5px 0}}