:root{--bg-main:#fbf8f4;--bg-offset:#fdfdfb;--bg-subtle-accent:#f4f0eb;--primary-text-color:#262f40;--secondary-text-color:#626d84;--accent-color:#2e829e;--accent-color-darker:#226277;--accent-text-color:#fafafa;--border-color-soft:#dadee7;--border-color-medium:#b3bbcc;--shadow-color-soft:#28324614;--shadow-color-medium:#2832461f;--font-family-main:"Segoe UI","Helvetica Neue",Arial,sans-serif;--font-family-headings:"Georgia","Times New Roman",serif;--font-size-base:17px;--font-size-small:.88rem;--font-size-large:1.2rem;--font-size-xl:1.5rem;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--line-height-base:1.6;--line-height-heading:1.3;--spacing-unit:8px;--border-radius-soft:6px;--border-radius-medium:10px;--transition-speed:.25s;--transition-timing:ease-in-out}.login-body-override{font-family:var(--font-family-main);background-color:var(--bg-main);color:var(--primary-text-color);width:100%;font-size:var(--font-size-base);line-height:var(--line-height-base);padding:var(--spacing-unit);flex:1;justify-content:center;align-items:center;display:flex}.page-wrapper{flex-direction:column;align-items:center;width:100%;max-width:420px;display:flex}.login-page-logo{color:var(--accent-color);font-family:var(--font-family-headings);font-size:var(--font-size-large);font-weight:var(--font-weight-bold);cursor:default;margin-bottom:calc(var(--spacing-unit)*4);text-align:center;text-decoration:none}.login-container{background-color:var(--bg-offset);padding:calc(var(--spacing-unit)*4);border-radius:var(--border-radius-medium);box-shadow:0 4px 12px var(--shadow-color-medium);border:1px solid var(--border-color-soft);width:100%}.login-container h2{font-family:var(--font-family-headings);text-align:center;margin-bottom:calc(var(--spacing-unit)*3);color:var(--primary-text-color);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.form-group{margin-bottom:calc(var(--spacing-unit)*2.5)}.form-group label{margin-bottom:var(--spacing-unit);color:var(--secondary-text-color);font-weight:var(--font-weight-semibold);font-size:var(--font-size-small);display:block}.login-container input[type=text],.login-container input[type=password],.login-container input[type=email]{width:100%;padding:calc(var(--spacing-unit)*1.25);border:1px solid var(--border-color-soft);border-radius:var(--border-radius-soft);box-sizing:border-box;font-size:var(--font-size-base);background-color:var(--bg-main);color:var(--primary-text-color);transition:border-color var(--transition-speed)var(--transition-timing),box-shadow var(--transition-speed)var(--transition-timing)}.login-container input[type=text]:focus,.login-container input[type=password]:focus,.login-container input[type=email]:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px hsla(from var(--accent-color)h s l/.25);outline:none}.login-error{color:var(--primary-text-color);text-align:center;font-size:var(--font-size-small);font-family:var(--font-family-main);line-height:var(--line-height-base);margin-bottom:1rem}.login-container button[type=submit]{background-color:var(--accent-color);color:var(--accent-text-color);padding:calc(var(--spacing-unit)*1.5)calc(var(--spacing-unit)*2.5);border-radius:var(--border-radius-soft);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);width:100%;transition:background-color var(--transition-speed)var(--transition-timing);border:none}.login-container button[type=submit]:hover{background-color:var(--accent-color-darker)}.register-button{width:100%;color:var(--accent-color);border:1px solid var(--accent-color);padding:calc(var(--spacing-unit)*1.5 - 1px)calc(var(--spacing-unit)*2.5);border-radius:var(--border-radius-soft);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-align:center;transition:background-color var(--transition-speed)var(--transition-timing),color var(--transition-speed)var(--transition-timing),border-color var(--transition-speed)var(--transition-timing);background-color:#0000;text-decoration:none;display:inline-block}.register-button:hover{background-color:var(--accent-color-darker);color:var(--accent-text-color);border-color:var(--accent-color-darker)}.oauth-container{text-align:center;margin-top:calc(var(--spacing-unit)*3);padding-top:calc(var(--spacing-unit)*2);border-top:1px solid var(--border-color-soft);color:var(--secondary-text-color);font-size:var(--font-size-small)}.oauth-container p{margin-bottom:calc(var(--spacing-unit)*1.5)}.auth-form-container{flex-direction:column;gap:16px;display:flex}.auth-form-component h2{text-align:center;color:var(--primary-text-color);font-family:var(--font-family-headings);font-size:var(--font-size-xl);margin-bottom:20px}.auth-form-group{text-align:left;flex-direction:column;gap:6px;display:flex}.auth-label{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--primary-text-color);margin-left:2px}.auth-input{border:1px solid var(--border-color-medium);border-radius:var(--border-radius-soft);width:100%;font-size:var(--font-size-base);font-family:var(--font-family-main);color:var(--primary-text-color);background-color:#fff;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--shadow-color-soft);outline:none}.auth-input:disabled{background-color:var(--bg-subtle-accent);color:var(--secondary-text-color)}.auth-submit-btn{background-color:var(--accent-color);width:100%;color:var(--accent-text-color);border-radius:var(--border-radius-soft);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;border:none;margin-top:8px;padding:12px;transition:background-color .2s,transform .1s}.auth-submit-btn:hover:not(:disabled){background-color:var(--accent-color-darker);box-shadow:0 2px 4px var(--shadow-color-soft);transform:translateY(-1px)}.auth-submit-btn:disabled{opacity:.7;cursor:wait}.oauth-container{flex-direction:column;gap:10px;margin-top:20px;display:flex}.google-login-button{border:1px solid var(--border-color-medium);border-radius:var(--border-radius-soft);width:100%;color:var(--primary-text-color);font-weight:var(--font-weight-semibold);font-size:var(--font-size-small);box-shadow:0 1px 2px var(--shadow-color-soft);background-color:#fff;justify-content:center;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:background-color .2s,box-shadow .2s,border-color .2s;display:flex}.google-login-button:hover{box-shadow:0 1px 3px var(--shadow-color-medium);background-color:#f8f9fa;border-color:#dadce0}.google-icon{width:18px;height:18px}.login-error{color:#d32f2f;font-size:var(--font-size-tiny);text-align:left;border-radius:var(--border-radius-soft);background-color:#ffebee;border:1px solid #ffcdd2;margin-top:0;padding:10px}